基于JS的天成教育系统设计与实现

基于JS的天成教育系统设计与实现DesignandRealizationoftheNaturalEducationSystemBasedonJS摘要如今的科技发展如此迅速，各个方面都受益于科技的发展，最受大家瞩目的教育行业也不例外，应用在教育行业最直观的改变就是越来越多的在线教育方式层出不穷。在线教育使人们认识到了科技所带来对自身的便捷，以及对教育的便捷。教育的方式，地点，以及怎样获得教育的方式都被在线学习所带来的技术所颠覆。在如今的时代，在线教育更加表明了作为科技垄断教育的第一方式理应首当其冲。越来越多的网校、网站及相关教辅机构不断涌现，用户规模也越来越大。本人做的基于JS的天成教育系统主要可以实现学生端注册登录、在线看课、在线考试和浏览新闻等功能。教师端登录可以实现上传试题、设置分数分值、批阅考卷以及上传授课视频等功能。此项目中后台管理员主要是负责网站的统筹和维护，功能上主要实现教务管理模块、学员管理模块与新闻通知等模块。关键词在线学习在线教育线上网校AbstractNowadays,scienceandtechnologyisdevelopingsorapidlythatallaspectsbenefitfromthedevelopmentofscienceandtechnology,andtheeducationindustry,whichhasattractedthemostattention,isnoexception.Themostintuitivechangeintheeducationindustryisthatmoreandmoreonlineeducationmethodsemergeoneafteranother.Onlineeducationmakespeoplerealizetheconvenienceofscienceandtechnology,aswellastheconvenienceofeducation.Theway,where,andhowtogeteducationaresubvertedbythetechnologybroughtaboutbyonlinelearning.Intoday'sera,onlineeducationhasallthemoreshownthatasthefirstwayofmonopolizingeducationbyscienceandtechnology,itshouldbearthebrunt.Moreandmoreonlineschools,websitesandrelatedteachingandauxiliaryinstitutionscontinuetoemerge,andthescaleofusersisalsogettinglargerandlarger.TheNaturaleducationsystembasedonJScanmainlyrealizethefunctionsofstudentregistration,onlineclasswatching,onlineexaminationandnewsbrowsingandsoon.Theteacherlogincanuploadthetestquestions,setthescore,reviewthetestpapersanduploadtheteachingvideoandsoon.Inthisproject,thebackgroundadministratorismainlyresponsiblefortheoverallplanningandmaintenanceofthewebsite,andmainlyrealizestheeducationaladministrationmodule,studentmanagementmoduleandnewsnotificationmodule.Keywords：OnlineLearningOnlineEducationOnlineSchools长春工程学院毕业设计（论文）引言1.1课题背景和意义在如今互联网的热潮下，教育正在从线下向线上过渡，因此，在线教育成了近几年业界的首位。随着基础设施的完善，用户的需求也发生了变化。传统教育机构、新兴互联网企业都探索了在线教育的最佳模式[1]。在现阶段，教育资源非常丰富，但同时很多问题也随之暴露出来，比如教育资源的分布不均衡、教师和学生的供给需求双方的信息不足、工作信息不透明、中间部分太多和监督管理不善等。随着移动互联网技术的发展，在线学习变成了新兴的学习模式，从而在一定程度上解决了教育训练工作的各种困境。在线课程的建设是我国高等教育质量项目的重要组成部分，是我国高等教育的迅速发展，规模不断扩大的首要目标。国家对在线课程项目的建设逐渐进入群众化阶段，以教育信息化的进展为背景，慢慢开展了重大的教育改革项目。天成教育系统完全可以根据个人需要，对教学内容和时间进行灵活的选择。此系统是实时的交互多媒体（流媒体）的网络教育系统，可以实现授课的点播课程视频播放、教师和学生在网络上的交流、学生的自学，也可提供在线作业和网络考试等功能。通过本系统的使用，教师可以扩大授课的信息量，充分利用教育资源，提高学生的学习效率，为提高教育质量提供技术保证。同时，天成教育系统能够实现教师和学生的双向相互作用，提高学生网络上学习的兴趣，从而真正提高网络教育的质量。为了满足天成教育系统的建设需求，本论文研究、设计和实现基于微软的.Net框架，以微软的VisualStudio2008为开发工具，进行了ASP.NET应用程序的设计。本系统是以JavaScript为脚本语言，SQLServer2008R2为标准数据库，从而开发的B/S模式的天成教育系统。1.2国内外现状在线教育，顾名思义就是基于网络的一种学习。随着日常生活与科学技术的蓬勃发展和稳固创新，互联网已然成为当前这个时代的必需品。它不仅渗透在人们的生活与工作当中，同时也推动了我们学习方式和教育方式的改革和进步。尤其在教育这个方面，互联网的影响尤为明显。比如我所做的天成教育系统，就是针对中小学生推出的线上课程网站。为什么针对中小学这个群体，是因为我在研究初期做过详细的调查，发现中小学生这个群体是接受教育相对较大的群体，而国外，也有很多家主流网站公司都推出了类似的网站。国外专家开发了K12这个新名词，是kindergartenthroughtwelfthgrade的略记。从幼儿园（Kindergarten，通常为5～6岁）到12年级（等级Twelve，通常为17～18岁），这两个学年是美国、澳大利亚、英国、加拿大的免费教育最后两个年级。另外，也可以被叫做基础教育阶段的总称。国外的中小学生教育已经很早起步，当然国内的也不差，已经有很多教育机构相继推出了不同类型的教育网站。在我国，很早就发展出了一批优秀的线上课程网站领航者。比如简单学习网、新东方网校、深海教育等等。这些历史悠久的网校从最初的只能点播课程与在线听课，到现在成为功能类型齐全的授课网站，这最直观的表现了互联网带给教育行业的变化就是使人们的生活变得更加便捷。1.3课题的主要研究内容本课题主要研究的内容是：本文讨论的是基于网络的天成教育系统，通过阅读书籍和老师的指导，学习了大量的基于JavaScript的脚本语言开发技术与SQLServer2008数据库的配置与使用方法；经过研究调查，主动创建系统需求分析报告和系统设计阶段的功能文档。通过老师的指导、小组成员的帮助和自己的学习总结，本人设计的天成教育系统功能上得到逐步完善。2背景技术简介在开发时，本机系统为Windows7旗舰版，以VisualStudio2012为开发工具，数据库为SQLServer2008R2版本，在安装时需要将本机的360安全卫士等关闭，否则会出现安装失败的情况。使用语言环境为JavaScript，同时掺杂利用ASP.NET技术。前期开发完成后附加到IIS6.0环境下进行功能测试，当时测试环境为.NETFramework，同时JavaScript是.NET的默认使用语言进行开发，用这种组合进行开发可以开发中因开发环境的干扰而出现错误，此管理系统主要用到的JavaScript语言、ASP.NET技术在以下部分会进行简略的功能介绍[2]。JavaScript是.NET的默认开发语言，用这种组合进行开发可以大大减少开发中因开发环境的干扰而出现错误。此数据库基本上是通过ADO技术来访问数据库。2.1网站系统ASP.NET技术ASP.NET在具有很多功能的环境中，可以把浏览器表单的控制作为对象来处理。服务器方也可以在平台间访问其他种类，可以与其他有效的服务连接。该技术在页面上使用的控件提供了非常强大的功能，几乎可以在表单中实现所有功能。在一些方面，ASP.NET技术和其他非常多的网页技术很相似，但是他们之间有一个很大的区别就是ASP.NET是可以和.NETFramework集成的，其中包含了对JavaScript的支持[3]。与高级的编程语言相比较，其中最主要的区别便是ASP.NET为我们提供了对于我们来说是相当完整的服务器对象模型，我们可以在运行时使用这些模型。使用ASP技术编写网页文件的拓展名是.asp，而这种网页又被称为ASP网页，ASP页面的制作很简单，其内容可以包含HTML标记、普通文本、脚本指令以及COM组件等。ASP不仅是一种动态技术，也是巨大的技术集合。ASP内容的复杂性和功能强大性远不止上面所描述的。可以说，ASP是Microsoft在WWW时代给出的一整套Web应用开发解决方案，是Microsoft各项优异的Windows技术耦合的结果。ASP的最新版是ASP.NET，其对应的文件名的拓展名为.aspx。ASP技术只要系统中的用户、会员、管理员在浏览器中对一个网页进行请求，对应的服务器就会处理ASP代码逻辑，从而自动生成相应的HTML代码集，然后将它传送到用户浏览器的网页并显示其页面。ASP主要有客户端前台代码和后台代码，这两个代码是互不影响的代码段，这样就不用担心用户的浏览器是否能运行后台所编写的代码，因为所有的程序集的代码都在客户端浏览器上执行，还有页面上加入的HTML脚本语言代码所编写的脚本程序。如此就相当大的程度减少了服务器的运行负担，相当大的程度提高了服务器的工作效率，主要是提高了页面交互的速度[4]。ASP与一般的程序是有很大区别的，ASP程序不用像其他一样需要编译，它是不需要在环境中编译再运行的，ASP程序可以直接在网页中进行查看其页面效果的。通过脚本语言来编写设计系统的页面效果。在准备执行ASP的程序时，脚本程序会向脚本解释器发出脚本命令，通过脚本编辑器来进行翻译指令，将会翻译成浏览器可以执行的命令[5]。2.2MicrosoftSQLServer2008R2数据库数据库是从数据存储开始发展的，SQLServer的主要功能是数据存储，MicrosoftSQLServer2008是一个完整的数据库产品，包含许多的产品组件并有强大的功能。由于MicrosoftSQLServer2008版本不同，其组件和功能也不相同。在SQLServer对数据库的操作有两种方式，一种是图形界面的管理方式，还有一种是以Transact-SQL语言的形式在字符界面下进行管理和操作。其中使用字符界面中的Transact-SQL语言进行数据库管理和操作要比图形界面好，因为它的速度要比图形界面的操作快的多。本系统的开发使用的是SQLServer2008R2版本。SQLServer在2008这个版本中做了很多改进，并且使用了很多的新技术，SQLServer2008技术的更新为我的系统项目的运行提供良好的技术支持[6]。本人设计的基于JavaScript的天成教育系统采用了连接到MicrosoftSQLServer2008R2版本的VS的数据库管理系统。其中，包含了很多新的操作，在基于SQL服务器7.0，数据库的性能提高了。其可信度、质量及便利性都得到了扩展，可以说是比较完善的关系型数据库。它具有较高的数据处理性能，非常稳定，性能更高，且使用方便，因此可以直接保存XML数据。最后的检索结果以XML形式输出。2.3B/S体系结构相对于B/S结构，C/S有对应的劣势，此系统采用了B/S布局，B/S布局结构(Browser/Server,浏览器/服务器)这是种由服务器、客户端、Web服务器三层布局结构分布组成，这类应用于计算机网络的操作系统，具备了互联网的各种相关技术优点，后续中对系统的维护、跨平台操作等都具备很大的益处。在B/S体系结构中，用户可以使用浏览器随时来访问服务器，服务器中的程序访问数据库服务器把数据反馈给用户。B/S系统程序中，所有的用户界面都是通过浏览器来传达的，大部分的程序逻辑功能基本上在Web服务器中实现，也有一小部分可以放在浏览器中（如：用户输入的合法性验证），所有的数据库事务都是由数据库服务器来完成的。整个系统进行了这三层的分工之后，设计思路就清晰了。在浏览器端可以使用的编程语言和技术比较多，系统设计人员可以有多种不同的选择。使用浏览器来呈现用户界面，程序的所有功能逻辑就可以全部放到服务器端，这样方便系统的维护和升级。当系统发现漏洞时只需要对服务器中的系统进行维护修复，无需对大量的客户端进行维护修复，大大节约了系统维护成本。B/S体系结构的程序，在安全性方面也有很多的优势，浏览器可以使用HTTPS协议访问服务器，对传输的数据加密，从而提高数据的安全性[7]。2.4JavaScript简介JavaScript是目前全球最流行的编程语言之一，简称JS，它已广泛应用于Web应用开发。AJAX出现后，JavaScript在网页开发中的地位显得更加重要。它可以帮助操作Web文档结构，可实现前后台的灵活交互，与CSS结合使用，更可实现各种完美的页面特效。但同样，JavaScript自身也存在问题，最严重的一个莫过于各种浏览器对JavaScript的实现各不相同，这导致很难编写出能跨浏览器运行的脚本，随着Web的发展，新版JavaScript规范的推出，该问题终将得到解决。JavaScript是门全面的编程语言，能处理复杂的计算和交互，还具有闭包函数、面向对象等特性，因此要完全地掌握这门语言并不容易[8]。2.4.1网页制作工具的选择MicrosoftVisualStudio，该系列的版本有：2003、2005、2008和2012等，我选用了比较经典的2012版本，比较适合开发动态的aspx网页，同时，还能制作无刷新网站、Webservice功能等。记事本，能编写各种HTML代码、CSS代码、JS代码和各种动态脚本，方能制作出网页来在制作过程中，我还用到了PS以及Flash来剪辑视频与绘制图片。2.4.2Web页面的设计与制作页面设计分为外观与结构两个模块。就页面外观而言，因为我们做的是中小学在线课程教育系统，所以面向的对象是学生们的父母。整个页面来讲，应该力求简单大方，忌讳商务风格太重，过于刻板与严肃。应该适当掺杂一些卡通元素，但不要过多的存在花哨的背景，简洁明了即可，让用户点进网页就能一眼看到所需要的课程或试卷。而后台部分，管理员页面设计应该偏传统，不用特别标新立异，让管理员登录之后，快速查看到每个模块所具备的功能就可以。页面结构上应该具有讲师详细资料介绍、课程介绍以及试题中心。就页面结构来说应该把网站最著名的讲师与其课程放在推荐页面。然后在下拉页面时，出现群体需求量不太多的幼儿课程以及国学课堂。页面在这个部分之下是大部分网站设计的友情链接与关于我们。另外，在进行登录与注册的时候，可以做一个自动跳转的提示页面来缓解网站转到第二个页面的负荷。3系统需求分析3.1功能需求天成教育系统作为一个教育网站，首先最主要的功能需求就是实现学习功能与做题功能。其次，从用户的心理需求出发，既然在网站上购买课程，就要知道这个课程的授课教师是谁，什么背景以及什么学历。这样一来，我们就需要有讲师风采模块，来让用户查看教授此课程的教师的个人资料，从而选择是否要购买并学习这个教师的课程。另外，作为用户端，浏览网站的用户还应该了解我们天成教育系统的负责人与具体设计这个网站的公司。这样就必须要有关于我们的介绍模块，这里我们可以做一个后台改动模块，以便变更信息。最后其他课程网站所拥有的友情链接功能，我们也要具备。可以联系知名讲堂与知名教育网站负责人，询问是否愿意让我们把他们的网站链接加进去。此系统主要实现的是所有课程网站都应该具备基本的看课功能，还有一些经典课程网站不具备的功能，比如传统课程网站基本由管理员上传关于教师的授课课程以及讲课视频，这里做了一个教师登录的端口和赋予教师一些自主的权利，管理员只在后台管理与审核这些操作即可。天成教育系统用这个方法来让教师完成应有的工作量，而不增加管理员的负担。这样前台的功能就已经初步完备。管理员部分的功能需求就要从管理员的工作量以及工作任务算起，首先要实现对前台课程的管理、对教师提交申请的管理、对教师上传授课视频的审核、对学生注册信息的管理与分班、以及对网站的统筹与维护。线上的中小学课程、教师自主上传的课程、授课视频和线上考试，所以系统应该具备的具体功能需求如下：学生端：登录主界面、选择课程、充值资金、学习课程、对讲师进行评价、在线做题、在线考试和查看错题等等。教师端：上传授课视频、查看自己的学员、上传模拟试卷和批阅试卷。管理员：负责网站的统筹和维护、负责具体的教务管理模块、学员管理模块、新闻通知模块和界面风格等模块的增设与修改。3.2系统需求本课程网站的设计和开发应该是针对此类型的用户从而建设的课程网站，根据用户对象的自身特点，决定要做一个具体拥有哪些功能的网站，然后根据用户群体的日常习惯，决定网站拥有什么特色。在系统需求上，本系统面向的用户群体数量可观，继而可以实现大规模的课程教学。本网站面向的用户年龄普遍较小，不适合单独使用，所以必须有家长的陪同，因此一些新闻与通知面向的用户群体就是一些年龄稍大一些的成年人，这些新闻就可以是升学新闻、考试新闻和教育通知等。用户可以根据自己的实际情况自主开展适合自己的课程网络教学，有效进行教学管理，可以尽量最大限度地提高教学质量、教学效率、解放学生和解放教师。既合理利用了教学资源，又实现了效果最大化。本课程网站的开发，使用的服务器端的安装简洁明了，浅显易懂，给后台管理人员简单的操作来控制网站，也给用户简单的操作体验。用户端无需再装任何软件，接入互联网之后便可通过浏览器就直接访问本系统[9]。3.3可行性分析可行性分析是通过对项目的主要内容和配套条件，如市场需求、设备条件、环境条件，项目规模，经济效益等，从技术等方面进行分析研究，评估该项目是否可行，能否达到预期的目标。下面将分别从技术、社会两个方面对基于JavaScript的天成教育系统的设计进行分析和研究。从技术上的可行性来说，本系统所采用的技术成熟，是经过实践检验的JavaScript开发技术，可以用于构建大型的网站系统，用于建设天成教育系统也是非常适合的。所具备的软件硬件系统系能和环境条件等也都已达到要求，配备的技术人员合适、开发时间充裕，所以本系统在技术上是可行的。从社会的角度来说，本系统无论是从设计开发过程，还是系统的最终用途都是符合法律规范，并且受著作权保护；本系统通过了大量的实地调研，对所面向的用户进行了访问，对其所提出的合理建议进行了参考并采纳。在设计完成后，提交给用户进行测试并反馈了相关的问题，及时地进行了修改。用户在参与开发的过程中就已经对本系统很熟悉了，所以在使用上不会存在太大的困难，无需对用户进行过多的培训。所以本系统在社会性上是可行的[10]。3.4系统分析功能顺序图 系统基本功能包括学生功能模块、教师功能模块和系统管理员模块。学生功能：注册登录之后，可以进行任何可允许的操作。此顺序图展现了学生功能顺序，具体功能如图3-1所示。图3-1学生时序图教师功能：注册登录之后，可以进行任何可允许的操作。此顺序图展现了教师功能顺序，具体功能如图3-2所示。图3-2教师时序图管理员功能：经由后台登录进功能界面，可以使用任何权限内的功能，并将信息保存至数据库内并返回，此顺序图展现了管理员功能顺序，如图3-3所示。图3-3系统管理员时序图3.5系统角色用例分析关于本系统共分成学生、教师和系统管理员三个模块，每一个模块对应的权限和所进行的操作不同，在此系统中学生拥有在线选课、在线看课、在线考试、在线刷题、阅览新闻等操作。具体功能如图3-4所示。图3-4学生用例图教师的功能相对于管理员来讲不那么多，原始意义是分担了部分管理员的工作，所以模块设计上与管理员模块设计基本相同，具体功能是上传课程、上传试卷和批阅试卷等。具体功能如图3-5所示。图3-5教师用例图本系统中，功能最全的模块就是系统管理员模块，其功能比较强大。具体功能：教务管理模块中实现课程管理与统计分析，平台管理模块中实现注册账户、新闻通知、参数设置、管理员设置与友情链接设置等，界面风格包括Web端风格与移动端风格。具体功能如图3-6所示。图3-6系统管理员用例图3.6系统顶层流程图本系统的顶层流程图如图3-7所示。图3-7系统顶层流程图4系统总体设计经过这个阶段，要确定本系统需要实现什么样的实际工作，和应该拥有什么样的实际功能，还应该得出选用的目标系统精确的描述，经过描述进而实现代码阶段。在编码阶段可以将描述直接翻译成用JS来编写所有前台页面的设计与布局。然后在程序设计语言部分，则用C#语言来编写，并实现每个模块各自应有的功能，最后通过另一方面的系统详细设计。系统总体设计的目的不仅仅要逻辑上正确地实现模块的功能，而且处理过程要让人简明易懂并且布局优美。就比如在学生或教师登录模块，要实现的基本功能是注册以后可以成功登录，但是不能单写一个注册成功的功能，虽然逻辑上可行，但是到了用户使用与体验上，注册之后直接跳转登录界面有些令人困惑和不太清楚这个网站注册成功之后在跳转什么，所以我们把注册成功之后加了一个跳转动画，可以让用户明白且清楚的看到，实现注册功能之后网站开始自动跳转登录界面。做一个小小的动画会让用户在体验感上觉得更舒服。4.1计划目标本系统是实现一个网页版的在线教育系统。本系统的开发旨在方便学生与家长，学生可以在线学习，只要选定了此教师的授课视频，就可以随时打开网站观看课程，还可以随时打开题库，在线刷题，无需坐在拥挤的课堂，这让家长与学生的生活变得更方便更舒适，另外，学生还可以课后回看课程与在线做题并且提交成绩，既方便学生巩固知识与预习新课程又节省教师与家长的时间。教师端则提供教师一些关于教师身份的使用功能，比如教师上传课程与上传试卷，还可以上传练习题、批阅考卷、自主设置考卷难度、查看选择自己课程的学员等。a）前台线上课程网站学生端主要功能需要有：1.课程模块：用户或者游客点进来的时候一眼需要看得到他们所需的课程。且注册不繁琐、步骤简单与充值方便。2.做题模块：有了试卷，才实现了这个线上教育系统的基本功能，用户可以选择在电脑上做相对应年级的试卷，也可以自主学习题库，做完卷子后查看错题，自主学习。还可以对讲授课程的教师发表评价。3.新闻与通知模块：这一部分是给用户拓展知识，了解当前环境下的最新国家通知与一些名人趣事、教育方法和最新通知。4.关于我们和友情链接模块：要在网站上体现这个网站的开发者，就是我们这个公司，让用户更多地了解我们公司进而打响品牌。b）前台线上课程网站教师端主要需要有：1.课程管理模块：其中包括上传与发布课程、查看课程交流信息、学员信息。2.考试测试模块：包括试卷管理、考试管理、考试成绩。3.个人信息模块：包括个人基本信息、联系方式、工作履历。c）后台主要设计包括管理员模块：管理员设计上应该实现的职责介绍：管理员的主要职责是负责网站的统筹和维护，不涉及具体的教学工作，例如：教务管理、学员管理、新闻通知等。管理员主要负责的有：1.教务管理模块：其中包括课程管理与统计分析。2.平台管理模块：其中包括账户设置、新闻通知、参数设置、友情链接。3.界面风格模块：其中包括移动端风格与Web端风格。4.2用户使用流程分析4.2.1学生使用流程学生端实现登录，登录之后，可以进行自主选课，选择之后充值资金从而选择听课看课的功能。在这之后，学生可以进行在线做题，与查阅一些资料等其他操作。如图4-1所示。图4-1学生端使用流程图4.2.2教师使用流程教师端实现注册功能，申请成为教师需要管理员的准许，从而可以发布与管理课程与试卷、上传与编辑视频、还可以连接站外视频。除此之外还可以进行上传试卷、评分阅卷、查看学员和查看学员评价的功能。如图4-2所示。图4-2教师端使用流程图4.2.3管理员使用流程管理员在教务管理模块中，可以新增、删除、修改以及查询课程，专业模块可以自主上传专业，可以随意改动与增加。题库管理可以根据题型搜索，下拉表中的题型就是上传的自主添加的题型。另外题库还支持导入导出功能，可以直接导出为EXCEL文件。还可以统计与分析当前教师的评价与学员信息。管理员在平台管理模块中，可以通过编辑新闻与通知，实现前台页面新闻与通知的编辑和发表。还可以自定义管理员的信息，修改与删除管理员的权限。然后可以管理机构信息，输入公司地址，系统会自动检测地址给出经纬度与地图上的确定的点。点击确定按钮就会保存到数据库中存储起来。另外还可以管理（增、删、改、查、编辑）友情链接。管理员在界面风格模块中可以自主进行选择网页风格，有模板供管理员选择。如图4-3所示。图4-3管理员使用流程图4.3系统架构介绍架构是本系统设计核心，采用的是三层架构，这里所说的三层体系结构，并不单单是指物理上三层结构，指逻辑上的三层。此平台上的三层结构可以分为表示层、业务逻辑层和数据访问层。这三层的作用以下所表示：数据访问层（DAL）：这一层所做的是对数据的增、删、改、查普通操作，负责保存系统的数据，有请求时把它们统统发送给业务层进行处理。业务逻辑层（BLL）：囊括了项目中所有的业务逻辑，负责调用DAL中的方法实现业务的逻辑处理，表示层与数据访问层之间起到了衔接作用。表示层（UI）：用于显示数据和接受用户输入数据的一层，即为用户界面，在应用过程之间传送的信息提供表示方法的服务，它只关心信息发出的语法和语义。具体结构如图4-4所示。图4-4系统架构图4.4信息数据分析本系统用到的数据库内的表信息有以下几个：后台管理员课程表（Course）：此表主要针对系统管理员管理的所有课程。如表4-1所示。表4-1后台管理员课程编号字段名数据类型是否允许为空长度索引1Cou_IDint主键2Cou_Namenvarchar允许1003Cou_Logonvarchar允许1004Cou_LogoSmallnvarchar允许1005Cou_Taxint6Cou_Intronvarchar允许MAX7Cou_Targetnvarchar允许10008Cou_Contentnvarchar允许10009Sbj_Namenvarchar允许255编号字段名数据类型是否允许为空长度索引10Org_IDint11Org_Namenvarchar25512Th_Namenvarchar允许5013Cou_XPathnvarchar允许25514Cou_UIDnvarchar允许10015Dep_CnNamenvarchar允许10016Cou_IsRecbit17Cou_PriceUnitnvarchar允许10018Cou_PriceSpanint学员管理信息表（Accounts）：管理学员基本信息，信息包含名字，手机号，账号，积分等。如表4-2所示。表4-2学员管理信息编号字段名数据类型是否允许为空长度索引1Ac_IDint主键2Ac_AccNamenvarchar(50)允许503Ac_Pwnvarchar(100)允许1004Ac_Namenvarchar(50)允许505Ac_Pinyinnvarchar(50)允许506Ac_IDCardNumbernvarchar(50)允许507Ac_Signaturenvarchar(255)允许2558Ac_Ageint9Ac_Sexint10Ac_Photonvarchar(255)允许25511Ac_Moneymoney12Ac_Qusnvarchar(255)允许25513Ac_Ansnvarchar(255)允许25514Ac_RegTimedatetime15Ac_OutTimedatetime16Ac_LastTimedatetime17Ac_LastIPnvarchar(255)允许25518Ac_Telnvarchar(50)允许5019Ac_Emailnvarchar(50)允许5020Ac_Qqnvarchar(50)允许5021Ac_Weixinnvarchar(100)允许10022Ac_CheckUIDnvarchar(255)允许255新闻信息表（Columns）：管理员发布新闻。如表4-3所示。表4-3新闻信息编号字段名数据类型是否允许为空长度索引1Col_IDint主键2Col_PIDint3Col_Namenvarchar(255)允许2554Col_ByNamenvarchar(255)允许2555Col_Titlenvarchar(255)允许2556Col_Keywordsnvarchar(255)允许2557Col_Descrnvarchar(255)允许2558Col_Introntext9Col_Typenvarchar(255)允许25510Col_Taxint11Col_IsUsebit12Col_IsNotebit13Col_CrtTimedatetime14Org_IDint教师信息表（Teacher）：教师申请注册信息，然后填入个人信息。如表4-4所示。表4-4教师信息编号字段名数据类型是否允许为空长度索引1Th_IDint主键2Th_AccNamenvarchar(50)允许503Th_Pwnvarchar(100)允许1004Th_Qusnvarchar(255)允许2555Th_Anwsernvarchar(255)允许2556Th_Namenvarchar(50)允许507Th_Titlenvarchar(100)允许1008Th_Pinyinnvarchar(50)允许509Th_Ageint10Th_Birthdaydatetime11Th_IDCardNumbernvarchar(50)允许5012Th_Photonvarchar(255)允许25513Th_Signaturenvarchar(255)允许25514Th_Intronvarchar(2000)允许200015Th_Jobnvarchar(255)允许25516Th_Majornvarchar(255)允许25517Th_Educationnvarchar(255)允许25518Th_Sexint5系统详细设计与实现5.1系统的主要功能因为此系统面向不同的对象可以实现不同的功能，所以此系统面向三个方面：学生模块，教师模块与后台模块，具体功能如图5-1所示。图5-1系统功能模块图关于教师上传课程申请并提交给系统后台管理员进行审核的流程图如图5-2所示。图5-2教师申请上传课程流程图5.2前台模块的实现前台模块主要包括以下几部分的功能，学生端与教师端的注册与登录模块、课程信息模块、讲师个人信息展示与查看、新闻与通知模块、友情链接与关于我们模块。如图5-3所示。图5-3前台系统功能模块图5.3登录模块的实现打开网站，学生通过登录账号，身份证号码以及输入验证码进入网站，选择课程进行学习或者选择试卷中心进行做题。网站后台自动与数据库中的“学员管理信息表（Accounts）”进行连接检测，并登录到学生的信息界面。这里如果是教师，直接进入教师的页面，如果是新用户，可以点击“注册”按钮，进入用户注册信息界面，注册一个新的用户。在这个登录界面里，系统自动识别用户所输入的用户名和密码进行核对，首先用户名不能为空或为数字，如果出现输入错误，系统会进行报错。5.4注册模块的实现学生与教师共用一个前台，进行注册的时候一起进行一样的注册，只不过教师端前台注册的学员账号，申请成为教师的时候需要短信验证。这里由管理员后台进行：注册账号—教师信息—直接添加新账号操作，默认密码：123456。如图5-4所示。图5-4注册模块5.5管理员后台管理功能的实现管理员通过管理界面登录之后，会进入管理后台，系统管理员的功能如下：5.5.1教务管理模块教务管理其中包括课程管理与统计分析。管理员可以后台管理所有的课程，可以对课程进行修改、添加、删除和新增等操作，管理员也可以给教师分配课程。操作提示：教务管理—课程管理—点开教师栏下拉按钮，把课程分配给教师。如图5-5所示。图5-5课程管理热门课程是系统根据学员的选课人数统计出的学员选课最多的课程。如图5-6所示。图5-6热门课程优秀教师就是学员评分最高的教师，按评分高低展示。如图5-7所示。图5-7优秀教师学员在线主要统计学员的在线时间和浏览网页的时间，其中还包括来源、IP、浏览器和操作系统。如图5-8所示。图5-8学员在线学员可以对授课教师进行评价，打分，每位学员每天可以评价一次，以30天为一个周期计算平均分和恶意评价。管理员后台可以禁用或删除。如图5-9所示。图5-9教师评价5.5.2平台管理模块其中包括注册账户、新闻通知、参数设置、管理员与友情链接。注册用户是对平台用户的管理，包含学员和讲师，管理员可以对系统账户信息进行编辑、新增、删除等操作。在这个部分管理员的主要职责就是新增或导入用户信息、设置用户登录密码以及导出学员信息的工作。学员管理不仅是对学员的管理，每一位教师都有一个学员的身份，所以教师的账户信息也会出现在学员管理里。在这个模块中管理员的主要职责是：新增用户、密码找回、删除用户、用户充值、用户导入、用户导出等。新增用户：注册用户—学员管理—新增，（新增用户默认密码为：123456）注意：手机号和账户前后不能有空格，否则无法登陆。密码找回：注册用户—学员管理—修改，即可修改当前学员导入：注册用户—学员管理—导入，根据系统提示，下载学员信息导入模板，按照模板整理好学员信息。填写示例如下：姓名：填入学员姓名即可；（必填）手机号：输入学员的手机号，手机号可以作为账号登录。单元格格式为“文本”格式。（必填）账号：输入学员的登录账号，可以与手机号一致，单元格格式为“文本”格式。（必填）初始密码：输入学员的登录密码，单元格格式为“文本”格式。（必填）性别：输入学员的性别，（选填）学生组：输入学员的学员分组名称。（必填）出生年月：输入学员的出生年月信息，单元格格式为“日期”格式。（选填）籍贯：输入学员的籍贯信息。（选填）名族：输入学员的民族信息。（选填）专业：输入学员的专业顺序。（选填）身份证号：输入学员的身份证号信息。单元格格式为“文本”格式。（选填）电子邮箱、QQ、个人介绍：输入学员的电子邮箱信息、QQ号码、个人介绍信息。（选填）如图5-10所示。图5-10新增学生信息学员导出：点击注册用户—学员管理—导出—选择要导出的学员组—导出到EXCEL。学员信息打印：点击注册用户—学员管理—导出—选择要打印的学员组—打印详细信息。如图5-11所示。图5-11学员导出用户状态：当学员状态为“启用”和“通过”时学员才能正常登录。资金：学员账户的余额，积分，卡券，管理员可以后台直接给学员进行充值或扣款。如图5-12所示。图5-12积分充扣学员班级即学员分组，在正式考试时教师可以自定义参考的学员组。如图5-13所示。图5-13学员班级教师信息即教师管理，管理员可以在教师信息这里管理平台的教师信息，例如：修改资料、修改密码和新增教师等。管理员在教师信息这里新增的教师，直接拥有教师权限无需在申请成为教师。新增用户的初始密码为：123456。其他操作与学员管理一致，详情可参考学员管理操作详解。管理员可以给平台设置教师的不同职称，学校用户可以设置班主任、系主任、普通教师、优秀讲师和院长等。培训机构用户可以设置优秀讲师和明星讲师等。不同的用户可以根据实际情况进行设置。如图5-14所示。图5-14教师职称新闻通知只是简单的功能模块，但是用好了也可以有别出心裁的感觉，栏目规划很重要。新闻发布不仅是发布新闻，也可以对网站新闻进行增、删、改、查等管理操作管理，管理员可以按新闻栏目发布新闻。操作提示：新闻通知—新闻发布—选择新闻栏目—新增—输入新闻标题—详细信息—附件—确定。基本信息：设置新闻的标题、分类、摘要。详细信息：设置新闻的详细内容。附件：附件仅支持以下格式：zip、rar、pdf、doc、docx、xls、xlsx。发布设置：设置新闻的关键词、描述、上线时间。注意：图片新闻需要上传新闻缩略图，在新闻编辑—基本信息—勾选“图片新闻”—上传新闻缩略图，最佳尺寸：600*400px。图片新闻会在政务版首页图片新闻中优先展示。此功能用于管理网站的通知消息，例如：发布考试安排通知，报名缴费通知等。平台新闻支持按栏目展示，管理员后台可以设置多个新闻栏目，这个功能配合自定义导航栏使用可以让您的网站内容更丰富，更专业。添加栏目：新闻通知—新闻栏目—全部栏目—在右边的编辑栏里输入栏目名称，点击“添加栏目”。注意：看不到“添加栏目”可以下拉右边的滚动条。如图5-15所示。图5-15添加新闻个人信息主要是用于设置管理员的姓名、性别、头像等联系方式信息。如图5-16所示。图5-16个人信息安全管理主要用于管理员修改登录密码的时候使用，管理员登录后点击：管理员—安全管理—输入原密码—新密码—再次输入新密码—点击“保存”，即可修改。修改成功后，退出登录再次登录时需要使用新密码登录。如图5-17所示。图5-17安全管理平台管理—友情链接—新增，输入链接名称、网址、选择链接分类，然后点击“确定”按钮，就可以给网站添加一个新的友情链接。平台管理—链接分类—新增，可以为平台的友情链接添加分类，例如：首页链接、合作院校。不同的链接放在不同的分类下。如图5-18所示。图5-18友情链接5.5.3界面风格模块其中包括移动端风格与WEB端风格，天成教育系统支持多套模板风格一键切换，后台提供多套UI可供用户自由选择，目前提供了四套模板：网校版、政务版、商务版和学院版。首页灵活度99%，网站名称、logo、栏目名称和banner等后台均可自定义。选择新的模板后，在前台刷新一下即可显示新的模板样式。如图5-19所示。图5-19界面风格6系统测试必要性测试是非常乏味的工作，经过本系统测试要学会如何用心、用脑、动手去做才能把它做好。测试与改错是软件开发过程中不可缺少的环节。从小学开始，我们就知道做完了卷子要自己检查，这就是自己对自己的成果进行测试。所以在开发过程中，一个好的开发要知道对自己的程序进行最基本的测试，对于本天成教育系统的测试是非常重要的，因为一旦系统出现了错误，所带来的2损失可能是我们无法估量的，所在系统测试在这个阶段是必须要做的。6.1对测试的理解测试在系统中重要的程度是不言而喻的，软件测试的定义是：验证软件功能是否满足用户的需求。软件测试是在软件投入使用之前通过手动或自动的方法对软件进行测试，以找出与预期结果不相符的地方，以检验软件功能是否符合用户的需求。6.2测试过程解决的问题测试过程中发现的问题是：WebFormsUnobtrusiveValidationMode需要“jQuery”ScriptResourceMapping。请添加一个名为jquery(区分大小写)的ScriptResourceMapping。

