waynboot-mall 商城项目从疫情开始初期着手准备,到现在已经经过了 3 年多的时间,从项目初期到现在,一个人持续迭代,修复漏洞,添加功能,经历了前端开发工具从 vue2、vue-cli 切换到 vue3、vite 的转变,也经历了后端技术框架从 Spring Boot2 到 Spring Boot3 的变迁。这个项目已经代表了过去三年间我在开源世界的留下的步履足迹。代表了我对开源世界的一份贡献。这个项目也代表了我的一种技术能力,能够从零到一搭建一套完备、包含前后端的商城系统。这里面也希望更多的人看到这个项目,使用到这个项目,能帮助到各位就是对我最大的肯定。
waynboot-mall 商城项目经历了三年发展,前后端代码累计有 600 多次提交记录、超过 500 个 star 以及 190 个 fork。
第一次提交记录 2020 年 4 月 20 日

2020 - 2023 提交贡献图




waynboot-mall 项目主页

简介
waynboot-mall 是一套全部开源的微商城项目,包含三个项目:基于 vue2 的运营后台、基于 vue2 的 H5 商城以及基于 Java 开发的后端 api 项目。这三个项目实现了一套完整的商城业务,有首页展示、商品分类、商品详情、sku 详情、商品搜索、购物车、结算下单、支付宝/微信支付、商品评论等一系列功能。商城前后台项目源码全部开源,绝无套路。技术上基于最新得 Springboot3.1,整合了 Redis、RabbitMQ、ElasticSearch 等常用中间件,根据博主多年线上项目实战经验总结开发而来不断优化、完善。
对于初学者而言 waynboot-mall 项目是非常易于学习的,根据 readme 中的本地开发指南就能成功启动项目。还提供了 docker-compose 一键部署脚本,只需要十分钟就能启动商城前后台所有服务。
-
后端 Java 接口项目 https://github.com/wayn111/waynboot-mall
-
前端 vue2 H5 商城项目 https://github.com/wayn111/waynboot-mobile
-
前端 vue2 运管后台项目 https://github.com/wayn111/waynboot-admin
功能设计

waynboot-mall 功能设计
系统设计

waynboot-mall 系统设计
技术选型
| 系统组件 | 采用技术 | 官网 | |
|---|---|---|---|
| 1 | 基础框架 | Spring Boot | https://spring.io/projects/spring-boot |
| 2 | ORM 框架 | MyBatis-Plus | https://baomidou.com |
| 3 | 工具类库 | hutool | https://hutool.cn |
| 4 | 流量网关 | Nginx | http://nginx.org/en/index.html |
| 5 | 访问控制 | Spring Security | https://spring.io/projects/spring-security |
| 6 | 日志记录 | Nginx | https://logback.qos.ch/ |
| 7 | 验证码 | easy-captcha | https://github.com/ele-admin/EasyCaptcha |
| 8 | 数据库连接池 | HikariCP | https://github.com/brettwooldridge/HikariCP |
| 9 | Redis 客户端 | Lettuce | https://lettuce.io |
| 10 | Elasticsearch 客户端 | Java High Level REST Client | https://www.elastic.co/guide/en/elasticsearch/client/java-rest/current/java-rest-high.html |
| 11 | 消息队列 | RabbitMQ | https://www.rabbitmq.com |
| 12 | 定时任务 | xxl-job | https://www.xuxueli.com/xxl-job |
| 13 | 服务监控 | spring-boot-admin | https://docs.spring-boot-admin.com/current/getting-started.html |
演示截图
| 商城首页
| 更多商品
|
| 商城搜索
| 金刚位跳转
|
| 商品详情
| 商品分类
|
| 商品sku选择
| 购物车查看
|
| 确认下单
| 选择支付方式
|
| 下单成功
| 订单列表
|
| 商品评论
| 我的页面
|
| 登录
| 注册
|
最后
waynboot-mall 项目发展至今,实属不易,我会在今后的日子里持续更新,修复 bug。希望看到本文的同学都能给 waynboot-mall 项目点个 star,帮助 waynboot-mall 走的更远,被更多的人发现与收藏。
waynboot-mall 项目地址:https://github.com/wayn111/waynboot-mall,点个 Star 🌟⭐✨ ,手有余香。















