基于vue.js的师生家长三方合作学习系统/在线学习系统的设计与实现

摘要

随着互联网技术的高速发展，人们生活的各方面都受到互联网技术的影响。现在人们可以通过互联网技术就能实现不出家门就可以买东西，简单、快捷的方便了人们的日常生活。同样的，在人们的工作生活中，也需要互联网技术来方便人们的日常工作生活，实现工作办公的自动化处理，实现信息化，无纸化办公。

本课题在充分研究了采用B/S模式，以SSM为开发框架，Jsp为开发技术、Eclipse为开发工具，MySQL为数据管理平台，实现了师生家长三方合作学习系统中的班级、教师、家长、学生、课程信息、学生成绩、班级成绩、交流中心、考试等功能。

关键词：师生家长三方合作学习系统；SSM框架；Mysql数据库；课程信息。

Abstract

With the rapid development of Internet technology, all aspects of people's life are affected by Internet technology. Now people can buy things without leaving home through Internet technology, which is simple and convenient for people's daily life. Similarly, in people's work and life, Internet technology is also needed to facilitate people's daily work and life, realize the automatic processing of work and office, and realize information and paperless office.

After fully studying the B / S mode, taking SSM as the development framework, JSP as the development technology, eclipse as the development tool and MySQL as the data management platform, this topic realizes the functions of class, teacher, parent, student, course information, student achievement, class achievement, exchange center and examination in the tripartite cooperative learning system of teachers, students and parents.

Key words: tripartite cooperative learning system of teachers, students and parents; SSM framework; Mysql database; Course information.

目  录

1 绪论

1.1 选题的背景 2

1.2 研究的主要内容 3

1.3 系统开发的意义 4

1.4 初步设计方法与实施方案 5

1.5 本文研究内容 6

2 开发环境和相关技术 7

2.1 系统的开发环境 8

2.2 技术路线 9

2.2.1 SSM框架 10

2.2.2 B/S结构 11

2.2.3 Mysql介绍 12

2.2.4 JSP技术 13

2.2.5 Vue.js简介 1

3 系统的可行性研究及需求分析 15

3.1 可行性研究 16

3.1.1 经济可行性分析 17

3.1.2 技术可行性分析 18

3.2 需求分析 19

3.2.1 用户需求分析 20

3.2.2 功能需求分类 21

3.2.3 网站性能需求分析 22

3.3 系统流程分析 23

3.4 网站现状分析 24

4 系统的总体设计与实现 25

4.1 总体设计 26

4.2 数据库设计 27

4.2.1 概念模型设计 28

4.2.2 物理模型设计 29

5 系统的详细设计与实现 30

5.1 管理员功能模块 31

5.2 系统前台功能模块 32

5.3 学生功能模块 33

5.4 家长功能模块 34

5.5 教师功能模块 35

6 系统测试 36

结论 37

致谢 38

参考文献 39

1 绪论

1.1选题的背景

随着电子技术的普及和快速发展，线上管理系统被广泛的使用，有很多机构或、学校等都在实现电子信息化管理，师生家长三方合作学习系统也不例外，由比较传统的人工管理转向了电子化、信息化、系统化的管理。

传统的课程信息，一开始都是管理者进行手工记录，然后将手工记录的信息进行存档；随着电脑的普及，课程信息演变成了手工记录后，输入电脑进行存档。这两种管理方式，对管理者来说工作量大，后期课程信息、考试的管理还需要花费大量时间。而且这种传统管理的方式，容易出现遗失或因为失误输入错误的信息等等。在这些基础上，我把用Jsp技术开发的师生家长三方合作学习系统作为我的毕业设计，希望可以解决传统课程信息、学生成绩、考试中出现的问题，简化管理者的工作，对各种信息进行系统化、电子化的管理。                             

1.2 研究的主要内容

研究的基本内容：本设计主要是实现一个师生家长三方合作学习系统，实现师生家长三方合作学习系统的自动化、信息化、管理。系统的主要的设计原则是：以实际应用为核心，重点突出“实用、易用、简洁、稳定”的优点。既能够注重到实效，满足现实用户的实际需要，也能够为系统以后的升级和扩展留有一定的余地。在技术设计的实现上，突出“实现合理、结构清晰、简单易懂”的特点。

本系统的主要目的在于加速课程信息、学生成绩、班级成绩、考试的信息化进程，充分利用计算机技术和现代通讯的手段面向学校或其他企业的服务。建立交流中心平强，方便学校内部信息资源的共享，加强学生、教师、家长之间的交流。提高学生成绩，为师生家长三方合作学习提供辅助的交流中心。本系统将最大程度地提高师生家长三方合作学习效率，降低管理和工作的成本，改善工作的环境和条件，提高学校的管理和决策的自动化和科学化水平。帮助学校节省费用，减少中间环节，优化业务流程，提高整体效率，促进管理的进步。

