一句话介绍这是一套前后端分离的时尚美妆电商网站前台用户逛商品、下订单后台管理员管商品、管订单、管轮播图。技术栈是当下企业最主流的SpringBoot Vue可直接用于毕业设计、课程设计和练手学习。适合谁想做毕设 / 课程设计、想入门前后端分离、想在简历上写一个能跑、好看、业务完整项目的同学。这个项目到底长什么样项目分成两个端一个是顾客逛的前台商城一个是管理员用的后台管理系统。下面按页面顺序带你快速过一遍真实运行效果。管理员登录页管理员输入账号密码后进入后台是整个管理系统的入口。后台首页与整体布局采用企业后台经典布局左侧可折叠菜单栏 顶部面包屑导航 右侧主内容区。这种布局几乎所有管理系统都在用学会一套就能复用无数套。前台商城首页暖色调美妆风格顶部导航、轮播广告大图、商品卡片推荐第一眼就和白底大表格的学生作业拉开差距。功能模块一览不只是增删改查很多同学的项目只有一个商品表在 CRUD而这个项目把一条完整的电商业务链跑通了管理员录商品 → 用户浏览下单 → 后台处理订单 → 用户查看 / 退款。前台用户端顾客看到的**首页**导航栏、轮播广告图、商品推荐卡片展示商品图、标题、售价。**商品列表与详情**浏览全部美妆商品点进去看图片、视频、品牌、库存、会员价。**个人中心与订单**查看自己的订单按状态筛选未支付 / 已支付 / 已发货 / 已完成 / 已退款 / 已取消并支持一键退款退款成功有前端弹窗提示。后台管理员端admin 登录后模块能干什么亮点商品分类管理维护美妆品类水乳、口红、香水、眼影……支持名称搜索、新增、修改、删除、查看详情。商品与分类联动是电商的基础骨架。商品信息管理管理美妆商品标题、分类、品牌、服务、商品视频、商品图片、库存、价格、会员价支持搜索、新增、改、删、详情、查看评论。新增弹窗支持图片 视频双上传。轮播图管理上传、修改、删除首页 Banner前台实时展示。运营可自助换广告不用改代码。用户管理维护网站注册的普通用户账号。多角色普通用户 / 管理员分离。管理员管理维护后台操作员账号。为后续加权限控制留好了位置。商品订单管理查看所有用户订单跟进发货、处理状态。订单状态流转是核心业务。对应页面截图商品分类管理商品信息管理新增商品弹窗注意看能传视频、传图片轮播图管理用户管理商品订单管理技术栈学完就能写进简历后端SpringBootSpringBoot 2.x一键启动不用手配 TomcatMyBatis / MyBatis-Plus快速 CRUD 分页插件MySQL存商品、分类、用户、订单、轮播图Maven依赖一键导入SpringMVC JSON前后端接口交互文件上传组件图片 / 视频上传前端Vue2Vue2数据双向绑定Element UI表格 / 表单 / 弹窗 / 分页Axios调后端接口Vue-Router菜单路由 面包屑Swiper首页轮播图HTML CSS美妆暖色风格**架构关键词前后端分离。**后端只写接口、操作数据库返回 JSON前端只负责页面渲染和调接口。这是现在互联网公司的主流开发模式——传统 JSP 那种页面和代码写一起的老项目可以放下了。技术亮点答辩时能讲出花的 8 个加分项下面这些点不管是写进论文、还是答辩时口头讲都是直接能拿分的内容。亮点 1前后端分离架构企业主流前端 Vue 独立跑页面后端 SpringBoot 提供 RESTful 接口两边用 JSON 通信。不是一个 Controller 既写逻辑又返页面的老式做法。学完这个你就理解了现代 Web 项目的协作方式。亮点 2图片 视频双文件上传新增美妆商品时可以上传商品图片和商品视频后端接收文件保存到服务器数据库只存访问路径前端直接回显预览。很多课程设计项目连文件上传都没有这一项在答辩时非常显眼。亮点 3完整的电商业务闭环不是玩具 CRUD而是一条真实业务链管理员录商品 → 用户浏览 → 下单 → 后台发货 → 用户查看订单 → 支持退款。涉及库存、会员价、订单状态流转业务逻辑是活的。亮点 4经典后台布局 面包屑导航左侧可折叠菜单 顶部面包屑 主内容区。面包屑会自动记录你当前在哪个菜单下清晰知道自己在哪一页。这套布局几乎可以套用到任何管理系统。亮点 5搜索 分页 弹窗式 CRUD商品、分类列表都支持关键词检索所有业务表都有新增弹窗、单行修改、删除、详情查看配合分页组件。底层用 MyBatis-Plus 分页不用手写复杂分页 SQL。亮点 6美妆主题的精美前台前台不是简陋白底页而是暖色调美妆风格Swiper 轮播大图、商品卡片、柔和配色。毕设答辩时页面好看本身就是印象分。亮点 7订单状态机 退款业务订单有未支付、已支付、已发货、已完成、已退款、已取消多种状态用户可以点标签筛选还能发起退款并收到前端弹窗反馈。理解订单状态怎么流转是电商类项目的进阶知识点。亮点 8登录鉴权管理员账号密码校验通过后才能进后台未登录访问会被拦住登录后页面右上角展示当前管理员名称。后续想升级成 Sa-Token / JWT 权限方案这个骨架可以直接往上套。学这个项目你到底能收获什么✅ 用 SpringBoot 快速搭后端理解 Controller → Service → Mapper → Entity 分层✅ 用 MyBatis-Plus 简化数据库操作写条件查询和分页✅ 写 RESTful 接口搞懂前后端 JSON 交互✅ 用 Vue Element UI 快速搭出后台管理页面✅ 实现文件上传图片 / 视频这个高频面试点✅ 跑通电商核心业务商品、分类、订单、库存、退款✅ 学会前后端分离项目怎么本地跑、怎么打包部署✅ 顺便学会怎么写课程设计 / 毕设文档讲清项目思路拿到项目后还能自己往上加这些功能基础版已经能交作业了但如果你想让项目更有分量毕设冲优秀、简历更亮眼这些都是很好的二次开发方向用户注册、登录、会员积分体系购物车模块加入购物车、批量下单商品评论与评分项目里已有查看评论入口可补全模拟支付流程商品收藏 / 浏览历史后台首页用 ECharts 做销售统计、订单量图表商品详情页优化、规格选择怎么把项目跑起来准备环境JDK 8、MySQL 5.7 / 8.0、Maven、Node.js。后端导入 SpringBoot 项目修改 application.yml 里的数据库连接执行 SQL 脚本建表运行启动类。前端进入前端目录npm install 装依赖npm run serve 启动。浏览器访问前端地址用管理员账号登录后台即可。写在最后这套项目最大的价值是它不像一个学生作业而像一个真实在跑的小电商前台有美感、后台有完整管理、业务有闭环、还带文件上传和订单流转。对正在做毕设、课程设计或者想真正入门前后端分离开发的同学来说吃透它你就掌握了当下企业最主流的 SpringBoot Vue 开发方式——这比看十篇零散教程都管用。项目资料 精彩专栏推荐订阅 在下方专栏不然下次找不到哟《Java精品推荐项目》《springbootvue项目100套》《ssm项目100套》《微信小程序合集》