基干jQuery三层架构网络化教学平台策划与实现.docVIP

基于jQuery三层架构的网络化教学平台设计与实现 　　摘 要：网络化教学平台建设是在线教学的重要手段，极大地方便了学生的日常学习，扩展了学生学习资源的来源途径，是实现电子化教学不可或缺的重要环节。文章介绍和分析了基于jQuery、Ajax和三层结构的课程网络化教学平台的开发和设计过程，实现了一个多用途的在线课程教学平台 关键词：应用型示范课程；三层架构；jQuery技术 中图分类号：G434 文献标志码：B 文章编号：1673-8454（2015）14-0074-04 日常教学是学生获得知识来源的重要途径，传统的言传身教式教育方式具有较大的时空局限性。随着Web技术和通信技术的发展，一些现代化的在线教学模式渐渐进入学生的生活，极大推动了现代教学模式的发展，如E-learning1.0向E-learning2.0进化，促使单向传递与协同共享教学方式的融合[1]。B-learning教学模式将传统教学优势与E-Learning网络化学习优势结合起来，既发挥教师的主导作用，又充分体现学生作为认知主体的主动性[2]。M-learning不受时空限制，帮助学习者可以随时、随地进行自由学习，使个体的个性化学习成为可能。MOOC在全球教育界引起了前所未有的影响[3，4]，但任何一种在线教学模式的实现都离不开教学资源的建设、整合与共享，而网络化教学平台依靠庞大的专业知识和数据库，能有效实现教学资源的高度共享、师生互动、作业管理等多种教学服务，可极大方便学生的日常学习生活。本文以应用型示范课程网络化教学平台建设为例，实现了一个集教学资源共享、学生作品发布、师生有效互动的综合性教学服务平台，该平台已在安徽大学计算机科学与技术学院加以应用，教学效果显著，具有较高的实用价值，为专业应用型人才培养提供了有效的技术支撑 一、相关理论与技术 1.平台的架构模式选择 传统的网络化平台架构分为两大类：C/S架构和B/S架构。C/S即客户机/服务器，B/S即浏览器/服务器。三层架构是在传统的模式下添加一个“中间层”，即由表现层（UI）、业务逻辑层（BLL）、数据访问层（DAL）组成[5] （1）表现层（UI） 离用户最近，位于最外层（最上层）。主要是ASPX页面，用于显示数据和接收用户输入的数据，为用户提供方便快捷的交互界面 （2）业务逻辑层（BLL） 针对具体问题的操作，对数据层的操作，对数据业务逻辑处理是系统架构中体现核心价值的部分 （3）数据访问层（DAL） 该层主要是用来与数据库打交道，简单来说就是对数据库进行添加、删除、更新、查询等操作 2. jQuery jQuery是继prototype之后又一个优秀的JavaScript框架。它是轻量级的js库，兼容CSS3和各种浏览器。利用jQuery可以实现很多复杂的网页特效[6] 3.富文本输入输出（KindEditor） 富文本输入与输出是基于KindEditor定制优化（再开发）的，支持图片、视频、代码、模板、Word、表情等的输入输出，同时支持超大附件的上传和下载（大于2G） 4.DotNetZip DotNetZip是一个开源类库，支持.net的任何语言，可方便的创建、读取和更新zip文件。而且还可以使用在.NET Compact Framework中。本平台主要用来实现多文件（有选择性的）下载 5.XHTML5 XHTML5表现方式与超文本标记语言HTML类似，但语法上更加严格。从继承关系上讲，HTML是一种基于标准通用置标语言的应用，而XHTML5则基于可扩展标记语言 6.CSS3 CSS3是CSS（Cascading StyleSheet）技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块较为庞大且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等 7.SQL Server SQL（Structured Query Language）语言是关系数据库的标准语言，是一种介于关系代数和关系演算之间的结构化查询语言。本平台采用Microsoft SQL Server 2008，它提供较多的高效开发工具和较成熟的开发技术 8.ASP.NET ASP.NET是Microsoft 公司推出的一个统一的Web开发模型，它使用尽可能少的代码生成企业级Web应用程序所必需的各种服务[7]。本平台主要使用了Master Page（母版页）和ashx（一般处理程序HttpHandler），前者通过XMLHttpRequest对象传递全局参数，后者主要用来编写W