Github标星60K！mall前台商城系统正式发布，支持完整订单流程！

之前有很多小伙伴问我，mall项目有没有前台商城系统，可见大家对mall项目的前台商城系统还是非常期待的。最近抽空把前台商城系统的功能给完善了，目前已经可以支持完整的订单流程。我已经把前台商城系统开源了，项目地址也放在文末了，今天我们就来聊聊mall项目的前台商城系统！

项目介绍

mall-app-web是mall项目的前台商城系统，基于uni-app实现。主要包括首页门户、商品推荐、商品搜索、商品展示、购物车、订单流程、会员中心、客户服务、帮助中心等功能。

mall项目是基于 SpringBoot + Vue + uni-app 实现的全套电商系统，能支持完整的订单流程，后端项目和管理系统前端地址如下。

• 后端项目mall（Github标星60K）：https://github.com/macrozheng/mall
• 管理系统前端项目mall-admin-web（Github标星10K）：https://github.com/macrozheng/mall-admin-web

项目演示

这里给大家简单演示下mall-app-web的功能，还是非常完善的！

• 商城首页功能

• 商品分类功能

• 购物车功能

• 会员中心功能

• 品牌详情功能

• 商品详情功能

• 创建订单功能

• 我的订单功能

订单流程

目前前台商城系统已经能支持完整订单流程，具体流程可以参考下图。

大家也可以访问在线演示地址体验下效果，演示地址：http://www.macrozheng.com/app/

技术选型

技术	说明	官网
Vue	核心前端框架	https://vuejs.org
Vuex	全局状态管理框架	https://vuex.vuejs.org
uni-app	移动端前端框架	https://uniapp.dcloud.io
mix-mall	电商项目模板	https://ext.dcloud.net.cn/plugin?id=200
luch-request	HTTP请求框架	https://github.com/lei-mu/luch-request

功能结构

前台商城系统具体功能可以参考下图。

项目地址

开源不易，大家给项目点个Star，也是对项目的认可与支持！

https://github.com/macrozheng/mall-app-web