# shop-routine

**Repository Path**: cnlxc/shop-routine

## Basic Information

- **Project Name**: shop-routine
- **Description**: 商城demo，采用uniapp 开发微信小程序，实现了商品列表，搜索，购物车，登录，微信支付等功能
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2023-03-21
- **Last Updated**: 2023-03-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# shop-routine

## 介绍
采用Uni-app 进行微信小程序开发项目

## 软件架构
vue+uni ui

##  git 命令
1. `git add .` 添加文件到本地缓存
2. `git commit -m "提交描述"` 添加文件提交描述
3. `git push` 提交
4. `git pull` 更新
5. `git checkout -b 分支名称` 创建本地分支
6. `git checkout 分支名称` 切换分支
7. `git branch` 查看当前选中分支
8. `git status` 查看当前分支状态
9. `git push -u origin 分支名称` 将本地分支提交到远程仓库
10. `git merge 分支名称` 将本地分支合并到主分支，需要先切换到主分支
11. `git branch -d 分支名称` 删除本地分支

##  网络请求
由于平台的限制，小程序项目中不支持 axios，而且原生的 wx.request() API 功能较为简单，不支持拦截器等全局定制的功能。
因此，建议在 uni-app 项目中使用 @escook/request-miniprogram 第三方包发起网络数据请求
- [@escook/request-miniprogram 官方文档](https://www.npmjs.com/package/@escook/request-miniprogram)

在项目的 main.js 文件中进行配置
```js
import { $http } from '@escook/request-miniprogram'

uni.$http = $http
// 配置请求根路径
$http.baseUrl = 'https://www.uinav.com'

// 请求开始之前做一些事情
$http.beforeRequest = function (options) {
  uni.showLoading({
    title: '数据加载中...',
  })
}

// 请求完成之后做一些事情
$http.afterRequest = function () {
  uni.hideLoading()
}
```
## 配置小程序分包
> 分包可以减少小程序首次启动时的加载时间
为此，我们在项目中，把 tabBar 相关的 4 个页面放到主包中，其它页面（例如：商品详情页、商品列表页）放到分包中。在 uni-app 项目中，配置分包的步骤如下：
1. 在项目根目录中，创建分包的根目录，命名为 subpkg
2. 在 pages.json 中，和 pages 节点平级的位置声明 subPackages 节点，用来定义分包相关的结构
```json
{
  "pages": [
    {
      "path": "pages/home/home",
      "style": {}
    },
    {
      "path": "pages/cate/cate",
      "style": {}
    },
    {
      "path": "pages/cart/cart",
      "style": {}
    },
    {
      "path": "pages/my/my",
      "style": {}
    }
  ],
  {
    "root": "subpkg",
    "pages": [
  		{
  		    "path" : "goods_detail/goods_detail",
  		    "style" :                                                                                    
  		    {
  		        "navigationBarTitleText": "",
  		        "enablePullDownRefresh": false
  		    }
  		    
  		}
  	]
  }
}
```
3. 在 subpkg 目录上鼠标右键，点击 新建页面 选项，并填写页面的相关信息