优购商城 项目总结

  本项目采用原生小程序开发

项目介绍

本项目是一个小商城，核心功能有用户登录，添加购物车，创建订单等等。

主要的模块有

1. 首页

2. 搜索页

3. 分类页

4. 列表页

5. 详情页

6. 购物车页

7. 下单页

8. 订单列表页

9. 个人页

项目准备

在写项目前，我们需要先配置一个底部tab栏，

我们需要在app.json中配置tabBar属性，在里面的list属性里配置路由的信息即可（最少配置2个，最多配置5个）

  "tabBar": {
    "selectedColor": "#ee2024",  // 选中时的颜色
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "首页",
        "iconPath": "./tab_icons/home.png",
        "selectedIconPath": "./tab_icons/home-active.png"
      },
      {
        "pagePath": "pages/cate/cate",
        "text": "分类",
        "iconPath": "./tab_icons/cate.png",
        "selectedIconPath": "./tab_icons/cate-active.png"
      },
      {
        "pagePath": "pages/cart/cart",
        "text": "购物车",
        "iconPath": "./tab_icons/cart.png",
        "selectedIconPath": "./tab_icons/cart-active.png"
      },
      {
        "pagePath": "pages/user/user",
        "text": "我的",
        "iconPath": "./tab_icons/my.png",
        "selectedIconPath": "./tab_icons/my-active.png"
      }
    ]
  },

接着我们可以再配置一下分包，优化一下启动速度

分包是在app.json中配置subPackages属性，root是分包的根目录，pages是分包的路径

  "subPackages": [
    {
      "root": "kanami",
      "pages": [
        "list/list",
        "detail/detail",
        "order/order",
        "login/login",
        "pay/pay",
        "search/search"