一奕塑、小程序項(xiàng)目的基本組成
1.pages 用來存放所有小程序的頁面
2.utils 用來存放工具模塊憔购,如時間格式化工具自定義模塊等
3.app.js/app.ts 小程序項(xiàng)目的入口
4.app.json 小程序項(xiàng)目的全局配置文件
5.app.wxss 小程序項(xiàng)目的全局樣式文件
6.project.config.json 項(xiàng)目的配置文件
7.sitemap.json 用來配置小程序及其頁面是否允許被微信索引
二岗仑、小程序頁面的組成部分
官方建議把小程序所有的頁面都存放在pages目錄下,以單獨(dú)的文件夾存在
1. js/ts 頁面的腳本文件画株,存放頁面的數(shù)據(jù)谦铃、事件處理函數(shù)等
2. json 當(dāng)前頁面的配置文件,可以配置窗口的外觀赞厕、表現(xiàn)等
3. wxml 頁面的模板結(jié)構(gòu)文件
4. wxss文件 當(dāng)前頁面的樣式表文件
三艳狐、json配置文件的作用
json是一種數(shù)據(jù)格式,實(shí)際開發(fā)中經(jīng)常以配置文件的形式出現(xiàn)皿桑。小程序項(xiàng)目中通過不同的json配置文件毫目,可以對小程序項(xiàng)目進(jìn)行不同級別的配置。
小程序項(xiàng)目中有4種json配置文件唁毒,分別是:
1.項(xiàng)目根目錄下的app.json配置文件
2.項(xiàng)目根目錄下的project.config.json配置文件
3.項(xiàng)目根目錄下的sitemap.json配置文件
4.每個頁面文件夾中的 .json配置文件
四蒜茴、app.json文件
app.json是當(dāng)前小程序的全局配置,包括了小程序的所有頁面路徑浆西、窗口外觀粉私、頁面表現(xiàn)、底部tab等。新建的小程序默認(rèn)的app.json文件如下:
{
"pages": [
"pages/index/index",
"pages/logs/logs"
],
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "Weixin",
"navigationBarTextStyle": "black"
},
"style": "v2",
"sitemapLocation": "sitemap.json"
}
其中包含了4個配置項(xiàng)
pages 用來記錄當(dāng)前小程序所有頁面的路徑
window 全局定義小程序所有的頁面背景色、字體顏色等
style 全局定義小程序組件所使用的樣式版本
sitemapLocation 用來指明 sitemap.json 的位置
五漂佩、project.config.json文件
project.config.json是項(xiàng)目配置文件,包括我們對小程序開發(fā)工具所做的配置窖杀。如:
setting中保存了編譯相關(guān)的配置
projectname中保存項(xiàng)目名稱
appid保存的是小程序的賬號ID
六、sitemap.json文件
微信開放了小程序內(nèi)搜索裙士,sitemap.json文件用來配置小程序頁面是否允許微信索引入客。
當(dāng)開發(fā)者允許微信索引時,微信會通過爬蟲的形式腿椎,為小程序當(dāng)前頁面建立索引桌硫,當(dāng)用戶的搜索關(guān)鍵字和當(dāng)前頁面的索引匹配成功的時候,小程序的頁面將可能顯示在搜索結(jié)果中
七啃炸、頁面中的 .json文件
小程序中的每個頁面铆隘,可以使用 .json文件來對本頁面的窗口外觀進(jìn)行配置,當(dāng)頁面的配置和全局的配置沖突時南用,頁面的配置項(xiàng)會覆蓋app.json的window中配置項(xiàng)膀钠。