shopstore

• 商城管理系统，前台是vue + vue-router +vuex
• 后台是node + koa + mysql 提供接口
• sequelize 操作数据库，sequence-cli 数据迁移备份

项目运行

前台

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

后台

# 进入server 目录
# 创建数据库命令
..\node_modules\.bin\sequelize  db:create
# 创建表
..\node_modules\.bin\sequelize  db:migrate
# 初始数据
..\node_modules\.bin\sequelize  db:seed:all
# server目录包含后台的所有处理逻辑 启动后台
node app.js

# 初始账户
admin  123456  有后台管理入口
chenhu 123456  无

遇到的坑

• 新版vue-lazyload 要在图片加上 :key=‘图片路径’ 图片才会随着数据改变

• sequelize 多对多联合查询 需要一张中间表 记录 users 和 商品goods 之间的联系。且 中间表（carts） 要关联到 users表和goods的主键

• 目前完成 商品展示分页接口 用户登录，注册，登出， 购物车展示接口

• 登录账号，购物车商品数量，多个组件可以更改，前端用vuex 维护二者的状态

• koa-bodyparser 与 koa-body（用来处理文件） 功能由重叠，可以只使用koa-body ，或者 先使用 koa-body，再使用koa-bodyParser顺序不能乱。否则会导致POST请求被挂起

• 商品与订单、商品与用户表 均是 n:m,模型关联选项onUpdate 和 onDelete 两者默认值是 CASCADE. 这意味着,如果你从 n:m 关联的一侧删除或更新一行，则引用该行的连接表中的所有行也将被删除或更新。即删除某商品，购物车 和订单中的商品记录均会消失。

• 后台商品管理：信息编辑 ，删除等操作 都会影响已生成订单商品中的信息。为了不影响订单信息，可以取消 goods(商品表) 和orders(订单表)的 “n:m”, 将订单中的商品信息全部存放再订单商品表中（orderGoods） --- 改动涉及表结构，订单、商品等模块的接口更改，暂未完成。

• 待续。。。。

API(后台路由)设计

API概览（参照）：[https://github.com/huchenh/storeProject/blob/master/README.md]
文档:

• sequlize
• sequlize-cli

数据库结构设计

表格映射关系

1. 一对多
   • 用户表（users） ---- 地址表（address）
   • 用户表（users） ---- 订单表（orders）
2. 多对多
   • 用户表（users） ---- 商品表（goods）----> 中间表（carts）
   • 订单表（orders） ---- 商品表（goods）----> 中间表（orderGoods）

用户表

Table: users

名称	类型	允许空	默认值	主键	说明
user_id	Integer(9)	No	-	yes	用户id
username	VARCHAR(20)	No	-	No	用户名
password	CHAR(32)	No	-	No	密码

Indexes

名称	字段	类型
user_id	user_id	unique

商品表

Table: goods

名称	类型	允许空	默认值	主键	说明
product_id	INTEGER	No	-	yes	商品id
product_name	VARCHAR(50)	No	-	No	商品名称
sale_price	INTEGER	No	0	No	商品价格
product_image	VARCHAR(100)	No	0	No	商品图片
product_url	VARCHAR(100)	No	0	No	商品链接

Indexes

名称	字段	类型
product_id	product_id	Normal

用户和商品是 多对多关系

用户商品表（购物车） carts

名称	类型	允许空	默认值	主键	说明
id	INTEGER	No	-	yes	id
user_id	INTEGER	No	-	No	用户id
product_id	INTEGER	No	-	No	商品id
product_count	INTEGER	No	-	No	商品数量
checked	INTEGER	No	-	No	是否勾选

Indexes

名称	字段	类型
user_id	user_id	Normal
product_id	product_id	Normal

Foreign Key |名称|外键表|外键表字段| |:--:|:--:|:--:| | user_id | users | user_id | | product_id | products | product_id |

地址表

Table: address

名称	类型	允许空	默认值	主键	说明
address_id	INTEGER	No	-	yes	地址id
user_id	INTEGER	No	-	No	用户id
user_name	VARCHAR(10)	No	-	No	收货人姓名
street_name	VARCHAR(50)	No	-	No	收货人姓名
post_code	VARCHAR(10)	No	-	No	邮编
tel	VARCHAR(11)	No	-	No	电话
is_default	Interger	No	-	No	是否默认

Indexes

名称	字段	类型
user_id	user_id	Normal

Foreign Key

名称	外键表	外键表字段
user_id	users	user_id

订单表

Table: orders

名称	类型	允许空	默认值	主键	说明
order_id	INTEGER	No	-	yes	订单id
user_id	INTEGER	No	-	No	用户id
address_id	INTEGER	No	-	No	地址id
order_total	INTEGER	No	-	No	订单金额

Indexes

名称	字段	类型
address_id	address_id	Normal
user_id	user_id	Normal

Foreign Key

名称	外键表	外键表字段
address_id	address	address_id
user_id	users	user_id

订单商品对照表

名称	类型	允许空	默认值	主键	说明
_id	INTEGER	No	-	yes	id
order_id	INTEGER	No	-	NO	订单id
product_id	INTEGER	No	-	No	商品id
product_count	INTEGER	No	-	No	商品数量

Foreign Key

名称	外键表	外键表字段
order_id	order	address_id
product_id	goods	product_id

商城预览

移动效果

PC