说明：执行当前Web请求期间，出现未经处理的异常。请检查堆栈跟踪信息，以了解有关该错误以及代码中导致错误的出处的详细信息。异常详细信息：System.InvalidOperationException:WebFormsUnobtrusiveValidationMode需要“jQuery”ScriptResourceMapping。请添加一个名为jquery(区分大小写)的ScriptResourceMapping。源错误：执行当前Web请求期间生成了未经处理的异常。可以使用下面的异常堆栈跟踪信息确定有关异常原因和发生位置的信息。堆栈跟踪：[InvalidOperationException:WebFormsUnobtrusiveValidationMode需要“jQuery”ScriptResourceMapping。请添加一个名为jquery(区分大小写)的ScriptResourceMapping。]System.Web.UI.ClientScriptManager.EnsureJqueryRegistered()+2365285System.Web.UI.WebControls.BaseValidator.RegisterUnobtrusiveScript()+11System.Web.UI.WebControls.BaseValidator.OnPreRender(EventArgse)+9641449System.Web.UI.Control.PreRenderRecursiveInternal()+83System.Web.UI.Control.PreRenderRecursiveInternal()+155System.Web.UI.Control.PreRenderRecursiveInternal()+155System.Web.UI.Page.ProcessRequestMain(BooleanincludeStagesBeforeAsyncPoint,BooleanincludeStagesAfterAsyncPoint)+974解决方法：在aspx页面的Page_Load方法中添加如下代码：UnobtrusiveValidationMode=UnobtrusiveValidationMode.None;6.3测试用例6.3.1运行环境说明运行环境包括硬件要求及软件要求如下表所示。表6-1硬件要求设备名称说明处理器AMD-A8以上，2GB内存2GB，内存越大，速度越快硬盘500GB以上鼠标联想鼠标表6-2软件要求名称说明操作系统WindowsXP或Windows7以上应用软件VisualStudio6.4功能测试用例6.4.1学生注册功能测试用例表6-3学生注册用例模块名学生注册模块功能注册账号运行人刘雨彤试运行时间2019/05/12试运行用例序号描述预想结果实际结果1.1进入系统主界面主界面显示各个具体信息同预期1.2注册用户显示信息栏让用户填写相应的信息同预期1.3用户信息保存对用户名和密码进行验证，并提示重复信息同预期提示验证码是否正确，无错时即进行下一步同预期提示注册成功并返回源页同预期登录进网站之后点击注册按钮，填好所有必填信息与验证码之后，进入学生端注册界面，具体如图6-1所示。图6-1学生注册账户用例注册成功之后显示注册成功，然后自动跳转到主界面。具体如图6-2、6-3所示。图6.2注册成功用例图6-3自动跳转到主界面用例6.4.2教师登录功能测试表6-4教师登录测试用例模块名教师登录模块功能登录账号运行人刘雨彤试运行时间2019/05/16试运行用例序号描述预想结果实际结果2.1进入系统主界面主界面显示各个具体信息同预期2.2登录用户显示教务管理同预期2.3教学内容显示对教学课程进行管理同预期对学生进行测试和考试同预期教师个人信息显示同预期教师注册账号后，登录时输入正确的用户名与密码，则显示登录成功。如果输入错误，系统就会提示，密码不正确。具体如图6-4和图6-5所示。图6-4提示密码错误用例图6-5登录成功用例登录成功后，系统会自动跳转到教师管理页，具体如图6-6所示。图6-6教师管理用例6.4.3管理员添加信息测试表6-5管理员添加信息测试用例模块名管理员管理模块功能机构管理运行人刘雨彤试运行时间2019/05/18试运行用例序号描述预想结果实际结果3.1进入系统主界面主界面显示机构主页面同预期3.2登录用户显示机构管理同预期3.3机构管理内容显示教务管理内容添加同预期平台管理内容添加同预期界面风格内容添加同预期管理员登录成功以后，进入管理中心，点击添加新闻通知按钮则弹出新闻通知编辑页面，编辑之后点击确定即存入数据库并且展示在前台页面。具体如图6-7和图6-8所示。图6-7编辑通知用例图6-8通知发布成功用例7总结天成教育系统由前后台两部分构成，分为管理员和学生与教师，教师兼有管理员部分职责。系统实现了一般线上课程网站的基本功能，根据课程的特点网站具备教学资源的在线观看和下载，教学资源的上传，能够从网站获取更多的最新的与课程相关的信息和知识以及能够和教师以及其他学生实现在线做题检验自己等功能。由于以前很少做相关项目的开发，所以比较生疏，都是一边学习一边开发设计，这就使系统存在着不足，系统只能实现一些基本功能。由于我们的知识，经验和技能有限，本次设计的结果还有待完善。比如系统功能还不齐全，数据库还不十分完善，名称也不统一。同时，在系统设计方面，还有许多待改进的地方，更好地实现更完整地系统功能。系统中还存在很多的不足，功能上还是有需要改进的地方，还可以开发更多的功能。比如还可以添加超级管理员来控制管理员的权限以及功能。这些东西都是我技术不够而无法做到的地方。这次的设计使我也学到了很多课堂上学不到的知识，一开始刚到公司的时候，觉得每天的工作好简单也好容易，每天就是写一写增删改查，连一连数据库，随着写的东西越多，要前后连接的东西就越多，时间一长，自己原来那些问题都暴露出来了，比如数据库字段名命名不规范，表名命名不规范，代码格式也乱糟糟的。后来跟实习公司的师哥请教办法，师哥教我把别人的代码全选到文档里，调成字号比较大的版式，一页一页的看，反复的研究为什么用这个属性，为什么这样写，为什么调用这个方法而不用另一个，拥有这个属性的控件有好几种，为什么偏偏只用这一种。随着要看的技巧越来越多，要学的知识就越多，思路也跟着越来越清晰，到了后期做的东西也越来越整齐规范。这个方法很好用，可能刚开始要看的东西比较多，量比较大，但是到了后期就发现记住的东西越来越多，东西写的多了也就形成了自己的风格了。此次毕业设计是我们从大学生活向未来前进重要的一步。从初期的选题，开题直到完成项目的所有设计，期间查找资料，与同学进行交流，特别是老师的指导，出现问题在改错，改完错误刷格式，从每一个行间距、每一个段落标识、每一个首行缩进，从符号中英文都有，到自己放大文档查找错误符号，每一个过程都是对自己能力的一次检验和充实。

