小程式頁面結構
pages
pages/app.js（小程式註冊入口）
pages/app.json（小程式路由配置以及app視窗設定）
pages/app.wxss（小程式公共樣式）
pages/modulename/modulename.js（小程式模組應用邏輯，mvc中的model和control）
pages/modulename/modulename.json（小程式應用模組的視窗配置，會覆蓋app.json的視窗配置）
pages/modulename/modulename.wxml(小程式應用模組頁面)
pages/modulename/modulename.wxss（小程式應用模組樣式）
小程式框架與mvc簡述
小程式框架
小程式劃分為檢視層（view）和邏輯層（appservice）的兩層框架，並在檢視層和邏輯層之間提供
資料傳輸和事件系統。嚴格意義上，按照mvc的框架模式而言，小程式的邏輯層包含mvc中的model以及controller.
mvc簡述
view有兩層作用，其一是負責從model層接收、渲染和顯示資料;其二是負責接受和傳遞資料到controller層； controller也有兩層作用，其一是接收view層抑或是請求url傳遞的表單資料，並對表單資料進行控制校驗，其二是處理使用者互動體驗效果，比如在view進行動畫效果設定、滾動載入體驗等； model層,負責接受controller傳輸的資料並對資料進行邏輯處理後返回給view層。
mvc優點
其一，分層的設計有助於管理複雜的應用程式，將資料邏輯與介面顯示分離，有助於後期針對相應的層級維護和管理；
其二，簡化分組開發，能夠獨讓負責不同業務模組的開發者進行模組化功能開發，並行推進專案進度
小程式入口檔案app.js、app.json以及app.wxss
app.js,小程式入口配置
app(,
onshow: function() ,
onhide: function() ,
globaldata: 'i am global data'
})前台：指重新開啟小程式顯示，即從退出當前應用，使用者又開啟該應用 後台：是指退出小程式應用（並非完全退出或關閉），相當於按手機返回鍵退出當前應用，但是小程式還在所謂的【後台】執行 app() 必須在 app.js 中註冊，且不能註冊多個 不要在定義於 app() 內的函式中呼叫 getapp() ，使用 this 就可以拿到 app 例項 不要在 onlaunch 的時候呼叫 getcurrentpage()，此時 page 還沒有生成 通過 getapp() 獲取例項之後，不要私自呼叫生命週期函式,即onlaunch,onshow,onhide這三個週期函式,自定義的函式是不屬於週期函式範圍內
app.json,小程式應用模組的路由配置、視窗以及tab配置，#僅作為注釋說明，實際配置應該去掉
,"tabbar":,]},
##時間單位 「毫秒」
"networktimeout":,
##開發者工具的控制台面板，除錯資訊以 info 的形式給出，其資訊有page的註冊，頁面路由，資料更新，事件觸發
"debug":true
}pages是屬於array型別，array的每一項都是url的字串，url為相對根目錄下的module路徑，無需副檔名，框架會自動載入module下的js、wxml、wxss、json檔案 配置的pages下的module的js,wxss,json，wxml必須為相同的名稱，框架會根據module名稱自動載入上述的副檔名檔案 tab上的list，最少2個、最多5個
app.wxss
app.wxss
/**定義的樣式將應用到小程式所有的模組中**/
view,image,scroll-view,text
.headerview
/**其他樣式**/
.....尺寸單位
responsive pixel,即rpx,響應式畫素，是一種能夠提供各種裝置都能閱讀的一種設計方法,在微信小程式中，以iphone6作為螢幕標準，1rpx = 0.5px,微信小程式在底層會根據我們設定的px來對螢幕自適應，有助於開發者更集中於開發，應用場景在設定間距、長寬等 root em,即rem，是css3新定義的一種長度單位，相對於頁面定義的html根元素來調整大小，與em相對父元素調整大小更兼具相對和絕對字型調整大小的優勢，在微信小程式中，1rem = 750/20 rpx = 75px，規定標準的iphone6的寬度是20rem，應用場景在於設定字型大小
樣式匯入
使用@import語句可以匯入外聯樣式表，@import後跟需要匯入的外聯樣式表的相對路徑，用;表示語句結束 框架元件上支援使用 style、class 屬性來控制項的樣式
微信小程式註冊
xml中手機號.js中data 獲取手機號 photoclick function e 首次輸入密碼 passwclick function e 再次確定密碼 tpasswclick function e 設定密保問題 secretclick function e 設定密保答案 answerclic...
01 微信小程式註冊開發流程
需要乙個郵箱 1v1 小程式名稱 頭像 介紹 型別 繫結開發者，管理員預設，團隊成員需要繫結 選擇小程式 點選註冊 填寫郵箱和密碼資訊 收到郵件並啟用小程式 填寫相關資訊 填寫基本資訊 詳細步驟參見官方幫助文件 選擇 普通小程式開發者工具 選擇對應版本 執行官方示例程式 2 解壓後將專案放到自定義的...
微信小程式註冊流程
註冊型別分為 個人 企業 機關 其它。對於我而言，只能先暫時使用個人進行註冊了。註冊成功之後，就可以前往完善小程式資訊。小程式資訊完善 ps 作為個人使用，想了半天也不知道叫什麼，起名字尤其糾結，名字要與小程式本身功能相關聯才行，本來打算，超級奶爸 超級爆料 城市爆料 結果都被人給註冊。後來我就弄了...