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

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

项目介绍

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

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

项目演示

这里给大家简单演示下mall-app-web的功能,还是非常完善的!
  • 商城首页功能

Github标星60K!mall前台商城系统正式发布,支持完整订单流程!_第1张图片

  • 商品分类功能

Github标星60K!mall前台商城系统正式发布,支持完整订单流程!_第2张图片

  • 购物车功能

Github标星60K!mall前台商城系统正式发布,支持完整订单流程!_第3张图片

  • 会员中心功能

Github标星60K!mall前台商城系统正式发布,支持完整订单流程!_第4张图片

  • 品牌详情功能

Github标星60K!mall前台商城系统正式发布,支持完整订单流程!_第5张图片

  • 商品详情功能

Github标星60K!mall前台商城系统正式发布,支持完整订单流程!_第6张图片

  • 创建订单功能

Github标星60K!mall前台商城系统正式发布,支持完整订单流程!_第7张图片

  • 我的订单功能

Github标星60K!mall前台商城系统正式发布,支持完整订单流程!_第8张图片

订单流程

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

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

Github标星60K!mall前台商城系统正式发布,支持完整订单流程!_第9张图片

技术选型

技术 说明 官网
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

功能结构

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

Github标星60K!mall前台商城系统正式发布,支持完整订单流程!_第10张图片

项目地址

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

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

你可能感兴趣的:(Github标星60K!mall前台商城系统正式发布,支持完整订单流程!)