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

在这里插入图片描述

文章目录

- - - - 一、后端部署
      - 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
在这里插入图片描述

1. 图形化克隆项目

在这里插入图片描述

2. 命令克隆项目

git clone git@gitee.com:mindskip/xzs-mysql.git

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

创建xzs数据库
在这里插入图片描述

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

4. IntelliJ IDEA打开项目

5. 数据库连接和redis配置

在这里插入图片描述

6. 启动redis和后端程序

在这里插入图片描述

6. 浏览器访问

学生端：http://localhost:8000/student/index.html
在这里插入图片描述

管理员端：http://localhost:8000/admin/index.html
在这里插入图片描述

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

在这里插入图片描述

二、前端部署

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

2.1. 打开源码安装依赖

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

在这里插入图片描述

执行下面2个命令，安装node_module：

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

2.2. 依次启动admin端和student端

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

npm run serve

在这里插入图片描述

2.3. 浏览器访问

学生系统地址：http://localhost:8001/student/index.html
在这里插入图片描述

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

在这里插入图片描述

补充

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

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/518095.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！