当前位置: 首页 > news >正文

小程序配置文件 —— 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 字段中的第一项就是小程序的首页;

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

http://www.lryc.cn/news/511405.html

相关文章:

  • Flink Data Source详解
  • Spring Boot 介绍与应用
  • 并行编程实战——TBB框架的应用之五Supra中IGTL的应用
  • 【Golang 面试题】每日 3 题(八)
  • 11. 日常算法
  • FPGA三模冗余TMR工具(二)
  • springboot499基于javaweb的城乡居民基本医疗信息管理系统(论文+源码)_kaic
  • MF248:复制工作表形状到Word并调整多形状位置
  • 微信流量主挑战:用户破16!新增文档转换(新纪元3)
  • SelectionArea 实现富文本
  • upload-labs关卡记录17
  • 【Next.js】002-路由篇|App Router
  • 如何在 Ubuntu 22.04 上使用 systemctl 管理 systemd 服务教程
  • Springboot关于格式化记录
  • Android 自定义shell命令
  • Unity游戏环境交互系统
  • TOP K问题:利用堆排序找出数组中最小的k个数
  • 《信息传播:人工智能助力驱散虚假信息阴霾》
  • 数据权限和角色权限区别
  • Flink的多流转换(分流-侧输出流、合流-union、connect、join)
  • DirectUI属性表
  • RBAC权限控制
  • STM32高级物联网通信之以太网通讯
  • 【小程序】全局配置window和tabBar
  • 详解VHDL如何编写Testbench
  • 冥想的实践
  • STM32F103RCT6学习之四:定时器
  • 如何在网页端使用 IDE 高效地阅读 GitHub 源码?
  • 易基因: BS+ChIP-seq揭示DNA甲基化调控非编码RNA(VIM-AS1)抑制肿瘤侵袭性|Exp Mol Med
  • 欢迪迈手机商城设计与实现基于(代码+数据库+LW)