基于SpringBoot和Vue框架的數據庫原理網站設計與實現

單樹倩 任佳勛

摘要：數據庫的使用頻度和使用規模已成為國家現代化的重要標志之一。大學生應該具有使用數據庫知識解決本專業問題的能力。此網站可以輔助學生鞏固理論知識、提高實踐能力。該網站分為管理員、教師、學生三個角色，主要實現對課堂、課件視頻等學習資料、學生、練習與測試、個人信息等管理功能。網站設計基于 SpringBoot和Vue 框架，采用SQL Server數據庫進行數據存儲、管理。該系統具有界面簡潔、使用方便、運行穩定、易于維護等特點。

關鍵詞：數據庫原理;網站;SpringBoot;Vue;SQL Server

中圖分類號：TP311.1? ? ? 文獻標識碼：A

文章編號：1009-3044（2021）30-0040-02

開放科學（資源服務）標識碼（OSID）：

Design and Implementation of Database course Website Based on SpringBoot and Vue Framework

SHAN Shu-qian1， REN Jia-xun2

（1. North China Electric Power University Science and Technology College， Baoding 071051， China; 2.Tianjin LiZhong Group Co.Ltd， Tianjin 300457， China）

Abstract： The frequency and scale of database use has become one of the important symbols of national modernization. College students should have the ability to use database knowledge to solve professional problems. Database principles websites can help students consolidate theoretical knowledge and improve practical ability. The website is divided into three roles： administrator， teacher and student.it mainly realizes the management functions of learning materials， students， exercises and tests， personal information， etc. The website is designed based on SpringBoot and Vue framework.It uses an SQL Server database for data storage and management. It has the characteristics of a simple interface， stable operation and it is easy to use and maintain and so on.

Key words： database course; website; SpringBoot; Vue; SQL Server

1 背景

隨著互聯網和計算機技術的快速發展，數據庫技術成為計算機領域非常重要的應用技術之一。目前在各大高校中，數據庫原理課程是計算機基礎教育的重要內容[1]，并且在公共課程體系中占有非常重要的地位。當代大學生應具有使用數據庫技術加工、處理和管理信息的意識與能力，來解決本專業領域中問題的能力[2]，此外還要培養學生的軟件工程開發能力，提高其創新實踐能力[3]。而僅依靠課上的學時無法滿足上述要求，因此設計開發關于該課程的網站。通過該網站即可使學生對課上知識查漏補缺，讓學生根據自己學習進度進行練習和測試，還能隨時和教師進行交流，達到理論和實踐能力雙提升的目的。

2 相關技術

2.1 SpringBoot

Spring是 Java EE開發中最重要的設計層框架之一，開源、能夠很好地處理業務邏輯層和其余層之間的松散耦合關系[4]。SpringBoot框架基于Spring，是Pivotal 團隊提供的全新的 Java框架，它繼承了 Spring 的優良特性，簡化 Spring 應用的開發及搭建過程，實現了自動配置，使程序員全身心地投入到業務邏輯代碼的編寫中去，還能更快捷的部署和監控系統，是后端開發的優勢工具，很大程度的提高開發效率[5]。本系統利用SpringBoot的優勢進行后臺管理系統的設計。

2.2 Vue

本系統的前端框架選擇目前較流行的Vue框架。它是一個輕量級的漸進式框架，基于數據驅動和組件化的思想構建前端頁面，它的核心庫只關注視圖層[6]，有很多簡單、易于理解的API供用戶使用，運行效率高、語言簡潔、占用空間小、上手容易等特點，深受開發者喜愛，是目前前端首選框架。

3 系統設計與實現

3.1 業務分析

根據實際需要分析該系統可分為后臺管理員、教師、學生三個角色，注冊登錄后可分別實現各自功能。學生用戶登錄系統可瀏覽課程基本信息，輸入課程號等信息選課后進入自己的課程，查看課程相關資源學習;教師登錄后可以創建課程，設置自己的課程資源、安排練習和測試，師生可以相互交流、評論。后臺管理員登錄后可以對不同用戶、不同課堂、個人信息等進行管理。

3.2 系統總體結構設計

