0
点赞
收藏
分享

微信扫一扫

开源考试系统 - 本地代码调试运行


开源考试系统 - 本地代码调试运行_数据库

文章目录

  • ​​一、后端部署​​
  • ​​1. 图形化克隆项目​​
  • ​​2. 命令克隆项目​​
  • ​​3. 创建数据库,初始化数据库脚本​​
  • ​​4. IntelliJ IDEA打开项目​​
  • ​​5. 数据库连接和redis配置​​
  • ​​6. 启动redis和后端程序​​
  • ​​6. 浏览器访问​​
  • ​​二、前端部署​​
  • ​​2.1. 打开源码安装依赖​​
  • ​​2.2. 依次启动admin端和student端​​
  • ​​2.3. 浏览器访问​​
  • ​​补充​​
一、后端部署

码云开源:​​https://gitee.com/mindskip/xzs-mysql​​

开源考试系统 - 本地代码调试运行_html_02

1. 图形化克隆项目

开源考试系统 - 本地代码调试运行_数据库_03

2. 命令克隆项目

git

3. 创建数据库,初始化数据库脚本

创建​​xzs​​数据库

开源考试系统 - 本地代码调试运行_数据库_04

注:表结构文件见:文章底部

4. IntelliJ IDEA打开项目

开源考试系统 - 本地代码调试运行_git_05

5. 数据库连接和redis配置

开源考试系统 - 本地代码调试运行_html_06

6. 启动redis和后端程序

开源考试系统 - 本地代码调试运行_考试_07


开源考试系统 - 本地代码调试运行_考试_08


开源考试系统 - 本地代码调试运行_git_09

6. 浏览器访问

学生端:​​http://localhost:8000/student/index.html​​

开源考试系统 - 本地代码调试运行_数据库_10

管理员端:​​http://localhost:8000/admin/index.html​​

开源考试系统 - 本地代码调试运行_考试_11


开源考试系统 - 本地代码调试运行_考试_12

释义:说一下为什么咱们只启动了后端,前端页面就可以访问了,因为,前端页面已经打包好了,并且已经放在了项目的resources下面的static文件夹中,因此,可以直接访问

开源考试系统 - 本地代码调试运行_git_13

二、前端部署

声明:如果只是为了看效果,前端部署可以跳过。如果深入学习,可以继续阅读和修改源码为二次开发。
前提:安装nodejs

2.1. 打开源码安装依赖

前端使用webstorm或者vscode,分别打开文件夹打开源代码\source\vue\xzs-student和source\vue\xzs-admin

开源考试系统 - 本地代码调试运行_数据库_14

执行下面2个命令,安装node_module:

npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/
npm install

2.2. 依次启动admin端和student端

执行下面命令,启动前端代码

npm

开源考试系统 - 本地代码调试运行_考试_15

开源考试系统 - 本地代码调试运行_数据库_16

2.3. 浏览器访问

学生系统地址:​​http://localhost:8001/student/index.html​​

开源考试系统 - 本地代码调试运行_考试_17


开源考试系统 - 本地代码调试运行_考试_18

管理端地址:​​http://localhost:8002/student/index.html​​

开源考试系统 - 本地代码调试运行_html_19


开源考试系统 - 本地代码调试运行_考试_20

补充

其实前端静态页面已经在后台项目中了,启动前端是为了便于二次开发


举报

相关推荐

0 条评论