基于vue springboot的前后端分离的化妆品商城

技术介绍

后端：
springboot mybatis ORM框架 mysql数据库 redis分布式缓存 Druid数据库连接池
前端：
Vue 前端框架 Vuw-router路由框架 VueX全局状态管理框架 Element前端Ui框架 Axiox 前端HTTP框架
JDK 1.8 maven

支付宝沙箱技术 OSS存储 网易邮箱服务 手机号短信（个人无法申请sms模板 模拟实现）

主要功能：

管理员登陆：商品管理： 商品列表 添加 编辑修改 商品分类 商品品牌 商品规格 商品采购 供应商管理
订单管理： 订单列表 退货申请列表 退货原因设置
营销管理：首页轮播图设置
权限管理：管理员列表 添加管理员 分配权限 会员列表 角色管理
用户登录：用户邮箱注册 通过邮箱验证 编辑个人资料 绑定手机号（模拟） 修改密码 我的订单 我的购 物车 评价商品 搜索商品 分类搜索 品牌搜索 加入购物车 查看评价 付款 申请退款 退货
收货 填写评价等

具体看功能截图 只要显示的均已实现

一、运行截图

二 数据库表

三、pom文件

1.后端pom文件

代码如下（示例）：

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd"><modelVersion>4.0.0</modelVersion><parent><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-parent</artifactId><version>2.7.2</version><relativePath/> <!-- lookup parent from repository --></parent><groupId>com.mecol</groupId><artifactId>back</artifactId><version>0.0.1-SNAPSHOT</version><name>back</name><description>Demo project for Spring Boot</description><properties><java.version>1.8</java.version></properties><dependencies><!--mysql--><dependency><groupId>mysql</groupId><artifactId>mysql-connector-java</artifactId><version>8.0.11</version></dependency><!--整合mybatis--><dependency><groupId>org.mybatis.spring.boot</groupId><artifactId>mybatis-spring-boot-starter</artifactId><version>1.3.3</version></dependency><!-- https://mvnrepository.com/artifact/com.github.ulisesbocchio/jasypt-spring-boot-starter --><dependency><groupId>com.github.ulisesbocchio</groupId><artifactId>jasypt-spring-boot-starter</artifactId><version>3.0.3</version></dependency><!--druid--><dependency><groupId>com.alibaba</groupId><artifactId>druid</artifactId><version>1.1.12</version></dependency><!-- 图片上传 SDK 阿里云oss --><dependency><groupId>com.aliyun.oss</groupId><artifactId>aliyun-sdk-oss</artifactId><version>2.8.3</version></dependency><dependency><groupId>commons-fileupload</groupId><artifactId>commons-fileupload</artifactId><version>1.3.1</version></dependency><!-- 阿里短信依赖 --><dependency><groupId>com.aliyun</groupId><artifactId>aliyun-java-sdk-core</artifactId><version>4.4.6</version></dependency><dependency><groupId>com.aliyun</groupId><artifactId>aliyun-java-sdk-dysmsapi</artifactId><version>2.1.0</version></dependency><!-- fastjson --><dependency><groupId>com.alibaba</groupId><artifactId>fastjson</artifactId><version>1.2.62</version></dependency><dependency><groupId>redis.clients</groupId><artifactId>jedis</artifactId><version>2.9.0</version></dependency><!--lombok--><dependency><groupId>org.projectlombok</groupId><artifactId>lombok</artifactId></dependency><!--配置类依赖--><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-configuration-processor</artifactId></dependency><!-- 导入Spring Boot  web 所需的jar包 --><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId></dependency><!--Springboot data依赖--><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-data-jpa</artifactId></dependency><!--Spring Boot redis依赖--><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-data-redis</artifactId></dependency><!-- Sa-Token 权限认证 --><dependency><groupId>cn.dev33</groupId><artifactId>sa-token-spring-boot-starter</artifactId><version>1.29.0</version></dependency><!-- Sa-Token 整合 Redis （使用jackson序列化方式） --><dependency><groupId>cn.dev33</groupId><artifactId>sa-token-dao-redis-jackson</artifactId><version>1.29.0</version></dependency><!-- 提供Redis连接池 --><dependency><groupId>org.apache.commons</groupId><artifactId>commons-pool2</artifactId></dependency><!--thymeleaf--><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-thymeleaf</artifactId></dependency><!-- aop依赖  没有此依赖 注解无法使用 --><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-aop</artifactId></dependency><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-mail</artifactId></dependency><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-test</artifactId></dependency><dependency><groupId>junit</groupId><artifactId>junit</artifactId><version>4.12</version></dependency><dependency><groupId>org.apache.maven</groupId><artifactId>maven-settings</artifactId><version>3.3.9</version></dependency><!-- 工具类 --><dependency><groupId>com.github.shalousun</groupId><artifactId>common-util</artifactId><version>1.9.2</version></dependency><!-- alipay-sdk-java 依赖 --><dependency><groupId>com.alipay.sdk</groupId><artifactId>alipay-sdk-java</artifactId><version>4.10.192.ALL</version></dependency></dependencies><build><finalName>breadroll-mall</finalName><plugins><plugin><groupId>com.github.ulisesbocchio</groupId><artifactId>jasypt-maven-plugin</artifactId><version>3.0.2</version></plugin><plugin><groupId>org.springframework.boot</groupId><artifactId>spring-boot-maven-plugin</artifactId></plugin><plugin><groupId>org.apache.maven.plugins</groupId><artifactId>maven-compiler-plugin</artifactId><configuration><source>8</source><target>8</target></configuration></plugin></plugins></build></project>

