# 小程序-jd
**Repository Path**: lx29/wx-jd
## Basic Information
- **Project Name**: 小程序-jd
- **Description**: 微信小程序，使用vant/weapp+MobX,该项目主要是对vue-jd项目向微信小程序的迁移
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-03-26
- **Last Updated**: 2022-03-26
## Categories & Tags
**Categories**: Uncategorized
**Tags**: 小程序, vant-weapp
## README
# 微信原生开发小程序 vant/weapp+MobX
## 前言
该项目是对 vue-JD 项目对微信小程序的迁移，使用的后端接口都一样，部分实现功能不一致
## 前端
### 技术栈
```
vant/weapp
mobx-miniprogram
mobx-miniprogram-bindings
```
### 安装依赖
```
npm install
```
### 运行项目
```
使用微信开发者工具打开，修改appID
```
### 实现功能
#### 用户登陆模块
- 账号密码登陆
- token 验证
- 退出登陆
#### 购物车模块
- 添加购物车
- 删除购物车
- 购物车异步更改数量
- 购物车异步更改选中状态
- 购物车全选，非全选
#### 商品展示模块
- 商品分类展示
- 实现长列表滚动加载
- 商品详情展示
#### 页面权限管理模块
- 使用 onShow 判断用户是否登陆，未登陆不允许访问
- 登陆后重定向到之前的页面
#### 支付模块
- 未实现
#### 订单模块
- 未实现
#### 地址管理模块
- 未实现
## 后端
### 安装依赖
```
cd server
npm install
```
### 连接 mysql 服务器
```js
// server/src/config/config.js
module.exports = {
MYSQL_HOST: 'localhost',
MYSQL_PORT: '3306',
MYSQL_USER: '', // 账号
MYSQL_PWD: '', // 密码
MYSQL_DB: '' // 数据库名
}
```
### 导入数据库
```js
//文件在server/src/db中自行导入
```
### 运行项目
```js
cd server
npm run dev
// or
npm run dev
```
### 部分截图
#### 主页面
#### 详情页
#### 购物车
#### 地址管理
#### 个人中心
## 关于我
##### QQ：965536741