参考文献[1]孙鹏.基于无线传感网的轴承温度监测系统设计[D].南京信息工程大学,2014.[2]潘天恒,周方.《A网站设计》课程教学改革研究[J].软件导刊(教育技术),2018.[3]贺军忠.基于ASP的购物网站设计研究与实现[J].软件工程,2018.[4]李享.基于ASP的网站的设计[J].电脑知识与技术,2018.[5]吴云.基于ASP.NET网站架构设计与开发[J].电脑编程技巧与维护,2016.[6]王鹏远.基于人才管理系统的数据库设计与实现研究[J].电子技术与软件工程,2014.[7]孙践知.C#程序设计[M].北京:清华大学出版社,2010.[8]刘舰维,刘昌辉,李海山.中小企业人力资源管理系统设计[J].软件导刊,2015.[9]刘超.基于.NET的高校教务管理系统的设计与实现[D].长春:吉林大学,2004.[10]姜涛.公交车信息管理系统的设计与实现[D].济南:山东大学,2010.[11]程林.笔记本研发生产领域的项目管理系统的设计与实现[D].北京:中国科学院大学,2014.[12]王毅.企业管理基础[M].北京:中国纺织出版社,2005.[13]马东旭.基于.NET的绩效管理系统的设计与实现[D].西安:西安电子科技大学,2014.[14]刘欢.酒店管理系统述论[J].电子技术与软件工程,2014(8):75.[15]刘伟婉.基于ASP.NET的电子商务网站设计与实现[J].电脑编程技巧与维护,2016.[16]谢振华.基于A技术的网站开发架构设计[J].电脑知识与技术,2017.[17]李永军.基于ASP.NET的电子商务网站设计及实现[J].电脑编程技巧与维护,2017.[18]贾宗星.基于ASP.NET的信息发布网站的设计与实现[J].计算机时代,2016.[19]JeffreyD.Ullman,FundamentalCourseofDatabaseSystem.TsingHuaPress，2015.[20]BradWilson,JonGalloway,K.ScottAllen,DavidMatson.ProfessionalASP.NETMVC5.August2014.[21]BenjaminPerkins,JacobVibeHammer,JonD.Reid.BeginningC#7ProgrammingwithVisualStudio2017.April2018[22]PaulTurley,RiccardoMuti(Forewordby),ChristopherFinlan(Forewordby).ProfessionalMicrosoftSQLServer2016ReportingServicesandMobileReports.February2017[23]BrianKnight,DevinKnight,JessicaM.Moss,MikeDavis,ChrisRock.ProfessionalMicrosoftSQLServer2014IntegrationServices.April2014

