newbee-mall 项目是一套电商系统，基于 Spring Boot 和 Vue 以及相关技术栈开发。前台商城系统包含首页门户、商品分类、新品上线、首页轮播、商品推荐、商品搜索、商品展示、购物车、订单结算、订单流程、个人订单管理、会员中心、帮助中心等模块。 后台管理系统包含数据面板、轮播图管理、商品管理、订单管理、会员管理、分类管理、设置等模块。
当前分支的 Spring Boot 版本为 2.7.5，想要学习和使用其它版本可以直接点击下方的分支名称跳转至对应的仓库分支中。
| 分支名称 | Spring Boot Version |
|---|---|
| spring-boot-2.3.7 | 2.3.7-RELEASE |
| spring-boot-2.6.x | 2.6.3 |
| main | 2.7.5 |
| spring-boot-3.x | 3.1.0 |
坚持不易，如果觉得项目还不错的话可以给项目一个 Star 吧，也是对我一直更新代码的一种鼓励啦，谢谢各位的支持。
| 项目名称 | 仓库地址 | 备注 |
|---|---|---|
| newbee-mall | newbee-mall in GitHub newbee-mall in Gitee |
初始版本、Spring Boot、Thymeleaf、MyBatis、MySQL |
| newbee-mall-plus | newbee-mall-plus in GitHub newbee-mall-plus in Gitee |
升级版本、优惠券、秒杀、支付、Spring Boot、Thymeleaf、MyBatis、MySQL、Redis |
| newbee-mall-cloud | newbee-mall-cloud in GitHub newbee-mall-cloud in Gitee |
微服务版本、分布式事务、Spring Cloud Alibaba、Nacos、Sentinel、OpenFeign、Seata |
| newbee-mall-api | newbee-mall-api in GitHub newbee-mall-api in Gitee |
前后端分离、Spring Boot、MyBatis、Swagger、MySQL |
| newbee-mall-api-go | newbee-mall-api-go in GitHub newbee-mall-api-go in Gitee |
前后端分离、Go、Gin、MySQL |
| newbee-mall-vue-app | newbee-mall-vue-app in GitHub newbee-mall-vue-app in Gitee |
前后端分离、Vue2、Vant |
| newbee-mall-vue3-app | newbee-mall-vue3-app in GitHub newbee-mall-vue3-app in Gitee |
前后端分离、Vue3、Vue-Router4、Vuex4、Vant3 |
| vue3-admin | vue3-admin in GitHub vue3-admin in Gitee |
前后端分离、Vue3、Element-Plus、Vue-Router4、Vite |
更多 Spring Boot 实战项目可以关注十三的另一个代码仓库 spring-boot-projects，该仓库中主要是 Spring Boot 的入门学习教程以及一些常用的 Spring Boot 实战项目教程，包括 Spring Boot 使用的各种示例代码，同时也包括一些实战项目的项目源码和效果展示，实战项目包括基本的 web 开发以及目前大家普遍使用的前后端分离实践项目等，后续会根据大家的反馈继续增加一些实战项目源码，摆脱各种 hello world 入门案例的束缚，真正的掌握 Spring Boot 开发。
关注公众号：程序员十三，回复"勾搭"进群交流。
- 开篇词：通关 Vue3 企业级项目开发，升职加薪快人一步
- 项目须知和课程约定
- 大势所趋：“前后端分离”开发模式
- Vue3 简介及开发环境搭建
- Vue3 组合 API 入口 Setup 浅析
- Vue3 之响应式系统 API
- Vue3 之生命周期钩子函数、提供注入
- Vue3 性能和业务层面上的提升
- Vite2 原理分析及简单插件编写
- Vue-Router4 使用方法及路由原理
- Vue3 实战项目启动篇
- 后端 API 开发技术选型之 Spring Boot
- 后端基础运行环境和开发工具准备
- Spring Boot 项目搭建及快速上手
- Spring Boot 实践之 Web 功能开发
- Spring Boot 实践之文件上传处理
- Spring Boot 实践之整合 MyBatis 操作数据库
- Spring Boot 实践之整合 Lombok
- Spring Boot 实践之整合 Swagger 生成接口文档
- 后端 API 项目启动和运行注意事项
- 接口参数处理和统一响应结果
- API 接口开发实战之用户登录接口开发
- API 接口开发实战之用户身份认证详解
- API 接口开发实战之轮播图管理模块接口开发
- API 接口开发实战之商品分类管理模块接口开发
- API 接口开发实战之商品管理模块接口开发
- API 接口开发实战之商品配置管理模块接口开发
- API 接口开发实战之订单管理模块接口开发
- 前后端鉴权的四种方式
- Vite2 + Vue3 + Element-plus 搭建管理后台项目
- Vue3 实战之管理后台左右栏目布局
- Vue3 实战之登录鉴权
- Vue3 实战之首页大盘数据
- Vue3 实战之首页配置
- Vue3 实战之分类管理
- Vue3 实战之商品管理
- Vue3 实战之订单管理
- Vue3 实战之会员管理、账户修改
- pm2 实现一键部署云端服务器
- 常见问题汇总讲解
- 开篇词：手把手带你搭建Vue3+Spring Boot大型前后端分离项目
- 项目须知和课程约定
- 2023年2月小册全新优化升级
- 全栈开发！你必须要知道的“前后端分离”
- 前端模块化的发展历史
- 传统页面和单页面的权衡与抉择
- 准备工作及基础环境搭建（后端）
- Spring Boot 项目初体验--项目搭建及启动
- 项目编码简化利器！Spring Boot 整合 Lombok
- Lombok 插件问题处理
- 商城后端项目启动和运行注意事项
- VSCode 的相关配置及插件介绍
- 基础篇：Vue 指令
- Vue3 新特性介绍
- 基础篇: CSS 预处理工具Less的介绍及使用
- 脚手架工具 Vite
- Vue-Router 浅析原理及使用
- 全局状态管理插件 Pinia 简介及使用
- 商城前端 H5 开发环境搭建及项目启动
- 前后端交互文档利器！Spring Boot 整合 Swagger
- 接口参数处理和统一响应结果
- 口设计规范及接口调用实践
- 商城开发实战-用户登录接口开发
- 商城开发实战-用户身份认证详解
- 商城开发实战-首页模块接口开发
- 商城开发实战-分类模块接口开发
- 商城开发实战-商品搜索模块接口开发
- 商城开发实战-购物车模块接口开发
- 商城开发实战-个人信息及收货地址接口开发
- 商城开发实战-下单流程接口开发
- 商城开发实战-订单处理流程详解
- 商城移动端开发实战-新蜂商城底部导航(抽离公共组件)
- 商城移动端开发实战-新蜂商城登录注册页(前端鉴权)
- 商城移动端开发实战-商城首页制作(轮播图、首页商品列表)
- 商城移动端开发实战-商品分类页面制作(better-scrol的介绍及使用)
- 商城移动端开发实战-商品列表页面制作(无限滚动加载)
- 商城移动端开发实战-商品详情页面制作(Pinia 购物车数量全局管理)
- 商城移动端开发实战-商城购物车页面制作(购物车页)
- 商城移动端开发实战-确认订单页面制作
- 商城移动端开发实战-地址栏管理页面制作
- 商城移动端开发实战-我的订单页面制作
- 常见问题汇总讲解
大家有任何问题或者建议都可以在 issues 中反馈给我，我会慢慢完善这个项目。
- 我的邮箱：[email protected]
- QQ技术交流群：719099151 796794009
本系统已申请软件著作权，受国家版权局知识产权以及国家计算机软件著作权保护！
以下为新蜂商城 Vue 版本的页面预览：
- 登录页
- 首页
- 商品搜索
- 商品详情页
- 购物车
- 生成订单
- 地址管理
- 订单列表
- 订单详情
