計算機畢業設計 ssm醫學生在線學習交流平臺 vue 畢設45

一、技術路線：

開發語言：Java

前端技術：JavaScript、VUE.js（2.X）、css3

數據庫：MySQL 5.7

數據庫管理工具：Navicat或sqlyog

開發工具：IDEA或Ecplise

二、項目介紹：

三、運行截圖：

3.1登錄界面設計

通過登錄頁面界面，通過登錄頁面進行輸入用戶名、密碼、選擇用戶權限進行登錄操作，如圖3.1所示。

圖3.1 系統首頁界面

3.2前臺功能模塊

用戶進入醫學生在線學習交流平臺可以查看網站首頁、在線學習、交流吧、試卷列表、個人中心、后臺管理等操作，系統前臺主界面如圖3-2所示。

圖3-2 系統前臺主界面

在線學習：通過列表可以獲取課程名稱、圖片、課程類別、點擊次數、視頻、介紹、評論等信息，進行在線查看或點贊、收藏或在線評論操作，如圖3-3所示。

圖3-3在線學習界面

交流吧：通過頁面可以在線帖子標題、發布時間等信息，進行在線查看或發布帖子操作，如圖3-4所示。用戶通過點擊發布帖子進行輸入標題、類型、內容等信息，進行在線發布帖子操作，如圖3-5所示。

圖3-4交流吧界面

圖3-5發布帖子界面

試卷列表：通過列表可以獲取試卷名稱、考試時長、創建時間等信息，進行在線查看或考試操作，如圖3-6所示。

圖3-6試卷列表界面

個人中心：可以進行獲取個人中心、我的發布、考試記錄、錯題本、我的收藏等功能模塊，進行相對應操作，個人中心：通過列表可以獲取在線輸入賬號、密碼、姓名、性別、手機、郵箱、身份證等信息，進行在線修改更新個人信息操作，如圖3-7所示。

圖3-7個人信息界面

我的發布：可以進行獲取標題、發布時間等信息，進行在線修改或刪除操作，如圖3-8所示。

圖3-8我的發布界面

錯題本：可以進行獲取試卷名稱、試題、分值、正常答案、考生答案、考試得分等信息，進行在線修改或刪除操作，如圖3-9所示。

圖3-9我的錯題界面

3.3用戶后臺功能模塊

用戶通過后臺系統可以進行查看個人中心、在線學習管理、考試管理等功能模塊，進行相對應操作。

個人信息：通過列表可以在線輸入賬號、姓名、頭像、性別、聯系電話等信息，進行在線修改操作，如圖3-10所示。

圖3-10個人信息界面

在線學習管理：通過列表可以獲取課程名稱、課程編號、課程類別、課程封面、課程詳情等信息，進行在線查看詳細信息、新增或修改、查看評論或刪除操作，如圖3-11所示。

圖3-11在線學習管理界面

錯題本：通過列表可以獲取用戶ID、試卷、試題名稱、分值、正確答案、考生答案、試題分析、考試時間等信息，進行在線查看詳細信息或在線支付操作，如圖3-12所示。

圖3-12錯題本管理界面

3.4管理員功能模塊

管理員通過登錄窗口進行輸入自己的賬號信息進行在線登錄，登錄完成后可以對個人中心、用戶管理、在線學習管理、試題管理、交流吧、試卷管理、系統管理等功能模塊進行在線編輯或者刪除等操作。

用戶管理，管理員根據需求可以在線查看系統已有的賬號、姓名、性別、頭像、聯系電話、聯系郵箱等信息，并結合需求進行在線查看詳情、修改或者刪除等操作，并通過輸入姓名、性別進行查詢，如圖3-13所示。

圖3-13用戶管理界面

在線學習管理：通過列表可以獲取課程名稱、課程編號、課程類別、課程封面、課程詳情等信息，進行在線查看詳細信息、新增或修改、修改或刪除操作，如圖3-14所示。

圖3-14在線學習管理界面

試題管理：通過列表可以獲取試卷、試題名稱、分值、答案、類型等信息，進行在線查看詳細信息、新增修改、刪除操作。如圖3-15所示。

圖3-15試題管理界面

試卷管理：通過列表可以獲取試卷名稱、考試時長、試卷狀態等信息，進行在線查看、新增、修改、刪除操作，并通過輸入試卷名稱進行查詢。如圖3-16所示。

圖3-16試卷管理界面

輪播圖管理：通過列表可以獲取名稱、值等信息，進行查看詳情、新增、修改、刪除操作。并通過輸入名稱進行查詢，如圖3-17所示。

圖3-17輪播圖管理界面