致谢这几年的求学生涯，在老师和朋友的全力支持下，我走得辛苦却也收获颇丰。在值此论文即将付梓之际，我思绪万千，心情久久不能平静。我历时将近两个月时间终于把这篇论文写完了，在这段充满奋斗的历程中，带给我的学生生涯无限的激情和收获。在论文的写作过程中遇到了无数的困难和障碍，都在同学和老师的帮助下度过了。在校图书馆查找资料的时候，图书馆的老师给我提供了很多方面的支持与帮助，尤其要强烈感谢我的论文指导老师，没有她对我进行了不厌其烦的指导和帮助，无私的为我进行论文的修改和改进，就没有我这篇论文的最终完成。在老师的悉心指导下，我的论文才能如此顺利的完成。并且得到了其他老师的肯定。在本篇论文的完成过程中，李波老师对我提出了很多建设性的指导意见，细心地和我讲解论文中出现的问题，给予专业上的指导，信心上的鼓励。我能顺利完成本篇论文和老师的认真指导和辛苦的批改是分不开的，在此我由衷论文写作的向李波老师表示感谢。同时我也要感谢学校和学校的领导给我们创造的良好的学习环境，让我们能够在良好的氛围中完成论文，感谢同学和家人在这期间的大力支持。在此，我向指导和帮助过我的老师们表示最衷心的感谢！同时，我也要感谢本论文所引用的各位学者的专著，如果没有这些学者的研究成果的启发和帮助，我将无法完成本篇论文的最终写作。至此，我也要感谢我的朋友和同学，他们在我写论文的过程中给予我了很多有用的素材，也在论文的排版和撰写过程中提供热情的帮助！金无足赤，人无完人。由于我的学术水平有限，所写论文难免有不足之处，恳请各位老师和同学批评和指正！

