基于SSM框架的作业批改系统的设计与实现

济南大学毕业设计毕业设计题 目 基于SSM框架的作业批改 系统的设计与实现 学 院 信息科学与工程学院 专 业 计算机科学与技术 班 级 计软1301 学 生 艾文慧 学 号 20131214001 指导教师 范玉玲、顾元花 二一七年四月二日II摘 要“大型开放式网络课堂”,是近几年出现，成长却极其迅猛的一种教学理念。MOOC是以学生为主, 它从根本上改变了传统教育模式以及传统网络课程的内容局限和结构化的缺陷。学生学习的形式由原先的简单线性不断向着复杂化和网络化转变。由于MOOC理念的快速发展，MOOC系统的开发也越来越复杂，社会各行各业对MOOC系统的开发有了更新、更复杂的需求。如何更加科学有效地管理MOOC系统，也越来越重要。本MOOC系统，在前端方面主要应用AmazeUI前端框架以及一些开源插件，界面简约。后端方面，基于ASP.NET MVC框架进行功能开发。使用Entity Framework这款框架对数据库基本操作。系统主要分管理员、教师及学生三个模块，完成了用户、课程等相关操作的基本管理及课程视频的上传、播放。本文首先分析“大型开放式网络课堂”（MOOC）的发展与现状, 就目前MOOC系统所遇到的挑战进行了一系列的探索与研究, 并将研究成果付诸实践。通过对“大型开放式网络课堂”（MOOC）的设计与实现，可以给广大学习爱好者提供良好的学习与教学平台，提高学习效率。关键词：MOOC；网络；课堂；管理系统ABSTRACTMassive Open Online Courses (MOOC), is just the rise in recent years, but the development of extremely rapid a teaching mode. MOOC is a student-centered curriculum has changed the traditional network limitations and structural characteristics, so the way students learn knowledge from simple to complex linear and network. With MOOC philosophy of continuous improvement and development MOOC system is also more complex, all sectors of society to develop MOOC system has been updated, more complex needs. How to be more scientific and effective management system MOOC, is increasingly important.The MOOC system, in terms of the front end of the main application AmazeUI front frame and a number of open-source plug-ins, simple interface. The rear end side, ASP.NET MVC framework based on feature development. Entity Framework using this framework for the basic operation of the database. The main sub-system administrators, teachers and students three modules, completed the basic course management and video users, courses and other related operations upload, play.This paper analyzes Massive Open Online Courses (MOOC) Development and status on the challenges of the current MOOC system encountered a series of exploration and research, and the research results into practice. Through the design and implementation of the Massive Open Online Courses (MOOC) can give the majority to learn enthusiasts to provide a good platform for learning and teaching, improve learning efficiency.Key words：MOOC；network；Course；management system.目 录摘要IABSTRACTII1 前言11.1 开发目的11.2 开发意义11.3 发展历史及国内外研究现状22 开发简介32.1 系统开发环境32.2 系统运行环境32.3 ASP.NET MVC简介32.4 SQL SERVER数据库简介42.5 IIS服务器简介52.6 AmazeUI简介53 需求分析63.1功能需求63.1.1 描述63.1.2 系统功能63.1.3 系统结构图73.2数据需求83.2.1 E-R图83.2.2 数据库关系图83.2.3 数据流图93.2.4 数据字典103.3性能需求113.4接口需求113.4.1用户接口需求113.4.2硬件接口需求113.4.3软件接口需求114 总体设计124.1 系统结构设计124.1.1 功能模块划分124.1.2功能模块介绍134.1.3主要模块流程145 详细设计185.1 登录185.2 管理员后台管理界面195.3 管理员管理功能205.4 专业管理功能245.5 方向管理功能265.6 教师模块课程管理285.7 教师模块章节管理295.8 学生模块已选课程295.9 删除已选课程306 测试316.1 测试用户登录316.2管理员修改测试33结论35参考文献36致谢371 前言1.1 开发目的随着计算机科学的发展，互联网技术与教育理念的冲撞与交融，越来越多的在线教育模式相继推出。近几年来，一种新型的在线课堂教学理念“大型开放式网络课堂”（Massive Open Online Course，MOOC）引起了大中专院校、学生以及许多互联网公司的高度关注。全世界范围内越来越多的高校及互联网公司踊跃加入MOOC的行列。其中著名的MOOC系统莫过于Courser、英国FutureLearn以及国内的慕课网。迄今为止，全球已有数百所高校与Courser建立合作，与FutureLearn联合的高等学府也已有数十之多。同时，我国不少高等学府先后加入Coursera的大军，比如说上海交通大学以及北京大学等高校。于2013年，清华大学利用开源edX系统也打造出了属于自己的MOOC系统“学堂在线”。目前社会主要的教育方式，大多采用传统的课堂填鸭式教学，这种教学方式不仅效率低，而且也是重复性非常大的教学方式。教师不断重复地讲解同一堂课同一个知识点，不同的教师又采取同样的方式教授相同的课程及内容。而水平差异不同的学生又不得不学习同样的课程内容。学生迫切需要一种个性化的教育方式来解决这些问题。IT技术的高速更新与发展，网络把世界联系在一起，多种在线教育应运而生。多样化的教育体系也相继萌芽，越来越多的人正在走进网络。“大型开放式网络课堂”也将有效的完善社会教育体系。“大型开放式网络课堂”系统是远程在线教育的主要载体，为学习者学习优秀课程资源以及为讲师提供教学辅助提供了一个优秀的平台。但是因为MOOC理念产生和发展的时日尚短，许多模块及课程划分有待改进。大多数MOOC系统目前仅支持计算机相关课程，几乎不涉及其他行业或专业的课程学习。这样的MOOC系统存在很大程度的限制，无法使在线教育的受众面涉及各行各业，不利于MOOC理念的传播与发展。另外现在大多数MOOC系统，仅仅局限于很小一部分教师开展课程，与“开放式”的MOOC理念有所偏差。因而，有必要对当前大环境下的MOOC系统进行充分改进，使MOOC系统真正成为大型的互动性强的开放式的网络课堂。基于此，开发一个教学自由、学习自由、涉及各行各业的大型开放式网络课堂，显得尤为必要。1.2 开发意义大型开放式网络课堂具有工具资料多元化、课程丰富、受众面广、自学性强等优异特性。它将各种网络社交工具及各种形式的网络资源融合在一起，组成了多样的学习资料和课程资源。MOOC系统依附于互联网，使全球各地的学习爱好者通过网络即可学到国内外高校及优秀讲师的课程。解决了以往传统教育下空间及时间的约束。同时也解决了传统课堂教育对学生人数的约束，允许大数量的学习者学习喜欢的课程。另外，大型开放式网络课堂把自主权给予世界各地的学习爱好者，使那些有很强自主学习能力的学习爱好者能学到更多的知识。1.3 发展历史及国内外研究现状大型开放式网络课堂，这个理念近几年刚刚兴起。在2008年，Stephen Downes和George Siemens共同建设和发起了“ 关联主义学习理论和连接知识”（Connectivismand Connective Knowledge，CCK08）课程。课程一经发起，就吸引了来自全球各个国家的两千三百多名学习爱好者的积极响应。紧接其后，由Dave Cormier与Bryan Alexander共同提出了Massive Open Online Course(MOOC)的概念。大型开放式网络课堂理念推出后，在全世界知名高校中快速传播。有三门MOOC课程在2009年到2010年之间被相继推出；从2011年起，MOOC发展逐渐变快，课程开设速度也快速递增。又有大约十一个课程被相继推出。其中，斯坦福大学的人工智能导论引起全球学习爱好者的广泛关注，大约有一万六千多人注册学习。次年，美国许多知名高等院校也相继推出了自己的在线学习平台来为世界各地学习爱好者提供更多的免费学习的机会。课程提供商也相继崛起，其中最知名的莫过于edX 、Coursera以及Udacity了。在中国，越来越多的以大型开放式网络课堂为理念的学习平台也相继进入人们的视野，如网易公开课、网易云课堂、中国大学MOOC、慕课网以及极客学院等学习平台。依据Coursera所提供的数据看出，从2013年至2014年间，中国用户注册Coursera的数量从十三万人到六十五万人。中国用户的增长数量及增长速度比世界其他国家都要迅猛得多，可见国内学习爱好者对MOOC的热情在逐渐升高。 2 开发简介2.1 系统开发环境操作系统：Windows 8.1中文版数据库系统：SQL Server 2012服务器：IIS开发语言及框架：HTML、CSS、Javascript、AmazeUI、C#、Entity Framework、ASP.NET MVC开发工具：Visual Studio 20132.2 系统运行环境运行操作系统：Windows WP/Windows 7/Windows 8.1/Windows 10运行数据库：SQL Server 2008+服务器：IIS浏览器：IE9+、谷歌、火狐及其他WebKit内核浏览器2.3 ASP.NET MVC简介ASP.NET MVC是由Microsoft公司提供的框架。作为一种用于构建web应用的框架，它将如今风靡一时的MVC模式应用在ASP.NET框架上。目前应用最多，同时也是最流行的的版本是5。 1MVC模式简介 MVC指Model、View以及Controller。模型（Model）：是一组类，主要是用于处理数据及修改和删除数据的业务规则。通常用于对数据库存取数据。视图（View）：是用于处理网站或软件中用户界面的显示的部分。控制器（Controller）：是一组类。主要用于处理web应用程序中用户交互逻辑的部分。控制器用于从视图读取并验证数据，经过一定的逻辑处理后，再将数据发送到模型层。2.ASP.NET MVC优点把复杂项目分成模型、视图、控制器三层，降低了大型项目中模块之间的耦合，使项目开发逻辑性更强、层次更分明、维护成本大大降低。ASP.NET MVC提供路由机制，使URL映射到具体控制器的相关操作。并可以通过修改路由规则从而自定义URL，让URL对SEO更加友好。安全性高。框架提供大量安全措施，可有效防止被恶意脚本注入等安全问题。扩展性强。ASP.NET MVC提供大量扩展功能，如模型扩展，视图扩展，控制器扩展。为开发者对于web应用程序的开发提供了方便。2.4 SQL SERVER数据库简介SQL SERVER是大型关系型数据库。它最初由微软、Sybase 和Ashton-Tate三家公司合力为OS/2操作系统开发打造。由于IBM公司的OS/2走向末路，三家公司在SQL Server的开发道路上分道扬镳。当Windows NT推出后，微软随后就将Sql Server移植到自家的Windows操作系统下。把精力投入到了Windows版本的SQL Server开发和维护中。而Sysbase则把战略目光投向Unix系统，将SQL Server的项目投向了Unix市场。大家都知道，SQL Server是一个老牌的大型关系型数据库，能够满足现今大多数商业环境不同类型的需求。作为一个应用十分广泛的数据库管理系统，它拥有多项优秀的性能和特点：易用性、可伸缩性（用于分布式组织）、数据仓库功能（用于决策支持）、集成性（和其他服务器软件关联）以及显著的性价比等。除了上述SQL Server的优越功能特性外，SQLServer在数据管理与分析中的灵活性也是有目共睹的。单位在各种不同环境中快速转变时，SQL Server能够稳定快速地对其作出响应，以此在数据库竞争的行列中获得巨大的优势。虽然SQL Server有很多可圈可点的地方，但是Microsoft SQL Server和其他的关系型数据库相比，在以下方面还是有一些差距：（1）开放性。SQL Server目前仅仅适用于Windows操作系统。不支持其他的操作系统。（2）可伸缩性，并行性。目前SQL Server的并行实施和共存模型方面和其他的数据库比还有一段很长的路要走。对与日俱增的大用户量和呈几何增长数据处理很艰难，伸缩性不够理想。（3）性能稳定性。当连接数据库的用户量过多，用户操作过于频繁时， SQLServer的性能不仅会变的很差，并且不够稳定。（4）客户端支持。现在SQL Server只支持C/S架构，不支持B/S架构。（5）安全性。SQL Server 对于早期代码完全重构，经过漫长的测试，不断延迟，很多功能还需要等待时间去验证。并且SQL Server对于早期的产品兼容度让人汗颜，使用起来会有一定的风险。2.5 IIS服务器简介IIS全称Internet Information Services，翻译成中文则是互联网信息服务。它是微软公司提供的一款运行在Windows操作系统上的web服务器。最初是Windows NT版本系统的的可选软件包，随后微软将其绑定在Windows 2000、Windows XP专业版和Windows Server 2003等众多系列系统一起发行。但是并没在Windows XP家庭版上内置IIS。在系统开发之前，安装A网站运行所需要的软件环境是尤为重要的。IIS是微软公司开发的基于Windows操作系统的服务器环境。它是一款能够运行A 网站的服务器软件。在Visual Studio开发工具中就内嵌了一种简易版的IIS服务器IIS Express，它含有IIS的核心功能，能够更方便的调试程序。IIS是一个重量型的WEB服务器，它向使用者提供了多种Internet服务。比如在文件传输过程中使用的 FTP协议、收发Email使用的SMTP协议以及浏览网页所使用的网站服务等。这些服务都可以在Internet信息服务中以目录的形式查看。开发人员利用IIS创建网站时，所有的网站和其组织目录都会放在“网站”中。2.6 AmazeUI简介AmazeUI，是目前国内继Bootstrap之后又一倍受追捧的的前端框架，同时也是国内第一个基于HTML5的以移动优先（Mobilefirst）为理念的跨屏前端开源框架。目前主要有JQuery和React两个版本的AmazeUI。AmazeUI前端框架由美通云动（北京）科技有限公司开发，一开始是为了方便公司编写一些移动端组件而开发，不久后又在原有的基础上增加了一系列的CSS组件和以及JS插件并使其开源，最后发展成为如今流行的前段框架。最新版本为2.6.2。（1）为移动而生。该框架利用其特有的网格布局，按照小屏大屏的优先性适配所有的网页。应用网格布局能够很容易的实现一个移动优先的网页。（2）组件丰富、模块化。AmazeUI框架中包含大量CSS和JS组件，同时也涵盖不少主题特色的web组件。大大减少开发者开发量，显著提高研发速度。（3）本地化支持。相比国外其他很多优秀的前端框架，AmazeUI在中文的排版方面做了很多努力。能够依据用户代理的不同，而调节字体样式，从而更好的显示出中文排版的效果。另外，AmazeUI 前端框架内置了大量的兼容性支持，以应对国内种类繁多的浏览器以及APP。（4）轻量级、高性能。框架采用HTML5及CSS3技术，利用CSS3来实现大量交互效果，且文件小巧，使加载速度更快，运行效率更高。3 需求分析3.1功能需求3.1.1 描述社会快速发展，MOOC理念也日益完善，现在互联网上的大多数MOOC系统并不能够完全满足学习爱好者对学习的欲望。而本MOOC系统正是根据众多学习爱好者的需求所建立的一个大型开放式网络课堂系统。为适应众多学习爱好者对MOOC系统的需求，系统采用简洁易用的风格特点，为使用者提供人性化的多功能服务。力求让每个使用者从本MOOC系统中学习更多的知识。另外，该系统亦是教师教学的好帮手。通过简洁的系统功能，为广大教学爱好者提供基本的教学辅助，从而提高教师的教学效率。3.1.2 系统功能基于B/S架构的大型开放式网络课堂系统从功能上来说主要划分为以下模块：管理员模块，该模块针对管理人员。能够实现对课堂用户及其基本信息的管理。教师模块：该模块主要针对教学人员，可实现课程基本信息的创建与维护，以方便学习爱好者检索课程学生模块：该模块主要针对广大学习爱好者，可以通过该模块对添加关注的课程进行阅览和其他操作。基于B/S架构的大型开放式网络课堂系统主要功能模块如图3.1所示：大型开放式网络课堂管理员模块教师模块学生模块公共模块图3.1 系统总体模块功能图3.1.3 系统结构图用户课程预览登录管理员教师学生用户信息专业信息个人信息课程信息个人信息选课信息服务器数据库图3.2 系统结构图3.2数据需求3.2.1 E-R图图3.3 管理员E-R图3.2.2 数据库关系图数据库关系图是Sql Server制作的用于表示各表间关系的图。Sql Server生成的本系统所用到的数据库关系图如图3.4所示。图3.4 数据库关系图3.2.3 数据流图数据流图是一种表示软件中数据及其流向的工具。在软件工程中发挥着不小的作用，利用它能够很清晰的表示出数据在系统中的流向和转换过程。一般利用这样几种图形描绘数据流图：用椭圆表示对数据的加工；用方框表示数据的起始和结束，用 图形表示数据存储，用箭头来指示数据的流向。（1）登录的数据流图数据库验证通过验证验证验证未过用户密码首页修改密码图3.5 登录数据流图（2）基本操作数据流图 数据库信息表查询删除返回结果增加或修改处理后的数据图3.6 基本操作数据流图3.2.4 数据字典在数据流图的设计中，有些数据流图中的各个组成部分意思可能不够直白，使理解起来较为模糊。为了方便理解数据流图中的各个组成部分，在软件设计的分析阶段，建立数据字典是有必要的。具体来说，数据字典主要用于描述数据流图中的相关元素的意义。并且在数据字典中建立的一系列准确严谨的对元素的描述和定义对于分析人员和用户的通信过程是有帮助的。3.3性能需求（1）网络需求:为保证系统流畅运行，系统网络需保证256kbit/s及以上。（2）安全性需求:对于一些特别的功能，如各种系统角色模块。需要校验用户身份的有效性。不同类型的用户只允许进入特定的模块。对于用户的输入提供各种输入规范，若输入出错给予适当提示。3.4接口需求在对大型开放式网络课堂系统进行全面集成后，系统提供一系列的功能接口实现用户的操作，从而达到内部逻辑对用户透明。提高了系统的可用性和用户操作的安全性 3.4.1用户接口需求提供良好的UI交互效果，包括一些对话框、面板等效果，使用户操作趋向简单化。3.4.2硬件接口需求（1）服务器：CPU速度在1.7GHz以上 ，内存2G以上（2）客户端：CPU速度在1.7GHz以上，内存256MB以上3.4.3软件接口需求（1）操作系统：Windows XP/Windows 7/Windows 8.1/Windows 10（2）数据库:SQL Server 2008及更新版本。（3）浏览器：IE9+、谷歌、火狐及其他WebKit内核浏览器4 总体设计4.1 系统结构设计4.1.1 功能模块划分根据需求分析所获得的成果，我们归纳并整理出了一些比较适用于整个MOOC系统的功能，其中主要以课程的管理为核心。根据对MOOC系统的需求，经过分析验证，得出了该系统总体的功能。整个MOOC系统的详细功能如图4.1所示：大型开放式网络课堂管理员模块学生模块教师模块公共模块管理员管理教师管理学生管理专业管理方向管理关注课程管理个人管理课程管理章节管理课时管理课程搜索课程查看注册、登录退出 图4.1 总体功能模块4.1.2功能模块介绍（1）管理员模块：管理员模块大体涵盖五个部分：管理员管理：用于对系统中的管理员角色进行基本管理。主要是对管理员基本信息的查询、新增、更新、浏览、删除等基本操作，以上所述功能只有在用户以管理员身份进行登录后才可操作。教师管理：用于对系统中的教师角色进行基本管理，主要是对教师基本信息的查询、修改、浏览、删除等基本操作，以上所述功能只有在用户以管理员身份进行登录后才可操作。学生管理：用于对系统中的学生角色进行基本管理，主要是对学生基本信息的查询、修改、浏览、删除等基本操作，以上所述功能只有在用户以管理员身份进行登录后才可操作。专业管理：用于对MOOC系统中的专业基本信息的管理功能，可以实现对MOOC系统中专业的基本管理，如新增、查询、浏览、修改、封面管理等基本功能，上述功能只有在用户以管理员身份登录后才可操作。 方向管理：用于对MOOC系统中的专业方向基本信息的管理功能，可以实现对MOOC系统中专业方向的基本管理，如新增、查询、浏览、修改管理等基本功能，上述功能只有在用户以管理员身份登录后才可操作。（2）学生模块：学生模块主要分为两个功能：关注课程管理：主要是学生对自己已关注的课程进行管理，如:查看、删除已关注课程，该功能需要用户以学生身份登录进行操作。个人管理：用于学生角色对于个人信息的管理。如查看和修改个人信息等。该功能需要用户以学生身份登录进行操作。（3）教师模块：教师模块包含功能如下：个人管理：用于教师角色对于个人信息的管理。如查看和修改个人信息等。该功能需要用户以教师身份登录进行操作。课程管理：用于对课程主要信息的操作功能。可以实现对MOOC系统中课程基本管理，如新增、查询、浏览、修改、封面管理等基本功能，上述功能只有在用户以教师身份登录后才可操作。章节管理：用于对课程章节基本信息的管理功能，可以实现对当前教师创建的章节进行基本管理，如新增、查询、浏览、修改等基本功能，上述功能只有在用户以教师身份登录后才可操作。课时管理：用于对当前教师所创建的课程章节下的课时的基本信息的管理功能，可以实现对当前教师创建的章节课时进行基本管理，如新增、查询、浏览、修改，上传视频等基本功能，上述功能只有在用户以教师身份登录后才可操作。（4）公共模块：课程搜索：用于对系统中的课程进行检索的功能。 课程查看：用户不需要以任何身份登录，即可进行课程的查看 注册、登录：用于对教师、学生信息的注册，及其登入访问各自模块。退出：用于安全退出系统。4.1.3主要模块流程（1）用户登录当用户进行登录操作时，先由使用者编辑用户名以及密码，在提交时，先由客户端进行js验证，如果信息合法则提交到后台，否则提示错误。当提交到后台时，会从数据库中检索是否存在该用户名和密码的记录。如果存在则将用户信息写入Session，并跳转至相应的页面。 相关过程如图4.2所示。开始输入登录信息输入信息是否合法？N读取前端用户信息是否存在该用户？用户信息写入session跳转至相应页面结束YYN错误提示错误提示图4.2 用户登录流程图（2）专业添加：为保障“专业”的数据合法性，在用户添加专业的前端和后端都进行了验证。当用户输入信息并提交后，会经过一轮前端Javascript的验证处理。如果要输入项的数据或数据格式不符合系统定义的规范，则会在当前添加页面提示相应的错误信息。若要输入项均符合规范，则会将信息提交至后端程序，交由后端程序处理。当后端程序接收到前端传递进来的数据时，会再次对信息进行一次校验。如果信息符合所定义的规范，则将“专业”相关的数据存入数据库，这样，一条专业信息就添加成功了。其流程如下图4.3所示：开始输入数据前端校验校验成功？后端接收数据并校验校验成功？插入数据结束NNYY错误提示错误提示 图4.3 添加专业流程图（3）课程添加在数据处理上，课程添加和专业添加几乎一致。也是有前端和后端都进行验证，在这里就不对课程添加的具体流程进行过多的赘述。详情可参考专业添加的流程描述。课程添加的流程图如图4.5：开始输入数据前端校验校验成功？后端接收数据并校验校验成功？插入数据结束NNYY错误提示错误提示 图4.5课程添加流程图 5 详细设计5.1 登录学生、教师登录界面如图5.1所示：图5.1 教师、学生登录界面管理员登录界面如图5.2所示：图 5.2 管理员登录界面无论教师、学生还是管理员，在进入相应的模块前都要先进入登录界面登录才可进行一系列的操作。在登录操作中，页面会按照用户的操作给予不同的提示。如果用户名或密码验证失败，将向其反馈错误信息。5.2 管理员后台管理界面后台管理界面主要包含用户管理以及学科（课程）管理两大部分。用户管理主要是针对学生、老师以及管理员等系统角色的管理功能。用于对学生、教师以及管理员的账号管理。而学科（课程）管理主要包括专业管理以及方向管理。专业管理是对MOOC 系统的专业信息进行的一系列操作。包括对专业信息的新增、更新、移除、检索等基本功能。方向则是对专业的具体分类，将专业分成不同的专业方向。方向管理包括新增方向、更新方向、移除方向、检索方向等一系列功能。图5.3 用户管理菜单界面图5.4 学科（课程）管理菜单界面5.3 管理员管理功能该功能主要是对管理员账户的一系列管理操作，页面效果如下：图5.5 管理员管理界面可根据用户名和昵称来模糊查询管理员，效果如下：图5.6 按用户名搜索图5.7 按昵称搜索当搜索的管理员用户不存在时，将什么都不显示。如图5.8所示：图5.8 搜索结果为空图5.9是新增管理员用户：图5.9 新增管理员界面补充完整管理员信息：图5.10 补充完整管理员信息 图5.11 添加成功提示当添加完成后，可对添加的管理员进行检索：图5.12 检索添加的管理员管理员删除可以批量删除，同时也可以单个删除管理员。图5.13 删除方式当点击表格上方的删除按钮时，会提示未选中记录。图5.14 未选中记录当选中一条信息的复选框再点击表格上方删除按钮，或直接点击记录上的删除按钮时，会出现确认框以防止用户误删操作。图 5.15 删除管理员用户提示下图是修改管理员信息：图5.16 修改管理员信息图5.17 检索修改后的信息5.4 专业管理功能专业管理是MOOC 系统的主要核心功能之一，下图是专业管理主界面：图5.18 专业管理部分主界面进行新增专业操作：图5.19 添加专业信息当用户添加专业信息成功后，会自动跳转到设置专业封面功能页：图5.20 设置封面功能页点击“选择文件”，选择一张图片后，进行封面裁剪：图5.21 封面裁剪功能检索刚才创建的专业：图5.22 已创建专业5.5 方向管理功能方向管理功能也是MOOC 系统的一大核心功能，下图是其管理界面：图5.23 方向管理界面添加方向：图5.24 添加专业方向添加成功提示：图5.25 添加专业方向成功提示图5.26 添加的方向修改专业方向：图5.27 修改专业方向下图是修改成功后的记录：图5.28 修改成功后的专业方向删除该专业方向：图5.29 删除专业方向信息提示图5.30 删除成功提示5.6 教师模块课程管理图5.31 教师模块课程管理5.7 教师模块章节管理图5.32 教师模块章节管理5.8 学生模块已选课程图5.33 学生模块已选课程5.9 删除已选课程图5.34 删除已选课程6 测试6.1 测试用户登录进入管理员登录界面，在该界面输入相应的用户名和密码并点击提交，当输入信息错误时、不输入任何信息时均会出现相应信心的提示，如果输入信息正确无误，页面会自动跳转至后台的管理界面。运行效果如下： 在不输入用户名的情况下，提示：图 6.1 用户名必填提示 在不输入密码的情况下，提示：图6.2 密码必填提示不输入用户名和密码的情况下，提示：图6.3 用户名、密码均空提示验证错误时，提示：图6.3 用户名、密码均空提示6.2管理员修改测试这一部分是测试管理员对用户的账号修改的测试，当输入不同值时，不同的验证提示。将所有要修改的信息置空时，提示如下：图 6.5 数据为空验证当数据输入的长度不在规范范围内，做出如下提示：图 6.6 密码长度验证当邮箱格式不正确时，做出如下提示：图 6.7 邮箱格式验证当所有验证都合法并提交成功时，做出如下提示：图 6.8 管理员修改成功结 论本MOOC系统主要为方便广大学习爱好者及教学爱好者而开发，该系统依据软件工程理论知识，对其进行分析及研发工作，该系统具体包含以下功能:（1）用户管理：通过对教师和学生的管理，可以更改教师及学生信息，能够有效的监督用户行为，使网络更文明。（2）课程(专业、方向、课程)管理：对专业、方向、课程的管理，是本系统的核心部分。通过增添课程信息，大大便利了学生对课程的学习。（3）学生课程关注管理：学生可以自主的关注和取消关注课程，当学生感觉某课程适合自己，可以关注课程，从而以后访问课程更方便。同时也可以取消关注该课程。 （4）课程观看及查询：无论学生及教师都可以查询课程并进行观看课程信息。 对于本MOOC系统，在前端方面主要应用HTML、CSS及JAVASCRIPT等前端语言、AmazeUI前端框架以及一些开源前端框架，界面力求简洁。后端方面，本系统基于C#语言以及ASP.NET MVC框架进行功能开发。并使用Entity Framework这款ORM框架对数据库进行连接及基本操作，大大提高了开发速度，减少了开发时间。本MOOC系统从一定程度上来说满足了学生及教师的使用，是一个可以提高学生学习能力及学习爱好的平台。另外，由于本系统仅由个人独立开发