文章目錄

• • • • • 一、后端部署
        • • 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

補充

其實前端靜態頁面已經在后臺項目中了，啟動前端是為了便于二次開發

總結

以上是生活随笔為你收集整理的开源考试系统 - 本地代码调试运行的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。