基于springBoot + vue 实现的前后端分离商城项目

简介: 基于springBoot + vue 实现的前后端分离商城项目

1,首页效果图

49cc763fecf34ef298cf33b0b45fca6c.png

3c427c4e83ab42c29cd9ada2a5d03eef.png2:商品详情页

fabd77d4873f49a99370e8bd45bb2c28.png

3:购物车详情

180096fb51a84b979afc9eeb6a014081.png

4:订单

a87a382e2c0f440b9f5636bf9d7e9900.png

5:待付款

608c88ae5b2c42c3af1913ad5caa1720.png

6:收藏夹效果图如下

f4084ab1cd454b51b6370f8a9e66af6a.png

7:个人中心可以模拟充值支付效果

c90e1273825c4747b64691adc7762b5b.png

8:收获地址效果图如下

b6cdf0c7b7414f809bc1646699f1aa50.png

9:点赞收藏效果图

3fac21c4cfb64993ac3667fd4a9a5416.png

二:后台主要效果图如下

1:主页面

a5f6e0d59cc34958b4465ee54fa9f7c7.png

2:用户管理

9cb864e8b185460f83e840ba556f469d.png

3:角色管理

3af9fbaba4ac4ef0bdae23de40aa6669.png

4:菜单管理

08766b1ae56246a8b4bc29766c649076.png

5:公告管理

f2362d9bc29e4b13a433c0c83cec0ac1.png

6:日志管理效果图如下

20af5fd8c1d142cca03177dc3a44ebfb.png

7:轮播图效果图如下

4634ca3d6ac24c99b965e23ace21fd17.png

8:商品分类管理效果图如下

904e48df3f994369af9663777e95c4c4.png

9:商品管理效果图如下

a24ba69864c641c7a7d1462674ca1cdf.png

10:订单管理效果图如下

f1d89176b6f24cc8906c38fd00799039.png

11:收获地址效果图如下

72338a3a8b4544f8affab4b2e90848a6.png



目录
相关文章
|
1天前
|
前端开发 JavaScript Java
基于Java+Springboot+Vue开发的大学竞赛报名管理系统
基于Java+Springboot+Vue开发的大学竞赛报名管理系统(前后端分离),这是一项为大学生课程设计作业而开发的项目。该系统旨在帮助大学生学习并掌握Java编程技能,同时锻炼他们的项目设计与开发能力。通过学习基于Java的大学竞赛报名管理系统项目,大学生可以在实践中学习和提升自己的能力,为以后的职业发展打下坚实基础。
10 3
基于Java+Springboot+Vue开发的大学竞赛报名管理系统
|
2天前
|
前端开发 JavaScript Java
基于Java+Springboot+Vue开发的蛋糕商城管理系统
基于Java+Springboot+Vue开发的蛋糕商城管理系统(前后端分离),这是一项为大学生课程设计作业而开发的项目。该系统旨在帮助大学生学习并掌握Java编程技能,同时锻炼他们的项目设计与开发能力。通过学习基于Java的蛋糕商城管理系统项目,大学生可以在实践中学习和提升自己的能力,为以后的职业发展打下坚实基础。
16 3
基于Java+Springboot+Vue开发的蛋糕商城管理系统
|
2天前
|
前端开发 JavaScript Java
基于Java+Springboot+Vue开发的美容预约管理系统
基于Java+Springboot+Vue开发的美容预约管理系统(前后端分离),这是一项为大学生课程设计作业而开发的项目。该系统旨在帮助大学生学习并掌握Java编程技能,同时锻炼他们的项目设计与开发能力。通过学习基于Java的美容预约管理系统项目,大学生可以在实践中学习和提升自己的能力,为以后的职业发展打下坚实基础。
13 3
基于Java+Springboot+Vue开发的美容预约管理系统
|
2天前
|
JavaScript Java 关系型数据库
毕设项目&课程设计&毕设项目:基于springboot+vue实现的在线考试系统(含教程&源码&数据库数据)
本文介绍了一个基于Spring Boot和Vue.js实现的在线考试系统。随着在线教育的发展,在线考试系统的重要性日益凸显。该系统不仅能提高教学效率,减轻教师负担,还为学生提供了灵活便捷的考试方式。技术栈包括Spring Boot、Vue.js、Element-UI等,支持多种角色登录,具备考试管理、题库管理、成绩查询等功能。系统采用前后端分离架构,具备高性能和扩展性,未来可进一步优化并引入AI技术提升智能化水平。
毕设项目&课程设计&毕设项目:基于springboot+vue实现的在线考试系统(含教程&源码&数据库数据)
|
2天前
|
JavaScript 前端开发 Java
一个基于 SpringBoot + Vue 的在线考试系统
【9月更文挑战第24天】这是一个基于 Spring Boot 和 Vue 构建的在线考试系统。后端采用 Spring Boot、Spring Data JPA 和 MySQL 实现快速开发和数据库操作;前端使用 Vue.js 和 Element UI 快速搭建界面。系统包括用户管理、考试管理、考试答题和成绩管理等功能模块,并设计了相应的数据库表结构。通过 RESTful API 实现前后端数据交互,支持多种题型和权限管理,适用于学校和企业等场景。
|
JavaScript Java 物联网
现有vue项目seo优化
现有vue项目seo优化
|
JavaScript 前端开发
重读vue电商网站45之项目优化上线
重读vue电商网站45之项目优化上线
124 0
重读vue电商网站45之项目优化上线
|
1天前
|
缓存 JavaScript 前端开发
vue-day02计算属性,v-bind,v-if,v-for
文章介绍了Vue.js中的计算属性、class与style的绑定、条件渲染和列表渲染的使用。通过示例代码展示了如何使用计算属性简化模板逻辑、如何通过v-bind动态绑定class和style、如何使用v-if进行条件渲染以及如何使用v-for进行列表渲染。这些特性使得Vue.js在构建动态用户界面时更加灵活和强大。
vue-day02计算属性,v-bind,v-if,v-for
|
1天前
|
JavaScript
vue项目中使用vue-router进行路由配置及嵌套多级路由
该文章详细说明了如何在Vue项目中配置和使用vue-router进行单页面应用的路由管理,包括设置嵌套路由和实现多级路由导航的示例。
vue项目中使用vue-router进行路由配置及嵌套多级路由
|
1天前
|
JavaScript 网络架构