附录$(function(){courseCharts(); CoursePie(); courseAcctouts(); courseQues();});window.colorList=['#FE8463','#B5C334','#FCCE10','#E87C25','#27727B','#C1232B','#9BCA63','#FAD860','#F3A43B','#60C0DD','#D7504B','#C6E579','#F4E001','#F0805A','#26C0C0'];functioncourseCharts(){//基于准备好的dom，初始化echarts图表varmyChart=echarts.init(document.getElementById('courCharts'));option={title:{x:'center',text:'各机构课程数汇总图-1',subtext:'共计课程：'+getDataSum("course","count")},tooltip:{trigger:'item'},calculable:false,grid:{borderWidth:0,y:80,y2:60},xAxis:[{type:'category',show:false,data:getData("course","pname","text")}],yAxis:[{type:'value',show:false}],series:[{name:'',type:'bar',itemStyle:{normal:{color:function(params){//buildacolormapasyourneed.varcolorList=window.colorList;returncolorList[params.dataIndex]},label:{show:true,position:'top',formatter:'{b}\n{c}'}}},data:getData("course","count","number"),markPoint:{data:[{type:'max',name:'最大值'},{type:'min',name:'最小值'}]},markLine:{data:[{type:'average',name:'平均值'}]}}]};//为echarts对象加载数据myChart.setOption(option);}//课程数汇总的饼图functionCoursePie(){ //基于准备好的dom，初始化echarts图表varmyChart=echarts.init(document.getElementById('courChartsPie')); option={title:{text:'各机构课程数汇总图-2',subtext:'共计课程：'+getDataSum("course","count"),x:'center'},tooltip:{trigger:'item',formatter:"{a}<br/>{b}:{c}%"},calculable:true,series:[{name:'百分比', itemStyle:{normal:{color:function(params){//buildacolormapasyourneed.varcolorList=window.colorList;returncolorList[params.dataIndex]},label:{show:true,position:'top',formatter:'{b}\n{c}%'}}},type:'pie',radius:'55%',center:['50%','60%'],data:getDataValue("course")}]}; myChart.setOption(option);}functioncourseAcctouts(){ //基于准备好的dom，初始化echarts图表varmyChart=echarts.init(document.getElementById('accoutsCharts')); option={title:{text:'各机构注册的用户量',subtext:'合计注册用户：'+getDataSum("accouts","count"), x:'center'},tooltip:{trigger:'axis'},calculable:false,xAxis:[{type:'category',data:getData("accouts","pname","text")}],yAxis:[{type:'value'}],series:[{name:'注册量',type:'bar',data:getData("accouts","count","number"), itemStyle:{normal:{color:function(params){//buildacolormapasyourneed.varcolorList=window.colorList;returncolorList[params.dataIndex]},label:{show:true,position:'top',formatter:'{b}\n{c}'}}},markPoint:{data:[{type:'max',name:'最大值'},{type:'min',name:'最小值'}]},markLine:{data:[{type:'average',name:'平均值'}]}}]}; myChart.setOption(option);}functioncourseQues(){ //基于准备好的dom，初始化echarts图表varmyChart=echarts.init(document.getElementById('quesCharts')); option={title:{text:'各机构的试题数量',subtext:'合计试题数量：'+getDataSum("question","count"), x:'center'},tooltip:{trigger:'axis'},calculable:false,xAxis:[{type:'category',data:getData("question","pname","text")}],yAxis:[{type:'value'}],series:[