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