小程序项目结构

 

 pages - 用来存放所有小程序 的页面

utils- 用来存放工具性质模块 （比如 ：存放格式化时间的自定义模块）

app.js - 小程序项目入口  文件

app.json - 小程序项目的全局配置文件

app.wxss - 小程序全局样式文件

 project.config.json - 项目的配置文件

sitemap.json 用来配置小程序及及其页面是否允许被微信索引

 

 

 官方建议把所有小程序页面都存放在pages目录中，以单独的文件夹存放。比如 index 存放首页面  logs存放日志；

index.js 文件 （页面的脚本文件，存放页面数据，事件处理函数等）

index.json 文件 （当前页面的配置文件，配置窗口外观，表现等）

index.wxml 文件 （页面的模板结构文件）

index.wxss 文件（当前页面的样式表文件）

以上四个文件最终会被编译成一个页面；

 json 配置文件的作用

json是一种数据格式，在实际开发中，json 总是以配置文件的形式出现。小程序项目中也不例外；通过不同的 .json 配置文件，可以对小程序项目进行不同级别的配置

 

 

app.json配置文件  是当前小程序的全局配置，包括小陈雪所有页面路径、窗口外观、界面表现、底部tab等；

 

 

 pages:     用来记录当前小程序所有页面路径

window:  用来全局定义小程序所有页面的背景色、文字颜色等

style:   用来全局定义小程序组件所使用的样式版本；

sitemapLocation:  用来指明sitemap.json 的位置；

 

 

 

project.config.json

 

 

 setting : 保存编译相关的配置

projectname : 保存项目名称

appid : 保存小程序账号 id

 

 

sitemap.json

 微信已经实现小程序内搜索，效果类似于网页 seo。 sitemap.json文件用来配置小程序页面是否允许微信索引；

 

 rules ： 数组 表示索引的规则

action : 【值为  allow 表示全部允许被索引  】   【 值为 disallow表示不允许被索引】

page : *   表示全部小程序页面

 

页面.json 

可以使用页面.json 文件来对当前页面的窗口外观进行配置，页面中的.json配置会覆盖 app.json 的window中相同配置项；