论文总字数：23133字

目 录

1 引言 1

1.1 项目背景 1

1.2 项目目的和意义 1

1.3 主要工作 2

2 技术支持 2

2.1 系统开发环境介绍 2

2.2 ASP.NET简介^[1] 3

2.3 SQL Server数据库^[2] 3

2.4 微信公众平台简介^[3][4][6] 4

2.5 阿里云服务器介绍 4

2.6 前端网页技术—Bootstrap^[7] 5

3 系统分析 5

3.1 系统需求分析 5

3.2 系统的可行性分析 6

3.3 系统用例分析 7

4 系统设计 7

4.1 总体设计 7

4.2 功能模块设计 8

4.3 数据库设计^[2][8] 8

4.3.1 数据模型建立 8

4.3.2 数据库结构设计 9

5 系统实现 12

5.1 系统注册登录模块 13

5.1.1 用户注册 13

5.1.2 用户登录 14

5.2 后台管理模块 14

5.3 公告通知模块 15

5.4 贴吧交流模块 16

5.5 课程管理模块 17

5.6 微信公众号开发在线教育系统模块 21

5.6.1 微信开发项目编写 21

5.6.2 申请微信公众号 24

5.6.3 基于微信公众号开发的移动端在线教育系统开发 25

6 系统测试 29

6.1 测试背景^[9] 29

6.2 测试用例 29

6.3 测试结论与分析 32

7 结束语 32

参考文献 33

致谢 35

在线教育系统网站的开发与设计

杨豆豆

，China

Abstract: This paper mainly describes the design of a complete online education system. This system is designed from three angles of administrators, teachers and students including website backstage and front end. Meanwhile, under the background of the add-on WeChat development in the mobile Internet, I also designed a online education website running on mobile phone based on a WeChat account in order to make users browse this website by the WeChat software on users’ phones. This system can provide services such as online learning, online interaction between teachers and students, students online Post Bar discussion, school information and teacher notices. That is to say, it has a basic form of all the current online education systems. This system also provides some convenience for the schools, because the teaching information can be saved, and it can provide teaching services for students at any time and place. The PC education system uses ASP.NET dynamic web technology, with the front page design using a flat design model called flat UI. This flat-ui is based on Bootstrap framework. For the programming part, I take Visual Studio and SQL Server platform. As for the WeChat second development., I use Java language to program in a Java Web project. This paper introduces the two parts of total system development from the demand analysis, system design to the system realization.

Key words: Online education; ASP.NET; Second development of WeChat public account; Java Web

1 引言

1.1 项目背景

随着网络信息时代的加速，尤其移动互联网的技术的出现，互联网在社会经济各个领域中都发挥着不可或缺的作用，这也使得各种互联网开发技术应用而生，毫无例外，现在的教育已不仅仅局限于传统的校园内、课堂上，而是与网络应用紧密相关。

这种在线的网络教育，本质上是面向全国的资源共享、全新的一种零距离交流方式，是一种新兴的教育发展模式。利用互联网丰富的信息资源上课，且基本上能做到不限时间、不限空间，完全按自己意愿来的自由学习模式，弥补了不同地域、不同教育背景的学生的教学资源差距。且学生可以利用网络先进的技术上课，诸如论坛社区、在线聊天、视频聊天这样的实时交流技术，为所有网上学习者提供了平等交流的机会，形成一种交互式、头脑风暴式的学习氛围，大家针对某一问题发帖求助，运用网络中海量客户资源解决问题，能够高效地解决问题并拓宽知识的广度和深度。

目前市场上出现了各种火爆的在线教育网站，国内各大科技公司都退出自己的线上教育网站，如网易云课堂、腾讯课堂、学堂在线、51CTO学院、慕课网等。这些在线教育系统本质上都是B2B2C平台型，课程大部分来源于认知机构和专业个人，严格的审查和遴选，用户可实时点击选择教学资源，与对应老师本人互动教学，网络教育资源分门别类，用户可根据自己兴趣爱好从海量教学课程中选取自身喜爱的课程学习。

教育关乎民族的现在与未来，互联网教育模式在很长一段时间内将会继续不断发展，借鉴上面教育平台的技术与模式，现在针对某个学校、某个教育机构单独的在线教育系统是很有前景的一大开发热点。

1.2 项目目的和意义

在中国，手机的使用率越来越高，几乎人手一部手机，大学生的手机特别是智能手机也已是再寻常不过。自2012年微信公众平台问世以来，不断升级改版，推出越来越多功能接口，微信也愈加成为移动互联网入口的一个重要Native APP。本次毕业设计就是基于微信公众号开发的一个在线教育系统，在项目进行过程中，能够很好地体验微信公众平台轻应用的便捷性和紧跟潮流的先进性，也能为日后从事相关工作打下一定基础。

