学习不走弯路,通过《mall视频教程(最新版)》,使用更系统、高效的方式来学习mall电商实战项目吧!
mall项目前台商城系统业务介绍
mall项目前台商城系统业务介绍
在上一节课程中,我们对mall项目的后台管理系统业务做了个介绍,这一节中,我们将对mall项目的前台商城系统做个介绍。
相关视频教程
功能结构
mall-app-web
是mall项目的前台商城系统的前端项目,基于uni-app
实现。主要包括首页门户、商品推荐、商品搜索、商品展示、购物车、订单流程、会员中心等功能,具体功能可以参考下图。

数据库表结构
对于前台商城系统来说,很多在后台管理系统中用到的表,比如商品模块表、订单模块表都用到了。除了这些之外,前台商城系统还用到了会员模块的表,具体参考下图。

核心流程
整个前台商城系统最大的亮点在于,实现了从商品浏览->添加购物车->下单->查看订单
的完整订单流程,并且能和后台管理系统对接使用,具体流程如下。

- 移动端商城查看商品

- 在商品加入购物车之前还需要进行登录,登录账号为
test:123456

- 点击加入购物车后查看购物车

- 点击去结算后创建订单

- 点击去结算后跳转到支付界面

- 确认支付后跳转到我的订单界面

- 后台管理系统收到订单

- 点击订单发货进行发货操作

- 确认发货后,移动端商城订单状态变为待收货

- 确认收货后,订单状态变为交易完成

- 后台管理系统可查看订单详情
