原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
微信小程序项目文件组织小程序开发
微信小程序工程目录结构
在微信小程序项目开发中，我们需要先在微信开发者工具中新建工程，然后在工程中对应地实现相应功能。以我们在第1周中新建的微信小程序体验项目中构建的工程目录如下图所示。微信小程序工程目录结构
微信小程序工程中包含一个描述整体程序的app和多个描述页面的page。描述一个微信小程序app的主体部分由三个文件组成，必须放在项目的根目录。微信小程序工程目录结构文件是否必须作用app.js是小程序逻辑app.json是小程序公共配置app.wxss否小程序公共样式表
微信小程序工程目录结构一个小程序页面page由四个文件组成。文件类型是否必需作用JS是页面逻辑WXML是页面结构JSON否页面配置WXSS否页面样式表
一个微信小程序可以有很多页面，每个页面承载不同的功能，页面之间可以互相跳转。一个页面由三部分组成：界面、配置和逻辑。界面包括页面结构和页面样式表，分别由WXML文件和WXSS文件来负责描述，配置由JSON文件进行描述，页面逻辑则是由JS脚本文件负责。微信小程序工程目录结构
页面路径需要在微信小程序代码根目录app.json中的pages字段中声明，否则这个页面不会被注册到该微信小程序中。微信小程序工程目录结构
01微信小程序工程配置文件
在微信开发者工具中，新建一个微信小程序工程。微信小程序工程配置文件默认创建app.jsonapp.wxssapp.jsproject.config.jsonsitemap.json
app.json是当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部tab等内容配置。微信小程序工程配置文件
微信小程序工程配置文件app.json
微信小程序工程配置文件app.json
app.wxss是当前小程序的全局样式，文件中设计的样式会作用于当前小程序的所有页面。微信小程序工程配置文件
app.js是当前小程序的逻辑配置文件，每个微信小程序都需要在app.js中调用App方法注册小程序实例，在其中绑定生命周期回调函数、错误监听和页面不存在监听函数等。微信小程序工程配置文件
微信小程序工程配置文件app.js
project.config.json主要提供针对各自喜好的个性化配置，例如界面颜色、编译配置等等的保存。小程序开发者工具在每个项目的根目录都会生成一个project.config.json，在小程序开发者工具上做的任何配置都会写入到这个文件，当重新安装工具或者换电脑工作时，只要载入同一个项目的代码包，开发者工具就自动会恢复到之前开发项目时的个性化配置，其中会包括编辑器的颜色、代码上传时自动压缩等等一系列选项。project.config.json微信小程序工程配置文件
小程序根目录下的sitemap.json文件用于配置小程序及其页面是否允许被微信索引，文件内容为一个JSON对象，如果没有sitemap.json，则默认为所有页面都允许被索引。sitemap.json微信小程序工程配置文件
谢谢观看小程序开发
文档评论（0）