小程序官方建议把所有小程序的页面都存放在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文件
页面的局部样式文件

优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!
优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真)、移动端应用(手机站、APP开发)、微信定制开发(微信官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。