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 ⭐✨ ，手有余香。