1.3 系统开发的意义

随着互联网技术的发展，人们的生活无处不在的受到互联网技术影响，而互联网技术给人们生活带来的便利是不言而喻的。对于现代化的师生家长三方合作学习系统而言，它的目的并不是只减少学校管理者的工作量，而是让管理者们从填写繁琐的信息过程中解脱出来，将更多的关注点放到关注用户的需求等上去，这样就可以提高学生成绩，提高管理员工作效率，所以开发本系统是十分有意义的。

1.4初步设计方法与实施方案

软件体系结构方案：由于本系统需要在不同设备上都能运行，而且电脑配置要求也要越低越好，为了实现这一要求，经过考虑B/S结构成为最佳之选。使用B/S结构的系统可以几乎在任何电脑上运行，只要浏览器可以正常工作就可以正常运行该系统，而且后期维护及二次修改较为容易，符合要求。

操作系统方案：Windows10操作系统，该系统是目前微软公司推出的最新系统，目前大多数市面上的电脑都使用该系统，并且该系统功能完善，兼容性好。开发工具：选用 Eclipse、JSP开发技术。

1.5 本文研究内容

本文主要分为七个章节，第一部分为绪论，主要介绍了目前电脑技术发展状况、师生家长三方合作学习发展阶段，分析传统师生家长三方合作学习的弊端以及使用信息技术来管理师生家长三方合作学习信息的好处。

第二部分为相关技术简介，主要介绍了各技术的发展历程，技术发展现状，技术优点以及选用该技术的原因等。

第三部分为系统分析，主要分析了软件设计所需要的功能。

第四部分为系统设计，主要进行了系统的架构设计、数据库设计等。

第五部分为系统详细设计。

第六部分为系统调试与测试，利用测试方法进行可行性测试、性能测试、系统测试等。

第七部分为总结与致谢，主要总结了程序设计的完成过程及完成情况，比对完成设计过程中施以援手的同学和老师表达中心的感谢和祝愿。

2 开发环境和相关技术

2.1系统的开发环境

师生家长三方合作学习系统的开发环境主要有：

开发框架：SSM

技术：JSP

服务器：tomcat7

数据库：mysql

开发软件：Eclipse

浏览器：谷歌浏览器

2.2技术路线

2.2.1 SSM框架

开发信息管理系统的主流框架是SSM（Spring + Spring MVC + MyBatis），SSM框架web层使用Spring MVC框架，使传输前后端数据变得简单；对于业务层使用Spring框架作为轻量级控制反转(IoC)和面向切面(AOP)的容器框架；对于相关SQL操作，采用Mybatis作为持久层框架，对JDBC进行封装，使得数据库的底层面向开发者操作处于一种透明状态。

2.2.2 B/S架构

B/S的系统是通过能上网的电脑就可以使用，它最大的优点是不需要安装专门的软件，首先浏览器向服务器发出请求，然后服务器处理请求把信息再返回给浏览器。不需要再次对数据进行存取与计算数据，只要负责显示数据来降低要求，如果说用户端像个“瘦子”，而服务器会越来越“胖”。B/S体系结构与C/S体系结构相比，最大的不同是：B/S体系的应用软件使用网络浏览器作为与用户交互的平台，而C/S则需要开发专用的应用程序。

2.2.3 MySQL 介绍

在软件项目，通过经营性数据的数据库，可以保证其安全，独立和数据一致，访问数据的系统来提供，所以有效减少时间程序员开发应用程序。

MySQL可以支持多线程，可以方便使用系统的资源，提高运行的速度。并提供odbc、jdbc和tcp/ ip，以各种形式连接到MySQL; 功能方面表现欠缺，规模小，但对于这个系统就足够了。

因为MySQL是源代码对外开放的，所以任何人都可以通过相应的方法下载，并根据个性化需求进行修改。 由于MySQL的速度，可靠性和适应性，MySQL受到重视。

MySQL虽然功能可能不是很强大，但由于其开源，广泛传播，导致很多人都意识到这个数据库。

2.2.4 JSP技术

JSP技术已经发展的非常的成熟，被人们广泛的使用，JSP有很多的优点，他的使用对平台没有任何的需求，并且运行起来也非常的简单，而且该技术也具有一定的可拓展性，可以适应不同的软件系统的开发使用。对于JSP技术来说，可以有多种的不用的组合，经过组合来完成所有的功能需求。在人们不断的发展过程中由于他具有非常对的优点被广泛的应用到所有的系统的开发中，随着网络信息时代的发展，传统的管理方式已经不能满足人们的所有需求，利用互联网来对所有的信息进行管理是非常安全便利的。也可以为人们的生活提供了很多的方便。也得到了很多的应用。