2.前端package.json

代码如下（示例）：

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd"><modelVersion>4.0.0</modelVersion><parent><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-parent</artifactId><version>2.7.2</version><relativePath/> <!-- lookup parent from repository --></parent><groupId>com.mecol</groupId><artifactId>back</artifactId><version>0.0.1-SNAPSHOT</version><name>back</name><description>Demo project for Spring Boot</description><properties><java.version>1.8</java.version></properties><dependencies><!--mysql--><dependency><groupId>mysql</groupId><artifactId>mysql-connector-java</artifactId><version>8.0.11</version></dependency><!--整合mybatis--><dependency><groupId>org.mybatis.spring.boot</groupId><artifactId>mybatis-spring-boot-starter</artifactId><version>1.3.3</version></dependency><!-- https://mvnrepository.com/artifact/com.github.ulisesbocchio/jasypt-spring-boot-starter --><dependency><groupId>com.github.ulisesbocchio</groupId><artifactId>jasypt-spring-boot-starter</artifactId><version>3.0.3</version></dependency><!--druid--><dependency><groupId>com.alibaba</groupId><artifactId>druid</artifactId><version>1.1.12</version></dependency><!-- 图片上传 SDK 阿里云oss --><dependency><groupId>com.aliyun.oss</groupId><artifactId>aliyun-sdk-oss</artifactId><version>2.8.3</version></dependency><dependency><groupId>commons-fileupload</groupId><artifactId>commons-fileupload</artifactId><version>1.3.1</version></dependency><!-- 阿里短信依赖 --><dependency><groupId>com.aliyun</groupId><artifactId>aliyun-java-sdk-core</artifactId><version>4.4.6</version></dependency><dependency><groupId>com.aliyun</groupId><artifactId>aliyun-java-sdk-dysmsapi</artifactId><version>2.1.0</version></dependency><!-- fastjson --><dependency><groupId>com.alibaba</groupId><artifactId>fastjson</artifactId><version>1.2.62</version></dependency><dependency><groupId>redis.clients</groupId><artifactId>jedis</artifactId><version>2.9.0</version></dependency><!--lombok--><dependency><groupId>org.projectlombok</groupId><artifactId>lombok</artifactId></dependency><!--配置类依赖--><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-configuration-processor</artifactId></dependency><!-- 导入Spring Boot  web 所需的jar包 --><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId></dependency><!--Springboot data依赖--><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-data-jpa</artifactId></dependency><!--Spring Boot redis依赖--><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-data-redis</artifactId></dependency><!-- Sa-Token 权限认证 --><dependency><groupId>cn.dev33</groupId><artifactId>sa-token-spring-boot-starter</artifactId><version>1.29.0</version></dependency><!-- Sa-Token 整合 Redis （使用jackson序列化方式） --><dependency><groupId>cn.dev33</groupId><artifactId>sa-token-dao-redis-jackson</artifactId><version>1.29.0</version></dependency><!-- 提供Redis连接池 --><dependency><groupId>org.apache.commons</groupId><artifactId>commons-pool2</artifactId></dependency><!--thymeleaf--><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-thymeleaf</artifactId></dependency><!-- aop依赖  没有此依赖 注解无法使用 --><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-aop</artifactId></dependency><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-mail</artifactId></dependency><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-test</artifactId></dependency><dependency><groupId>junit</groupId><artifactId>junit</artifactId><version>4.12</version></dependency><dependency><groupId>org.apache.maven</groupId><artifactId>maven-settings</artifactId><version>3.3.9</version></dependency><!-- 工具类 --><dependency><groupId>com.github.shalousun</groupId><artifactId>common-util</artifactId><version>1.9.2</version></dependency><!-- alipay-sdk-java 依赖 --><dependency><groupId>com.alipay.sdk</groupId><artifactId>alipay-sdk-java</artifactId><version>4.10.192.ALL</version></dependency></dependencies><build><finalName>breadroll-mall</finalName><plugins><plugin><groupId>com.github.ulisesbocchio</groupId><artifactId>jasypt-maven-plugin</artifactId><version>3.0.2</version></plugin><plugin><groupId>org.springframework.boot</groupId><artifactId>spring-boot-maven-plugin</artifactId></plugin><plugin><groupId>org.apache.maven.plugins</groupId><artifactId>maven-compiler-plugin</artifactId><configuration><source>8</source><target>8</target></configuration></plugin></plugins></build></project>

