商务合作
首页 > 教程文章 > Java文章 > 正文

在线书店系统源码+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环境,不会的请见这篇文章

老罗教知识:Windows上如何下载和安装MongoDB1 赞同 · 1 评论文章

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

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

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

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

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

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


找到 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


系统截图