2.2.5 Vue.js简介

Vue.js是一款轻量级的以数据驱动（数据的变化将引起视图的变化）的构建单页面应用的mvvm框架，它比较简单易学，具有双向数据绑定，在数据操作方面更为简单减少大量的逻辑代码，组件化，可以封装和重用通用组件，vue引入虚拟dom，不再使用原生的dom操作节点,极大解放dom操作，使得运行速度更快。

3系统的可行性研究及需求分析

3.1 可行性分析

可行性分析是系统开发过程中的的非常重要的一步，可行性研究是指在开发系统时，先对整体系统的所有的需求，所需要使用的技术和在开发时候需要用到的方法，以及开发所需要的的人员，资金等各方面的综合考虑之后，再对该系统是否符合实际开发的要求进行评估，满足实际要求之后再进行实际的开发工作。一般的可行性分析包括：技术可行性、经济可行性可行性等；

研究的目的就是使用最小的代价和最短的时间来确定问题是否能够完善解决。该系统的可行性分析主要包括以下几个方面的内容。

3.1.1 经济可行性分析

师生家长三方合作学习系统，主要面向的是电脑用户，成本并不高，对于系统的维护和调试，只需要一个人就可以完成，所以在人力方面，投入的也很少。虽然说人力和资金的投入并不多，但是面临的收益是十分可观的，在21世纪，很多企业、学校等都会将管理的目标转移到线上管理，知识是无价的。在未来，很多企业投入的人力资源和资金不会太多，但却又能保证企业运转继续进行。这对整个企业的发展是非常有利的。

3.1.2 技术可行性分析

师生家长三方合作学习系统的开发使用了比较成熟的开发的模式。使用Eclipse作为开发工具，数据库使用MySQL。以JSP技术为基本，使用SSM框架搭建工程环境，结合自身的实际项目开发能力，完全可以开发出比较完善的师生家长三方合作学习系统。 

3.2 需求分析

3.2.1用户需求分析

用户根据账号登陆进入师生家长三方合作学习系统，系统根据用户的角色展示相应的功能权限。学生进入系统前台后，可以查看公告信息等，并查看详情，还能进行学习资料下载等。学生点击后台管理，可以修改个人信息和密码，学生成绩管理、考试管理等功能。

家长进入系统后，可以查看学生成绩等，并查看详情以及修改个人信息和密码，

教师进入系统后，可以对学生、课程信息、学生成绩、班级成绩、试题、试卷、考试等进行相应操作。

管理员拥有系统所有功能权限，可以对所有信息进行详细操作。

3.2.2 功能需求分析

根据一般师生家长三方合作学习系统的功能需求分析，本系统的功能模块如下：

（1）在个人中心，管理员可以修改自己的用户名和登录密码。

（2）在教师管理模块中，教师可以添加学生成绩、修改，以及对学生成绩进行统计。

（3）在家长管理模块中，家长可以查看学生成绩和修改个人信息。

（4）在学生成绩管理、考试管理等模块，学生可以对这些模块进行详情操作。

（5）在首页、个人中心、班级管理、教师管理、家长管理、学生管理、课程信息管理、学生成绩管理、班级成绩管理、交流中心、系统管理、考试管理等模块，管理员可以对这些模块进行新增、修改、删除等操作。

（6）在系统管理模块，管理员可以对轮播图、公告信息、反馈信息进行添加、修改和删除与回复。

3.2.3 网站性能需求分析

对网站性能进行分析，可对系统反应度、界面简洁清晰度、储存能性、易学性和稳定性进行分析；

系统反应度：同时上万人在线时反应时间应该在两三秒以内，。

界面简洁清晰：系统界面要求简单明了，操作简单，学生操作容易上手。

储存性能高：师生家长三方合作学习系统中需要存储的信息有很多，所以对系统的存储量要求很高，因此数据库就应该很强大，才能保证信息能安全稳定的进行存储；

易学性：该系统在操作上必须简单好上手，没有很多复杂的操作，只需要简单的进行学习就能操作该系统。

稳定性：要求师生家长三方合作学习系统运行要稳定，界面清楚、字体清晰等。

3.3系统流程分析

由于不同的系统实际使用用户角色的不同，他们的业务分析也会变得有所不一样，为了论述方便接下来都将以管理员、学生、家长、教师功能权限下的系统业务流程来分析，如下图所展示: