微信小程序目錄結(jié)構(gòu)
一個小程序主體部分由三個文件組件，必須放在項目的根目錄，
一個小程序page頁面由四個文件組件，分別為：
,js文件：用來寫JavaScript
wxml文件：寫頁面結(jié)構(gòu),可以理解為html
json: 里面是頁面配置
wxss:用來寫css樣式的文件
wxml：
WXML和HTML非常相似，WXML由標簽，屬性等等構(gòu)成。但是也有很多不一樣的地方
1.標簽名字有點不一樣：例如HTML里的<div>標簽在wxml中為<view>標簽
2.有一些wx:if這樣的屬性以及{{ }}(插值表達式)這樣的表達式
wxss:
跟css樣式一模一樣,只不過wxss多了一點自己的樣式
js文件：
里面有很多生命周期函數(shù)，并且可以將方法和數(shù)據(jù)定義在里面
注意：描述頁面的四個必須具有相同的路徑與文件名。
小程序配置app.json
app.json是當前小程序的全局配置，也就是說在app.json中配置的東西會應用在每一個頁面中。包括小程序的所有頁面路徑，界面表現(xiàn)，網(wǎng)絡超時時間，底部tab等。
pages字段-----用于描述當前小程序所有頁面路徑，這是為了讓微信客戶端知道當前你的小程序頁面定義在哪個目錄。
window字段------定義小程序所有頁面的頂部背景顏色，文字顏色定義等。其他配置項細節(jié)參考文檔微信開發(fā)文檔配置項文章來源：http://www.zghlxwxcb.cn/news/detail-802160.html
{
"pages": [
"pages/home/home",
"pages/index/index",
"pages/user/user"
],
"tabBar": {
"list": [{
"pagePath": "pages/home/home",
"text": "首頁",
"iconPath": "/images/chaxun.png",
},
{
"pagePath": "pages/user/user",
"text": "用戶",
"iconPath": "/images/chaxun.png"
}
]
},
"window": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "Weixin",
"navigationBarBackgroundColor": "#ffffff"
},
"componentFramework": "glass-easel",
"sitemapLocation": "sitemap.json",
"lazyCodeLoading": "requiredComponents"
}
以上就是微信小程序的項目目錄結(jié)構(gòu)的講解文章來源地址http://www.zghlxwxcb.cn/news/detail-802160.html
到了這里，關(guān)于微信小程序的基礎(chǔ)開發(fā)的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
