花卷商城是一款基于Springboot、Vue的电商项目，前后端分离.zip

# Steamed Bread Roll Project ## 项目文档 ### 项目介绍 花卷商城，一款基于 Springboot+Vue 的电商项目，前后端分离项目 项目演示地址：[花卷买卖](http://82.157.48.250:9999/) 本项目为简单的课设项目，禁止修改后商用，不承担一切责任 项目部署失败或不会部署的，可以加QQ联系我，简单问题会回复。 对项目部署不熟悉，想省事，或想快速部署测试效果的，可以考虑远控帮你部署。 :point_right: QQ：1325554003 ### 测试账号 > 后台管理账号 - 账号：[email protected] - 密码：M123456 > 顾客账号 - 账号：[email protected] - 密码：M123456 > 支付宝支付账号 - 支付帐号：[email protected] - 登录密码：111111 - 支付密码：111111 ### 迭代更新 > 更新时间：2021-12-25 不兼容升级： 1. 支持Docker部署，通过Dockerfile构建镜像 2. 优化上传图片逻辑 3. yml配置文件加密处理，不对外暴露配置文件信息 4. 启动项目时，需要传入配置文件解密密钥，或者将加密的配置信息换成自己的 > 更新时间：2021-12-05 问题修复： 1. 创建用户、生成订单等操作造成时间字段报null空指针错误。【已修复】 2. 从购物车下单后，购物车中的商品还存在问题。【已修复】 3. 注册用户页面，发送邮箱验证码时，数字验证码一直不变问题，【已修复】 4. 项目文件目录规范化，目录命名规范化。 5. Vue项目启动命令为：npm run serve 或 npm start，项目启动后自动打开网页。 新功能： 1. 项目启动时，可通过application.yml配置文件配置超级管理员账号，在admin属性下配置邮箱、用户名等信息。当项目启动时自动检测邮箱是否已被注册；若此邮箱没有被注册，则自动帮你注册为超级管理员账号。 2. 商品评价时，增加敏感词汇过滤功能，在项目resources文件夹下有个words.txt文件存储敏感词汇信息，当评价商品时，会将敏感词汇替换成`*`；例如words.txt中有【刷单】这个词，当评论中存在刷单时，会被替换为`*`。 3. vue项目中引入**animate.css**动画库，个别地方增加了一些动画效果，例如首页logo、花卷会员等地方。如果想要自定义动画效果，只需要在对应的标签上加个class属性就可以。 **animate.css**官网链接：https://animate.style/ ```html <h1 class="animate__animated animate__bounce">An animated element</h1> ``` 4. 我的订单页面，允许隐藏已经购买完成的订单信息，当购买数量过多时，会显得页面特别乱，增加了隐藏订单功能。 以上是本次项目迭代更新的全部功能，如果项目中你发现了新的问题，可以加QQ讨论如何修复此问题。 --- ### Docker部署项目 ```shell # Dockerfile 构建项目 docker build -t breadroll-project/breadroll-mall:1.0 . ``` ```shell # docker 启动项目 docker run -d -p 9999:9999 --name breadroll-mall \ -e jasypt_password="your password" \ -v /etc/localtime:/etc/localtime \ -v /docker/project/mall/logs:/log \ breadroll-project/breadroll-mall:1.0 ``` ### 软件架构 后端技术 | 技术 | 说明 | 官网 | | ---------- | -------------- | ------------------------------------------------------------ | | SpringBoot | 容器+MVC框架 | [https://spring.io/projects/spring-boot](https://gitee.com/link?target=https%3A%2F%2Fspring.io%2Fprojects%2Fspring-boot) | | Shiro | 认证和授权框架 | [Apache Shiro Simple. Java. Security.](https://shiro.apache.org/) | | MyBatis | ORM框架 | [http://www.mybatis.org/mybatis-3/zh/index.html](https://gitee.com/link?target=http%3A%2F%2Fwww.mybatis.org%2Fmybatis-3%2Fzh%2Findex.html) | | MySQL | 数据库 | [https://www.mysql.com/](https://gitee.com/link?target=https%3A%2F%2Fwww.mysql.com%2F) | | Redis | 分布式缓存 | [https://redis.io/](https://gitee.com/link?target=https%3A%2F%2Fredis.io%2F) | | Druid | 数据库连接池 | [https://github.com/alibaba/druid](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Falibaba%2Fdruid) | 前端技术 | 技术 | 说明 | 官网 | | ------------------- | ------------------ | ------------------------------------------------------------ | | Vue | 前端框架 | [https://vuejs.org/](https://gitee.com/link?target=https%3A%2F%2Fvuejs.org%2F) | | Vue-router | 路由框架 | [https://router.vuejs.org/](https://gitee.com/link?target=https%3A%2F%2Frouter.vuejs.org%2F) | | Vuex | 全局状态管理框架 | [https://vuex.vuejs.org/](https://gitee.com/link?target=https%3A%2F%2Fvuex.vuejs.org%2F) | | Element | 前端UI框架 | [https://element.eleme.io](https://gitee.com/link?target=https%3A%2F%2Felement.eleme.io%2F) | | Axios | 前端HTTP框架 | [https://github.com/axios/axios](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Faxios%2Faxios) | | vue-clipboard2 | 将内容复制到剪贴板 | [https://github.com/Inndy/vue-clipboard2](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2FInndy%2Fvue-clipboard2) | | vuex-persistedstate | vuex持久化 | [https://www.npmjs.com/package/vuex-persistedstate](https://gitee.com/link?target=https%3A%2F%2Fwww.npmjs.com%2Fpackage%2Fvuex-persistedstate) | | nprogress | 进度条控件 | [https://github.com/rstacruz/nprogress](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2Frstacruz%2Fnprogress) | #### 开发环境 | 工具 | 版本号 | 下载 | | ----- | ------ | ------------------------------------------------------------ | | JDK | 1.8 | [https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html](https://gitee.com/link?target=https%3A%2F%2Fwww.oracle.com%2Ftechnetwork%2Fjava%2Fjavase%2Fdownloads%2Fjdk8-downloads-2133151.html) | | Mysql | 5.7 | [https://www.mysql.com/](https://gitee.com/link?target=https%3A%2F%2Fwww.mysql.com%2F) | | Redis | 5.0.10 | [https://redis.io/download](https://gitee.com/link?target=https%3A%2F%2Fredis.io%2Fdownload) | #### 第三方技术 | 工具 | 官网 | | -------------- | ----------------------------------------- | | 支付宝沙箱技术 | https://opendocs.alipay.com/common/02kkv7 | | OSS 存储 | https://cn.aliyun.com/ | | 阿里云短信服务 | https://cn.aliyun.com/ | | 网易邮箱服务 | https://email.163.com/ | #### 项目部署 将项目通过maven打成jar包，服务器运行jar包即可 需开放的端口号： ``` 9999 # 项目端口号 3306 # mysql 主机端口 6379 # redis 数据库 994 # 网易163邮箱 服务端口 ``` ### 软件截图 **登录界面**  **个人中心**  **修改密码**  **我的订单**  **我的购物车**  **商品搜索**  **购买页面** ![image-20210123150056791](https://oss-qiu.oss-cn-hangzhou.aliyuncs.com/qiu-blogs-typecho/202101231501