---

有问题留言 帮忙解决

源码

https://pan.baidu.com/s/1dSsQWDx1psVAzYRJsnXzPQ 提取码: rfi2

基于vue springboot的前后端分离的化妆品商城相关推荐

1. vue和Java做数据交互_基于vue和springmvc前后端分离，json类接口调用介绍

   基于vue和springmvc前后端分离,json类接口调用介绍 版本要求:spring-3.2.9.RELEASE.vue-2.9.2.axios-0.17.1,其中axios作为http clie ...

2. springboot+vue+elementui实现前后端分离的网上商城购物系统

   文末获取源码 开发语言:Java 框架:springboot JDK版本:JDK1.8 服务器:tomcat7 数据库:mysql 5.7/8.0 数据库工具:Navicat11 开发软件:eclip ...

3. SpringBoot+vue+elementui实现前后端分离的化妆品销售商城网站

   文末获取源码 开发语言:Java 框架:springboot JDK版本:JDK1.8 服务器:tomcat7 数据库:mysql 5.7/8.0 数据库工具:Navicat11 开发软件:eclip ...

4. 基于javaweb的前后端分离网上手机商城平台系统设计和实现(java+vue+redis+springboot+mysql+ssm)

   基于javaweb的前后端分离网上手机商城平台系统设计和实现(java+vue+redis+springboot+mysql+ssm) 运行环境 Java≥8.MySQL≥5.7.Node.js≥10 ...

5. Vue 脚手架结合 SpringBoot 构建前后端分离入门项目（实现增删改查）

   Vue 脚手架构建前后端分离项目 项目简介与预览 数据库建表 主要模块代码 index.js 路由代码 User.vue 用户组件 RAP2 创建接口进行测试 切换路由组件的显示: this.$rou ...

6. 使用SpringBoot + Vue (若依前后端分离版) 写项目的一些总结(持续更新...)

   使用SpringBoot + Vue(若依前后端分离版) 写项目的一些总结 获取Redis服务 @Autowired private RedisCache redisCache; String cap ...

7. 基于Springboot+LayUI前后端分离小区物业系统带疫情防疫打卡管理

   开发技术:Springboot + LayUI + 前后端分离 开发工具: Idea + Mysql 这个项目是在以前项目的基础上面增加了疫情防疫打卡功能,用户可以发布公告,可以打卡上报自己的疫情监测 ...

8. 《Vue+Spring Boot前后端分离开发实战》专著累计发行上万册

               杰哥的学术专著<Vue+Spring Boot前后端分离开发实战>由清华大学出版社于2021年3月首次出版发行,虽受疫情影响但热度不减,受到业界读者的热捧,截至今日 ...

9. 学科投票系统-基于Python-Django实现的前后端分离项目

   学科投票系统-基于Python-Django实现的前后端分离开发 作者:代昌松 项目详情代码请参考: vote_api:https://gitee.com/dcstempt_ping/vote_api ...

最新文章

1. ffmpeg php 快速播放,怎么在PHP中利用FFmpeg函数对视频播放的时长进行获取
2. 程序员买买买，纸书半价，电子书55折，抢券叠加使用更划算
3. PHP如何验证以太坊签名
4. 微信小程序外卖增长402%，茶饮下单最活跃
5. Tomcat 配置文件
6. mysql5.7.16安装版_mysql数据库5.7.16安装版怎么安装图解
7. Prometheus学习
8. 班级的每日作业和任务目标
9. 第六章 面向对象的程序设计
10. java函数调用实例_Java使用方法引用实现任意对象的实例方法
11. Atitit.软件开发概念说明--io系统区--特殊文件名称保存最佳实践文件名称编码...filenameEncode 1.1. 不个网页title保存成个个文件的时候儿有无效字符的问题... 1
12. centos安装mysql wsl_windows 10 WSL 安装 Centos
13. SEO死链查询工具对网站的三大好处
14. 上拉查看详情和下拉隐藏详情
15. 关于写论文的小技巧[一]：公式编号
16. [乐意黎]某音上超酷炫的 Word Clock 文字云时钟屏保配置
17. 两个数组合成一个json对象_js把两个json数组根据相同键值合并成一个数组
18. nio中的Files类常用方法
19. Linux wait和waitpid和kill
20. Unity 攻击范围检测

热门文章

1. 逐字稿整理-英/TED-Collaboration:Persuit of excellence(大花猫冯夏)
2. ​LeetCode刷题实战391：完美矩形
3. 振兴民族软件，险恶的江湖该如何仗剑走天涯
4. 废墟搜救机器人入选中国地震局10大最具实效科技成果
5. 【提升技能必备】这基本Android高级进阶的好书值得一看
6. Relative Position Representations
7. 关于SqlServer高并发死锁现象的分析排查
8. win10电脑蓝屏问题 ntoskrnl.exe导致蓝屏
9. python 将联系人表格转化为通讯录vcf格式
10. mobiscroll 插件札记