小程序官方建议把所有小程序的页面都存放在pages目录中,以单独的文件夹存在,如图所示:
每个页面由4个基本文件组成:
.js文件(页面的脚本文件,存放页面的数据、事件处理函数等)
.json文件(页面的配置文件,配置窗口的外观、表现等)
.wxml文件(页面的模板结构文件)
.wxss文件(页面的样式表文件)
一、页面.js文件
页面的入口文件,通过调用Page()函数来创建并运行页面
二、页面.json文件
页面的配置文件,配置窗口的外观、表现等
页面中的配置项会覆盖app.json中的window中相同的配置项,例如:app.json的window中配置"navigationBarBackgroundColor": "#ffffff",页面的.json文件中配置"navigationBarBackgroundColor": "#00b26a",以页面的配置生效
全局app.json:
{
"pages": [
"pages/index/index",
"pages/logs/logs"
],
"window": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "Weixin",
"navigationBarBackgroundColor": "#ffffff"
},
"style": "v2",
"componentFramework": "glass-easel",
"sitemapLocation": "sitemap.json",
"lazyCodeLoading": "requiredComponents"
}
页面.json
{
"usingComponents": {
},
"navigationBarBackgroundColor": "#00b26a"
}
三、页面.wxml文件
WXML(WeiXin Markup Language)是小程序框架设计的一套标签语言,用于构建小程序页面的结构,其作用类似于网页开发中的HTML
四、页面.wxss文件
页面的局部样式文件

優(yōu)網(wǎng)科技秉承"專業(yè)團(tuán)隊(duì)、品質(zhì)服務(wù)" 的經(jīng)營理念,誠信務(wù)實(shí)的服務(wù)了近萬家客戶,成為眾多世界500強(qiáng)、集團(tuán)和上市公司的長期合作伙伴!
優(yōu)網(wǎng)科技成立于2001年,擅長網(wǎng)站建設(shè)、網(wǎng)站與各類業(yè)務(wù)系統(tǒng)深度整合,致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設(shè)(品牌展示型、官方門戶型、營銷商務(wù)型、電子商務(wù)型、信息門戶型、微信小程序定制開發(fā)、移動(dòng)端應(yīng)用(手機(jī)站、APP開發(fā))、微信定制開發(fā)(微信官網(wǎng)、微信商城、企業(yè)微信)等一系列互聯(lián)網(wǎng)應(yīng)用服務(wù)。