小程序配置文件 —— 12 全局配置 - pages配置

全局配置 - pages配置

在根目录下的 app.json 文件中有一个 pages 字段,这里我们介绍一下 pages 字段的具体用法;

pages 字段:用来指定小程序由哪些页面组成,用来让小程序知道由哪些页面组成以及页面定义在哪个目录,每一项都对应一个页面的路径信息:

从图中可以看到,在 pages 中存放了 index、list、profile 三个页面的路径信息,通过这个路径信息,可以很方便知道不同页面存放在哪个目录下;

在一个小程序项目中,通常是由多个页面来组成的,我们需要把所有的页面路由都存储在 app.js 的 pages 字段中,在配置 pages 字段时,有以下注意事项:

  • 页面路由不需要写文件后缀,框架会自动去寻找对应位置的四个文件进行处理;
  • 小程序中新增/减少页面,都需要对 pages 数组进行修改;
  • 未指定 entryPagePath 时,数组的第一项代表小程序的初始页面(首页);

我们可以在微信开发者工具中演示一下相关知识点功能;

打开微信开发者工具中,点击根目录下的 app.json 全局配置文件,可以看到这个文件中的第一个字段就是我们上面介绍的 pages 字段;在 pages 字段中有我们使用的三个页面信息:index / list / profile,这三个页面的信息都存放在 pages 文件夹中,分别在 pages/index、pages/list、pages/profile 三个文件夹中:

如果需要删除指定页面,比如 profile 页面,需要在 app.json 文件中的 pages 字段中删除该文件信息,否则我们无法正常删除对应的页面文件;

在 app.json 中可以使用 entryPagePath 字段来配置小程序的首页:

如果没有配置 entryPagePath 字段,那么 pages 字段中的第一项就是小程序的首页;

参考视频:尚硅谷微信小程序开发教程

相关推荐
菜鸟una7 小时前
【瀑布流大全】分析原理及实现方式(微信小程序和网页都适用)
前端·css·vue.js·微信小程序·小程序·typescript
2501_915106329 小时前
iOS 混淆与 IPA 加固全流程,多工具组合实现无源码混淆、源码防护与可审计流水线(iOS 混淆|IPA 加固|无源码加固|App 防反编译)
android·ios·小程序·https·uni-app·iphone·webview
游戏开发爱好者89 小时前
用多工具组合把 iOS 混淆做成可复用的工程能力(iOS混淆 IPA加固 无源码混淆 Ipa Guard)
android·ios·小程序·https·uni-app·iphone·webview
lypzcgf11 小时前
商城小程序数据库表结构文档
数据库·小程序·电商
2501_9159214311 小时前
掌握 iOS 26 App 性能监控,从监测到优化的多工具组合流程
android·macos·ios·小程序·uni-app·cocoa·iphone
知识分享小能手11 小时前
uni-app 入门学习教程,从入门到精通, uni-app常用API的详细语法知识点(上)(5)
前端·javascript·vue.js·学习·微信小程序·小程序·uni-app
一匹电信狗13 小时前
【C++】手搓AVL树
服务器·c++·算法·leetcode·小程序·stl·visual studio
2501_9160088913 小时前
手机 iOS 系统全解析,生态优势、开发机制与跨平台应用上架实践指南
android·ios·智能手机·小程序·uni-app·iphone·webview
00后程序员张15 小时前
Fiddler使用教程,全面掌握Fiddler抓包工具的配置方法、代理设置与调试技巧(HTTPHTTPS全解析)
前端·测试工具·ios·小程序·fiddler·uni-app·webview
2501_9160088915 小时前
HTTPS 下的 DDoS 防护与抓包分析实战,从检测到快速缓解的工程化打法
网络协议·ios·小程序·https·uni-app·iphone·ddos