Java + Vue 實現的在線考試系統

項目介紹

學之思在線考試系統是一款 java + vue 的前後端分離的考試系統。主要優點是開發、部署簡單快捷、界面設計友好、代碼結構清晰。目前支持web端和微信小程序,能覆蓋到pc機和手機等設備。

開源版使用須知

  • 僅用個人學習,商用請購買授權
  • 禁止將本項目的代碼和資源進行任何形式的出售,產生的一切任何後果責任由侵權者自負

學生系統功能

  • 登錄、註冊:註冊時要選年級,過濾不同年級的試卷, 賬號爲student/123456
  • 首頁:任務中心、固定試卷、時段試卷、可以能做的一部分試卷
  • 試卷中心:包含了所有能做的試卷,按學科來過濾和分頁
  • 考試記錄:所有的試卷考試記錄在此處分頁,可以查看試卷結果、用時、得分、自行批改等
  • 錯題本:所有做錯的題目,可以看到做題的結果、分數、難度、解析、正確答案等
  • 個人中心:個人日誌記錄
  • 消息:消息通知
  • 試卷答題和試卷查看:展示出題目的基本信息和需要填寫的內容

管理系統功能

  • 登錄:賬號爲:admin/123456

  • 主頁:包含了試卷、題目、做卷數、做題數、用戶活躍度的統計功能,活躍度和做題數是按月統計

  • 用戶管理:對不同角色 學生、管理員 的增刪改查管理功能

  • 卷題管理:

  1. 試卷列表:試卷的增刪改查,新增包含選擇學科、試卷類型、試卷名稱、考試時間,試卷內容包含添加大標題,然後添加題目到此試卷中,組成一套完整的試卷
  2. 題目列表:題目的增刪改查,目前題型包含單選題、多選題、判斷題、填空題、簡單題,支持圖片、公式等。
  • 任務管理:對任務進行修改

  • 教育管理:對不同年級的學科進行增刪改查

  • 答卷管理:查看學生成績

  • 消息中心:可以對多個用戶進行消息發送

  • 日誌中心:用戶的基本操作進行日誌記錄,瞭解用戶使用過情況

  • 小程序功能

    • 用戶登錄登出功能,登錄會自動綁定微信賬號,登出會解綁
    • 首頁包含任務中心、固定試卷、時段試卷、推送試卷模塊,和web端保持一致
    • 試卷模塊,固定試卷和時段試卷的分頁查詢,下拉加載更多,上拉刷新當前數據
    • 記錄模塊,考試結果的分頁,包含了試卷基本信息
    • 我的模塊,包含個人資料的修改,個人動態,消息中心模塊

    技術棧列表

    後臺系統:

    • spring-boot 2.1.6.RELEASE
    • spring-boot-security 用戶登錄驗證
    • undertow web容器
    • postgresql/mysql 優秀的開源數據庫
    • redis 緩存,提升系統性能
    • mybatis 數據庫中間件
    • hikari 速度最快的數據庫連接池
    • 七牛雲存儲 目前10G內免費

    前臺系統:

    • Vue.js 採用新版,使用了vue-cli3搭建的系統,減少大量配置文件
    • element-ui 最流行的vue組件,採用的最新版
    • vue-element-admin 最新版,對該系統做了大量精簡,只保留了部分樣式和控件
    • echarts 圖表統計
    • ueditor 填空題擴展插件

    微信小程序:

    • iView 主題樣式

    使用教程

    1. redis 安裝
    2. 進羣獲取到數據庫腳本,創建表初始化數據
    3. /uexam/source/xzs爲後臺代碼,建議使用IntelliJ IDEA打開,在application-dev.yml文件中,配置好postgesql/mysql、redis的服務地址,打開XzsApplication文件編譯運行,默認端口爲8000。
    4. 學生系統地址:http://localhost:8000/student
    5. 管理端地址:http://localhost:8000/admin

    軟件架構圖

    系統展示

    • 學生考試系統



    • 小程序考試系統

    • 後臺管理系統



    獲取源代碼

    點擊下方卡片,關注並回復 在線考試 領取吧


    往期推薦

    爲什麼阿里不允許用Executors創建線程池,而是通過ThreadPoolExecutor的方式?

    爲什麼培訓班出來的程序員總遭人嫌棄?

    996、過勞死都見過了!“被猝死”還是頭一回......

    別再抱怨缺乏算法實踐場景,不妨來挑戰這場百萬獎池的比賽!

    坑你沒商量!盤點Java中最常見的事故現場,你都中過哪些招?


    喜歡的這裏報道

    ↘↘↘

    本文分享自微信公衆號 - 程序猿DD(didispace)。
    如有侵權,請聯繫 [email protected] 刪除。
    本文參與“OSC源創計劃”,歡迎正在閱讀的你也加入,一起分享。

    發表評論
    所有評論
    還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
    相關文章