在线教育系统分为前后台，前台用户包括教师和学生，主要从课程、公告、交流三个大的方面出发，仔细分析学生教师对在线教育功能的需求，相应地设计许多小的功能点。包括选课报名、课表查询、师生互动交流、课程视频学习、课堂作业布置、信息公告查看、兴趣部落建立并交流等功能。后台管理员则要多所有前台信息、用户信息进行管理，一般包括增、删、改等数据库基本功能。系统采用ASP.NET平台结合SQL Server数据库开发，操作较为方便。该项目能为用户提供基本的在线教学服务，为教师学生带来便利，符合当前互联网 背景下各个行业与网络联系的时代要求，顺应潮流。而且该在线教育系统最后要与微信公众号对接，更满足了移动互联网开发要求，同时，由于桌面系统在手机端访问不能很好地适应手机屏幕，用户体验效果不好，在答辩前的剩余时间里，我又开发了移动端在线教育系统网站，并实现一定在线教育系统必备功能，完成基于微信公众号开发的移动端在线教育系统，极大地改善了用户体验效果。这个项目总的来讲，不仅为用户带来便利，从开发者角度，也锻炼了我编程的基本素养和系统设计的能力，为今后从事IT工作打下一定基础。

1.3 主要工作

基于ASP.NET开发平台设计一个在线教育系统网站，前端页面采用bootstrap框架，并利用扁平化设计样式完成。程序部分结合数据库基本操作，完成课堂评价、课程评价、选课报名、社区交流等具体功能点。实时地促进师生之间、学生之间的学习交流，并真正做到为老师和学生的日常工作或学习带来便利。

桌面在线教育系统设计完成后，就是基于微信公众号开发的在校教育系统，由于目前市面上的主流开发语言是Java和PHP，便于学习，我选择采用Eclipse EE平台完成这一工作。建立Java Web项目并在该项目中，完成微信开发基本功能的实现，包括微信开发项目对应公众号绑定、微信接入验证、微信接口获取并完成公众号自定义菜单设置及文本消息发送回复等功能。同时在手机移动端的在线教育系统中完成课表查询、学校简介、师资信息、教师通知、公告查询、选课报名等功能，在其中新增了动态生成课表的二维码，从而方便用户扫描二维码获取课表信息的功能点，学习并完成了ASP.NET在线教育系统网站未能实现的二维码技术。

2 技术支持

2.1 系统开发环境介绍

毕业设计中桌面在线教育系统的采用ASP.NET和SQL Server 2012结合开发，并基于浏览器/服务器模式的管理框架。目前网站开发技术已经十分完善，开发语言也有Java、PHP等多种多样，适用于不同语言的开发平台也各有千秋，之所以选择ASP.NET进行网站编程实现，是因为ASP.NET的页面结构由可视元素和页面逻辑两部分组成，可视元素包括HTML或Web服务器控件，可在页面显示用于用户访问，页面逻辑用户编写程序实现对可视元素的控制和交互，二者经常作为整体生成，方便了解结构和针对性地编写程序，实现逻辑功能；且本人对C#语言较其他语言更为熟悉，而且C#操作灵活，完全不需要遵循特定方式对方法和类型进行声明，且不包括单独的头文件。

桌面在线主育系统使用Microsoft Visual Studio 2012作为开发环境，Visual Studio 2012具有强大的功能控件系统，能很好地满足开发过程中红所见即所得的需求，用户可及时查看页面设计效果并进行修改，不需要点击运行在浏览器中查看，节省开发时间。

B/S即浏览器/服务器，增强了用户与计算机的交互性，可以实时实现刷新网页界面。用户在使用在线教育系统时不需要安装任何客户端，只需登陆系统界面就可以在计算机中使用所有的功能。

如下图2.1所示即为B/S架构的示意图。

图2.1 B/S结构图

2.2 ASP.NET简介^[1]

.NET是一个面向网络、支持游戏服务、支持多种终端上的Web开发，支持多种语言开发的编程开发环境。在.NET上的应用程序界面的设计有两种方式，一种是Windows窗体，还有一种是基于ASP.NET的Web窗体(包括Web服务)。Web服务应用程序借助HTTP接收XML格式的请求和数据。

ASP.NET提供控件系统，将控件进行对象化，用户能及时使用各个控件的方法、属性和各类功能事件并根据需要进行管理。ASP.NET是.NET体系中的一部分，提供了完整成熟的程序开发框架，完全适应.NET框架的公共语言运行库。ASP.NET极大地简化了网页浏览过程，项目中的网页在第一被访问时由该框架生成对应的.NET类文件，然后就对类文件进行编译，形成.dll动态链接库文件。每次访问网页的时候，其对应的.dll类库在IIS服务器上执行，结果输出动态的HTML内容，浏览者看到的就是这最后的HTML输出结果，而对具体的编译运行过程不知晓，也就是所谓的透明化。

ASP.NET项目开发过程中对数据库的操作应用的正式.NET大框架中的数据访问层工具ADO.NET，这是一个能与数据源交互的大型类库，采用面向对象编程方式，其中封装了一系列数据库操作的公共方法。项目实现过程中，可单独编写数据库操作类文件，提取ADO.NET中的各种且程序功能实现所需的数据库操作方法，开发者之后在其他页面的程序实现过程中需要数据库操作即可直接调用该类中的对应方法，简化程序编写工作，且易维护。

2.3 SQL Server数据库^[2]

SQL Server数据库管理系统中的数据表表示实体间的种种关系，每条关系都能建立对应的一张表。SQL Server不仅能综合处理数据，包括整个数据库建立、研发、设计和管理功能，能很好地与开发环境结合，通过.NET框架中提供的数据库访问技术ADO.NET中的各种操作方法对数据库进行访问连接及数据操作，这些数据库操作方法都是现成的，开发者只要明白各方法用途并熟练使用即可，无需了解方法内部实现代码。

剩余内容已隐藏，请支付后下载全文，论文总字数：23133字

相关图片展示：