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