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

uniapp-商城-42-shop 后台管理 分包

在uniapp 的全局文件中,讲了分包

pages.json 页面路由 | uni-app官网

主要是用于小程序的打包。超高两M就不能上传的。

看看官网上是怎么说的。

1 subPackages

分包加载配置,此配置为小程序的分包加载机制。

因小程序有体积和资源加载限制,各家小程序平台提供了分包方式,优化小程序的下载和启动速度。

所谓的主包,即放置默认启动页面/TabBar 页面,以及一些所有分包都需用到公共资源/JS 脚本;而分包则是根据pages.json的配置进行划分。

在小程序启动时,默认会下载主包并启动主包内页面,当用户进入分包内某个页面时,会把对应分包自动下载下来,下载完成后再进行展示。此时终端界面会有等待提示。

App默认为整包。从uni-app 2.7.12+ 开始,vue2模式也兼容了小程序的分包配置。其目的不用于下载提速,而用于首页是vue时的启动提速。App下开启分包,除在pages.json中配置分包规则外,还需要在manifest中设置在app端开启分包设置,详见:manifest.json 应用配置 | uni-app官网

subPackages 节点接收一个数组,数组每一项都是应用的子包,其属性值如下:

属性类型是否必填描述
rootString子包的根目录
pagesArray子包由哪些页面组成,参数同 pages

2 pages 不能超过2M,所以说把第一次加载的页面放到主包里面。

把一些其他的功能页面 等 放到多个小包里面 ubPackages

其中 主包和分包加起来不能超过20M

3 创建分包

1、在项目文件夹下,创一个文件夹  我们这里写的是pages_mange

2 在pages.json中,完成subpackages的添加

如上图,格式为:包含root 路由 和 pages路由

root 其实就是相对于项目目录的文件夹

pages 就是不同页面的信息数组,每一个数组元素 又是一个 字典。

每个数组元素字典包含path 和 style

"subPackages": [{"root": "pages_manage", //管理"pages": [{"path": "index/index","style": {"navigationBarTitleText": "后台管理首页"// "navigationBarBackgroundColor":""}},{"path": "category/category","style": {"navigationBarTitleText": "分类管理"}},{"path" : "goods/list","style" : {"navigationBarTitleText" : "商品列表"}},{"path" : "goods/add","style" : {"navigationBarTitleText" : "添加商品"}},{"path" : "brand/brand","style" : {"navigationBarTitleText" : "商户信息"}}]}]

 3、然后添加分包中的页面

这里可以不注册到pages.json  ,手动做一次也可以

http://www.xdnf.cn/news/2519.html

相关文章:

  • 多视觉编码器协同与高低分辨率特征融合技术综述
  • JVM——垃圾收集策略
  • 心形烟花优化展示效果
  • conda 常用命令
  • Docker:快速搭建 RabbitMQ 集群的技术指南
  • javaWeb开发---前后端开发全景图解(基础梳理 + 技术体系)
  • 【HarmonyOS 5】鸿蒙检测系统完整性
  • STM32F103_HAL库+寄存器学习笔记21 - CAN接收过滤器:CPU减负神器,提升系统效率的第一道防线
  • Ubuntu 磁盘空间占用清理(宝塔)
  • 创建一个springboot的项目-简洁步骤
  • 利用 Python 爬虫按关键字搜索 1688 商品详情:实战指南
  • 用户行为检测技术解析:从请求头到流量模式的对抗与防御
  • 大模型、知识图谱和强化学习三者的结合,可以形成哪些研究方向?
  • Java安全之cc链学习集合
  • 【C语言】fprintf与perror对比,两种报错提示的方法
  • 在Linux中,使用IO标准库进行读写操作。
  • Kubernetes学习笔记-环境变量的使用
  • 重构数字信任基石:Java 24 网络安全特性的全维度革新与未来防御体系构建
  • 30、不是说字符串是不可变的吗,string s=“abc“;s=“123“不就是变了吗?
  • HNUST湖南科技大学-嵌入式考试选择题题库(109道纠正详解版)
  • 电镀废水资源化利用的工艺介绍
  • 备份服务器,备份服务器数据有哪些方法可以实现?
  • Spark学习全总结
  • 多用户商城系统的三种形式:综合性、垂直型、社交型
  • MPI Code for Ghost Data Exchange in 3D Domain Decomposition with Multi-GPUs
  • ALTER TABLE 删除DROP表列的报错: 因为有一个或多个对象访问此列
  • 多通道示波器测量系统的工程实践与技术演进
  • Flink 时态维度表 Join 与缓存机制实战
  • (done) 吴恩达版提示词工程 8. 聊天机器人 (聊天格式设计,上下文内容,点餐机器人)
  • ppt流程图怎么?ppt流程图模板大全