J9国际集团|Home

135-2716-3909
网站建设资讯详细

小程序代□□□码的构成—项目结构

发表日期:2026-07-25 09:42:03   作者来源:陈浩新   浏览:4304   标签:小程序    
1. 了解项目的基本组成结构
 
pages用来存放所有小程序的页面
utils 用来存放工具性质的模块(例如:格式化时间的自定义模块)
app.js 小程序项目的入口文件
app.json小程序项目的全局配置文件
app.wxss小程序项目的全局样式文件
project.config.json项目的配置文件
sitemap.json用来配置小程序及其页面是否允许被微信索引
 
小程序代码的构成—JSON配置文件
 
1. JSON 配置文件的作用
JSON 是一种数◈据格式,在实际开□□□□发中,JSON 总是以配□□□□置文件的◆形式出现。小程序项□□□□目也不例□□外:通过不同□□□的.json配置文件,可以对小□□程序项目□□□□进行不同□□□级别的配□□□□置。

 JSON 配置文件

2. app.json 文件
app.json 是当前小□□程序的全□□□局配置,包括了小□□程序的所□□□有页面路□□径,窗口外观,界面表现,底部tab等。

全局配置
 
3. project.config.json 文件
project.config.json 是项目配□□□□置文件,用来记录□□□□我们对小□□程序开发□□□□所做的个●性化配置,例如:

项目配置文件

4. sitemap.json 文件
 
微信现已□□开放小程□□□□序内搜索,效果类似□□于PC网页的SEO。sitemap.json 文件用来□□□配置小程□□□□序页面是□□□□否允许微★信索引。
 
sitemap
 
**注意:**sitemap 的索引提◎示是默认□□□□开启的,如需要关□□□□闭 sitemap 的索引提□□示,可在小程□□序项目配□□□置文件 project.config.json 的 setting 中配置字□□□段 checkSiteMap 为 false
 
5. 页面的 .json 配置文件
 
小程序中□□□□的每一个▼页面,可以使用 .json 文件来对□□本页面的□□□窗口外观❖进行配置,页面中的□□□配置项会♦覆盖 app.json 的 window 中相同的□□□配置项。
 
6. 新建小程序页面
 
只需要在 app.json -> pages 中新增页▽面的存放·路径,小程序开□□□□发者工具□□即可帮我□□□们自动创□□建对应的□□□页面文件。
 
7. 修改项目首页
 
只需要调□□整 app.json -> pages 数组中页❖面路径的□□□□前后顺序,即可修改□□项目的首□□页。小程序会□□把排在第❖一位的页·面。小程序会○把排在第□□□一位的页□□□□面,当作项目◤首页进行□□渲染。
 
如没特殊注明,文章均为J9国际集团原创,转载请注明来自https://www.lyzhuzao.com/news/6566.html