在线书店系统源码+SpringBoot+Vue前后端分离+毕设项目

今天带来一款优秀的毕业设计项目：在线书店系统源码 。 系统采用的流行的前后端分离结构，内含功能包括“书籍管理”，“购物车”，“订单管理”，“Spring Security权限系统”等功能。文章后面会介绍详细部署项目步骤和源码获取。

如果您有任何问题，也请联系小编，小编是经验丰富的程序员！

一. 系统演示视频

https://githubs.xyz/show/260.mp4

后端代码结构

前端代码结构

二. 系统功能概述

管理员功能

• 权限角色系统
• 增删改查书籍
• 订单统计
• 用户管理
• 订单查询

用户购买端

• 浏览书籍
• 书籍搜索
• 购物车管理
• 模拟下单
• 历史订单管理
• 历史订单统计

三. 技术栈

前端技术栈

• Vue
• ElementUI
• Bootstrap
• axios
• vue-router
• vuex
• vue-cli

后端技术栈

• SpringBoot+SpringMVC+MyBatis
• MongDB
• MySQL8.0
• Spring Security
• JDK8

四. 源码获取

https://gitee.com/lz-code/hadluo-book.git

五. 部署项目

安装mysql8.0，然后新建数据库"ebook" ，然后导入ebook.sql文件。

打开idea，导入maven后端项目，然后等待包下载完毕。

修改数据库信息为你数据库信息，信息在 application-dev.yml 里面

搭建mongdb环境，不会的请见这篇文章

[](https://zhuanlan.zhihu.com/p/706647533)

修改mongdb信息，项目的书籍图片用的是mongdb存储

修改邮件服务器信息，项目的找回密码用的是发邮件。 不会的见下面文章

老罗教知识：如何用个人QQ邮箱当邮件服务器+SpringBoot发送邮件案例1 赞同 · 0 评论文章

然后启动 com.hadluo.book.App 主类 ，出现 Tomcat started on port(s): 1211 (http) 启动成功。

没有成功的，请联系小编。到此我们后端项目部署完成。下面开始部署前端。

安装nodejs， 版本为：v12.22.12， 版本必须为这个，否则可能会出现问题。到下面这个官网上下载nodejs

https://nodejs.org/zh-cn/download/prebuilt-installer​nodejs.org/zh-cn/download/prebuilt-installer

找到 v12.22.12版本，下载后直接安装就行了。

nodejs安装完成后，进入到 "book-h5" 前端目录

路径输入cmd ，回车

打开了cmd窗口，输入下面命令设置npm下载镜像

npm config set registry https://registry.npmmirror.com

执行安装依赖

npm install

启动项目

npm run serve

首页地址

http://localhost:8080/#/home

管理员账号密码

admin/admin

用户端账号密码

hadluo/hadluo

系统截图