數據庫原理網站設計的主要目的是服務教師和學生，要全面涵蓋學前、學中、學后的主要教學活動[7]。本網站主要包括管理員模塊、教師模塊和學生三個模塊。管理員模塊的主要功能包括編輯個人信息、審核其他用戶的注冊信息、管理課堂基本信息、管理留言等。教師模塊的主要功能包括查看、編輯個人信息、創建課堂、編輯課堂、上傳課程資源、管理學生和成績、管理課堂公告等。學生模塊的主要功能包括查看編輯個人信息、搜索并加入課堂、查看課程資源、下載相關資料，進行課程練習和測試、查看成績和評論等功能。該網站的主頁如圖1所示。

3.3 數據庫設計

根據對系統功能模塊的描述，結合實際的使用情況，該系統的數據庫中應該保存如下信息：

1）用戶的基本信息包括：賬號、密碼、手機號（可選，修改密碼時驗證用）、用戶類別（三類：分別代表管理員、教師、學生）、學號/教工號、備注。

2）課程的基本信息包括：課程編號、課程名稱、開課學期、學時、開課院系。

3）課堂基本信息包括：課堂編號、課堂名稱、任課教師、所屬課程。

4）選課基本信息包括：課堂編號、課堂名稱、任課教師、學生學號、成績。

5）試題基本信息包括：試題編號、試題類型、題干、選項、標準答案、出題教師、所屬知識點、難易等級。

6）練習和測試卷的基本信息包括：試卷編號、出題教師、題目編號、題目個數、組卷時間、卷面總分。

7）考試的基本信息包括：試卷編號、學號、出題教師、題號、答案、成績。

8）留言的基本信息：留言標題、內容、時間、留言者、回復等。

4 系統測試

系統測試的主要目的是測試系統的功能是否實現或達到預期，是否存在已知的漏洞。測試的技術主要有白盒測試和黑盒測試。白盒測試，也稱為結構測試，要了解程序內部邏輯結構和處理過程，按程序內部結構測試程序。黑盒測試，也稱為功能測試，檢測每個功能是否符合要求，能否正常使用[8]。本系統主要采用黑盒測試，系統測試用例如表1所示。

5 結束語

隨著互聯網+時代的到來，全社會越來越注重計算機能力的培養。數據庫原理課程作為高等學校公共基礎課程，也受到學生的更大程度的重視。本文通過網絡技術和課程的結合，運用SpringBoot和Vue框架，并通過SQL Server進行數據的管理、備份工作，開發設計的基于B/S模式的網站。通過實際測試，該網站具有界面簡潔，功能全面、方便實用，便于擴展等特點，極大地提高教師的管理效率和學生的成績。結合用戶的實際使用體驗，該系統后期可以增加移動端分別實現教師和學生用戶的功能，進行系統改進，使其可以不受時間和場地的限制。

參考文獻：

[1] 肖鋒，辛大欣，耿朝陽.計算思維培養為核心的教學模式研究與實踐——以“數據庫原理與應用”課程為例[J].現代教育技術，2015，25（7）：49-55.

[2] 教育部高等學校非計算機專業計算機基礎課程教學指導分委員會，教育部高等學校計算機科學與技術教學指導委員會.關于進一步加強高校計算機基礎教學的幾點意見暨計算機基礎課程教學基本要求（試行）[Z].北京：高等教育出版社，2006.

[3] 符蘊芳.“數據庫原理與應用”實驗教學模式探索[J].實驗技術與管理，2011，28（8）：291-293.

[4] 鄧惠俊.基于Spring和MyBatis框架的閱讀網站的設計與實現[J].信息與電腦（理論版），2021，33（4）：97-99.

[5] 王丹，孫曉宇，楊路斌，等.基于SpringBoot的軟件統計分析系統設計與實現[J].軟件工程，2019，22（3）：40-42.

[6] 劉博文.深入淺出Vue.js[M].北京：人民郵電出版社，2019.

[7] 周華平，李敬兆.數據庫系統原理精品資源網站建設[J].哈爾濱職業技術學院學報，2013（6）：114-115.

[8] 宋雨.軟件工程基礎[M].北京：機械工業出版社，2016.

【通聯編輯：謝媛媛】