你可以留意到這個項目里邊生成了不同類型的文件:
.json 后綴的 JSON 配置文件,用于頁面或小程序的配置設置
.wxml 后綴的 WXML 模板文件,用于布局與內(nèi)容
.wxss 后綴的 WXSS 樣式文件,用于具體的樣式
.js 后綴的 JS 腳本邏輯文件,用于邏輯處理
云南網(wǎng)建設/小程序開發(fā)/軟件開發(fā)
知識
不管是網(wǎng)站,軟件還是小程序,都要直接或間接能為您產(chǎn)生價值,我們在追求其視覺表現(xiàn)的同時,更側重于功能的便捷,營銷的便利,運營的高效,讓網(wǎng)站成為營銷工具,讓軟件能切實提升企業(yè)內(nèi)部管理水平和效率。優(yōu)秀的程序為后期升級提供便捷的支持!
發(fā)表時間:2021-1-5
發(fā)布人:葵宇科技
瀏覽次數(shù):52
創(chuàng)建你的第一個小程序還是比較簡單,在「微信開發(fā)工具」新建項目選擇小程序項目,選擇代碼存放的硬盤路徑,填入剛剛申請到的小程序的 AppID,給你的項目起一個好聽的名字,點擊 " 新建 ",你就得到了你的第一個小程序了,點擊頂部菜單編譯就可以在微信開發(fā)者工具中預覽你的第一個小程序。
你可以留意到這個項目里邊生成了不同類型的文件:
.json 后綴的 JSON 配置文件,用于頁面或小程序的配置設置
.wxml 后綴的 WXML 模板文件,用于布局與內(nèi)容
.wxss 后綴的 WXSS 樣式文件,用于具體的樣式
.js 后綴的 JS 腳本邏輯文件,用于邏輯處理
細心的小伙伴可能已經(jīng)留意到大概文件目錄有 app.* 和 pages/index/index.*
app.* 是做小程序應用的全局配置、樣式和邏輯
pages/index/index.* 是做小程序頁面的全局配置、樣式和邏輯顯示
pages/xxx/xxx.xxx 都會在 app.json 的 pages 字段里面配置 (在「微信開發(fā)工具」app.json 的 pages 字段配置一個新的路徑的話,「微信開發(fā)工具」自動生成對應的文件夾 和 json、wxml、wxss、js 文件)
pages/xxx/xxx.xxx 配置有的, 就會用自己的; 沒有的就會找 app.* 的配置。
其實我覺得這塊跟vue中的路由設置類似;
小程序包含一個描述整體程序的 app 和多個描述各自頁面的 page。
一個小程序主體部分由三個文件組成,必須放在項目的根目錄,如下:
文件 | 必需 | 作用 |
---|---|---|
app.js | 是 | 小程序邏輯 |
app.json | 是 | 小程序公共配置 |
app.wxss | 否 | 小程序公共樣式表 |
一個小程序頁面由四個文件組成,分別是:
文件類型 | 必需 | 作用 |
---|---|---|
js | 是 | 頁面邏輯 |
wxml | 是 | 頁面結構 |
json | 否 | 頁面配置 |
wxss | 否 | 頁面樣式表 |
注意:為了方便開發(fā)者減少配置項,描述頁面的四個文件必須具有相同的路徑與文件名。