谈Spring Boot和Vue框架的数据库原理网站设计范文

摘要：数据库的使用频度和使用规模已成为国家现代化的重要标志之一。大学生应该具有使用数据库知识解决本专业问题的能力。此网站可以辅助学生巩固理论知识、提高实践能力。该网站分为管理员、教师、学生三个角色，主要实现对课堂、课件视频等学习资料、学生、练习与测试、个人信息等管理功能。网站设计基于SpringBoot和Vue框架，采用SQLServer数据库进行数据存储、管理。该系统具有界面简洁、使用方便、运行稳定、易于维护等特点。

关键词：数据库原理；网站；SpringBoot；Vue；SQLServer

1背景

随着互联网和计算机技术的快速发展，数据库技术成为计算机领域非常重要的应用技术之一。目前在各大高校中，数据库原理课程是计算机基础教育的重要内容[1]，并且在公共课程体系中占有非常重要的地位。当代大学生应具有使用数据库技术加工、处理和管理信息的意识与能力,来解决本专业领域中问题的能力[2]，此外还要培养学生的软件工程开发能力，提高其创新实践能力[3]。而仅依靠课上的学时无法满足上述要求，因此设计开发关于该课程的网站。通过该网站即可使学生对课上知识查漏补缺，让学生根据自己学习进度进行练习和测试，还能随时和教师进行交流，达到理论和实践能力双提升的目的。

2相关技术

2.1SpringBootSpring

是JavaEE开发中最重要的设计层框架之一，开源、能够很好地处理业务逻辑层和其余层之间的松散耦合关系[4]。SpringBoot框架基于Spring，是Pivotal团队提供的全新的Java框架，它继承了Spring的优良特性，简化Spring应用的开发及搭建过程，实现了自动配置，使程序员全身心地投入到业务逻辑代码的编写中去，还能更快捷的部署和监控系统，是后端开发的优势工具，很大程度的提高开发效率[5]。本系统利用SpringBoot的优势进行后台管理系统的设计。

2.2Vue

本系统的前端框架选择目前较流行的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框架，并通过SQLServer进行数据的管理、备份工作，开发设计的基于B/S模式的网站。通过实际测试，该网站具有界面简洁，功能全面、方便实用，便于扩展等特点，极大地提高教师的管理效率和学生的成绩。结合用户的实际使用体验，该系统后期可以增加移动端分别实现教师和学生用户的功能，进行系统改进，使其可以不受时间和场地的限制。

作者：单树倩 任佳勋 单位：华北电力大学 科技学院 天津立中车轮实业集团有限公司