之前有许多小伙伴问我,mall项目有没有前台商城体系,可见咱们对mall项目的前台商城体系仍是非常期待的。最近抽空把前台商城体系的功用给完善了,目前现已能够支撑完好的订单流程。我现已把前台商城体系开源了,项目地址也放在文末了,今日咱们就来聊聊mall项目的前台商城体系!
项目介绍
mall-app-web
是mall
项目的前台商城体系,根据uni-app
完成。首要包含首页门户、产品推荐、产品搜索、产品展示、购物车、订单流程、会员中心、客户服务、协助中心等功用。
mall项目是根据 SpringBoot + Vue + uni-app 完成的全套电商体系,能支撑完好的订单流程,后端项目和办理体系前端地址如下。
- 后端项目mall(Github标星60K):github.com/macrozheng/…
- 办理体系前端项目mall-admin-web(Github标星10K):github.com/macrozheng/…
项目演示
这儿给咱们简略演示下
mall-app-web
的功用,仍是非常完善的!
- 商城首页功用
- 产品分类功用
- 购物车功用
- 会员中心功用
- 品牌概况功用
- 产品概况功用
- 创立订单功用
- 我的订单功用
订单流程
目前前台商城体系现已能支撑完好订单流程,详细流程能够参阅下图。
咱们也能够访问在线演示地址体验下作用,演示地址:www.macrozheng.com/app/
技能选型
技能 | 阐明 | 官网 |
---|---|---|
Vue | 核心前端结构 | vuejs.org |
Vuex | 全局状况办理结构 | vuex.vuejs.org |
uni-app | 移动端前端结构 | uniapp.dcloud.io |
mix-mall | 电商项目模板 | ext.dcloud.net.cn/plugin?id=2… |
luch-request | HTTP恳求结构 | github.com/lei-mu/luch… |
功用结构
前台商城体系详细功用能够参阅下图。
项目地址
开源不易,咱们给项目
点个Star
,也是对项目的认可与支撑!
github.com/macrozheng/…