基于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.

【通联编辑：谢媛媛】