基于SpringBoot和Vue框架的數(shù)據(jù)庫原理網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)

單樹倩 任佳勛

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

關(guān)鍵詞：數(shù)據(jù)庫原理;網(wǎng)站;SpringBoot;Vue;SQL Server

中圖分類號：TP311.1? ? ? 文獻(xiàn)標(biāo)識碼：A

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

開放科學(xué)（資源服務(wù)）標(biāo)識碼（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 背景

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

2 相關(guān)技術(shù)

2.1 SpringBoot

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

2.2 Vue

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

3 系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)

3.1 業(yè)務(wù)分析

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

3.2 系統(tǒng)總體結(jié)構(gòu)設(shè)計(jì)

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

3.3 數(shù)據(jù)庫設(shè)計(jì)

根據(jù)對系統(tǒng)功能模塊的描述，結(jié)合實(shí)際的使用情況，該系統(tǒng)的數(shù)據(jù)庫中應(yīng)該保存如下信息：

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

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

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

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

5）試題基本信息包括：試題編號、試題類型、題干、選項(xiàng)、標(biāo)準(zhǔn)答案、出題教師、所屬知識點(diǎn)、難易等級。

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

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

8）留言的基本信息：留言標(biāo)題、內(nèi)容、時間、留言者、回復(fù)等。

4 系統(tǒng)測試

系統(tǒng)測試的主要目的是測試系統(tǒng)的功能是否實(shí)現(xiàn)或達(dá)到預(yù)期，是否存在已知的漏洞。測試的技術(shù)主要有白盒測試和黑盒測試。白盒測試，也稱為結(jié)構(gòu)測試，要了解程序內(nèi)部邏輯結(jié)構(gòu)和處理過程，按程序內(nèi)部結(jié)構(gòu)測試程序。黑盒測試，也稱為功能測試，檢測每個功能是否符合要求，能否正常使用[8]。本系統(tǒng)主要采用黑盒測試，系統(tǒng)測試用例如表1所示。

5 結(jié)束語

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

參考文獻(xiàn)：

[1] 肖鋒，辛大欣，耿朝陽.計(jì)算思維培養(yǎng)為核心的教學(xué)模式研究與實(shí)踐——以“數(shù)據(jù)庫原理與應(yīng)用”課程為例[J].現(xiàn)代教育技術(shù)，2015，25（7）：49-55.

[2] 教育部高等學(xué)校非計(jì)算機(jī)專業(yè)計(jì)算機(jī)基礎(chǔ)課程教學(xué)指導(dǎo)分委員會，教育部高等學(xué)校計(jì)算機(jī)科學(xué)與技術(shù)教學(xué)指導(dǎo)委員會.關(guān)于進(jìn)一步加強(qiáng)高校計(jì)算機(jī)基礎(chǔ)教學(xué)的幾點(diǎn)意見暨計(jì)算機(jī)基礎(chǔ)課程教學(xué)基本要求（試行）[Z].北京：高等教育出版社，2006.

[3] 符蘊(yùn)芳.“數(shù)據(jù)庫原理與應(yīng)用”實(shí)驗(yàn)教學(xué)模式探索[J].實(shí)驗(yàn)技術(shù)與管理，2011，28（8）：291-293.

[4] 鄧惠俊.基于Spring和MyBatis框架的閱讀網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)[J].信息與電腦（理論版），2021，33（4）：97-99.

[5] 王丹，孫曉宇，楊路斌，等.基于SpringBoot的軟件統(tǒng)計(jì)分析系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)[J].軟件工程，2019，22（3）：40-42.

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

[7] 周華平，李敬兆.數(shù)據(jù)庫系統(tǒng)原理精品資源網(wǎng)站建設(shè)[J].哈爾濱職業(yè)技術(shù)學(xué)院學(xué)報，2013（6）：114-115.

[8] 宋雨.軟件工程基礎(chǔ)[M].北京：機(jī)械工業(yè)出版社，2016.

【通聯(lián)編輯：謝媛媛】