web三层架构(基于jQuery三层架构的网络化教学平台设计与实现)

日常教学是学生获取知识来源的重要途径，传统的言行教学方法在时间和空间上都有很大的局限性。随着网络技术和通信技术的发展，一些现代在线教学模式逐渐走进进入学生的生活，极大地推动了现代教学模式的发展，如从E-learning1.0到E-learning2.0的演进，促进了单向传输和协作共享教学方法的整合[1]。B-learning教学模式结合了传统教学的优势和网络学习的优势，既发挥了教师的主导作用，又充分体现了学生作为认知主体的主动性。移动学习不受时间和空间的限制，有助于学习者在任何时间和任何地点自由学习，使个性化学习成为可能。MOOC在全球教育界引起了前所未有的影响[3，4]，但任何在线教学模式的实现都离不开教学资源的建设、整合和共享，而网络教学平台依赖于庞大的专业知识和数据库，能够有效实现教学资源高度共享、师生互动、作业管理等多种教学服务。这可以极大地方便学生的日常学习和生活。本文以应用型示范课程网络教学平台建设为例，实现了教学资源共享、学生作品发布、师生有效互动的综合教学服务平台。该平台已在安徽大学计算机科学与技术学院得到应用，教学效果显著，实用价值高，为专业应用型人才的培养提供了有效的技术支持。1.相关理论和技术。平台架构模式的选择传统的网络平台架构分为两类：C/S架构和B/S架构。客户机/服务器，浏览器/服务器。三层体系结构在传统模式中增加了一个“中间层”，由表示层(用户界面)、业务逻辑层(BLL)和数据访问层(数据访问层)组成[5]。(1)表示层离用户最近，位于最外层(顶层)。它主要是一个ASPX页面，用于显示数据和接收用户输入的数据，为用户提供一个方便快捷的交互界面。(2)业务逻辑层(BLL)是指具体问题在对，的操作，数据层在对，的操作，数据业务在对，的逻辑处理，这些都是系统架构的核心价值。(3)数据访问层(DAL)该层主要用于处理数据库，简单地对对数据库进行添加、删除、更新和查询。2.jQueryjQuery是继原型之后的另一个优秀的JavaScript框架。这是一个轻量级的js库，与CSS3和各种浏览器兼容。使用jQuery [6]可以实现许多复杂的网页效果。3.KindEditor富文本输入和输出基于KindEditor进行定制和优化(重新开发)，它支持图片、视频、代码、模板、单词、表达式等的输入和输出。并支持上传和下载超大附件(超过2G)。4.DotNetZipDotNetZip是一个开源类库，支持的任何语言。并且可以轻松地创建、读取和更新zip文件。它也可以用在。NET紧凑框架。该平台主要用于(选择性地)下载多个文件。5.XHTML5XHTML5类似于超文本标记语言，但是它的语法更严格。就继承关系而言，超文本标记语言是基于标准通用标记语言的应用程序，而XHTML5是基于可扩展标记语言的应用程序。6.CSS3是CSS(级联样式表)技术的升级版本，CSS3语言的发展正朝着模块化方向发展。作为一个模块，以前的规范是巨大而复杂的，所以它被分解成一些小模块，并添加更多的新模块。这些模块包括方框模型、列表模块、超链接模式、语言模块、背景和框架、文本特效、多栏布局等。7.结构化查询语言是关系数据库的标准语言，是介于关系代数和关系演算之间的结构化查询语言。该平台采用MicrosoftSQL Server 2008，提供了更高效的开发工具和更成熟的开发技术。

8.ASP.NETASP.NET是由Microsoft公司引入的统一的网络开发模型，它使用尽可能少的代码来生成企业级网络应用程序所需的各种服务[7]。该平台主要使用母版页和ashx。前者通过XMlhttprequest对映像传输全局参数，而后者主要用于编写Web公共服务，并通过一个要实现的方法ProcessRequest(HttpContent)处理http请求。二、平台设计1。平台概述平台主要用于学生对注册，作品的登录、反馈、发布、发表、评论和浏览教学资源；管理员登录、教学资源、课程工作、课程管理(教学设计、教学团队、教学科研成果)、学生提交作业的批量下载、管理员登录后平台的管理和维护，包括用户账户管理、论坛管理(包括添加、更新和删除帖子)、学生工作管理、数据库管理(涉及学生变更、需要清除或变更数据库)等。同时，平台建立了强大的搜索机制，支持任意字段检索；基于带有cookie记录的JavaScript的全局统一主题；基于模块化和类实现(高内聚、低耦合)，主要公共类包括数据库连接、资源上传和服务器资源管理。

2.数据库设计任何管理平台都离不开数据库，一个健壮的数据库是平台成功的前提。通过对对，现有的面向应用的演示课程平台的分析和研究，基于交互性、通用性和简单性的原则，设计了以下数据项和数据结构。用户账户表：包括学生姓名、学号、密码、性别、帖子数量、机密问题、机密问题答案(主要用于检索账户)、上次登录日期、电子邮件，以及包括管理员账户在内的自添加字段(关键字)；帖子表：包括帖子号(主键，自加)、版块号、版块名、标题、作者、帖子内容、浏览号、回复号、发布时间，通过帖子号与回复表建立关系；回复形式：包括号码(主键，自加)、帖子号、回复者、回复内容和回复时间；车牌表：包括号码(主键，自加)和车牌名称；通过编号关联主表；版本主表：包括编号(主键，自加)、车牌号码和版本主标识；教学科研成果表：包括编号(主键，自增)、标题和内容；教学设计表：包括数字(主键、自增)和内容；课程介绍表：包括编号(主键，自行添加)和内容；教学团队表：包括人数(主键，自行添加)，内容和头像；反馈表：包括编号(主键，自行添加)、反馈人姓名、反馈内容和反馈人的电子邮件；教学资源表：包括编号(主键，自行添加)、标题、简介、文档信息和日期；教学视频表：包括编号(主键，自增)、标题、介绍、视频信息和视频封面；学生作业(课程作业)表：包括编号(主键、自增)、版名、标题、作者、日期、内容、浏览次数和回复次数，并通过编号与回复表建立联系；回复表格：包括编号(自行添加，主键)、学生作业(课程作业)编号、回答者id、回复内容和回复日期。3.功能模块设计根据平台的功能模块，平台分为三个部分：用户管理模块、数据处理模块和后台管理模块。如如图1所示，该平台主要包括以下基本功能。用户管理模块：用户登录注册，检索账号)，发帖，发表作品，浏览课程介绍，浏览教学设计，浏览教学团队，浏览教学科研成果，浏览帖子，浏览作品，浏览教学资源，浏览教学视频，反馈意见和建议等。后台管理模块：管理用户账户、管理帖子、管理学生作品、发布课程作业、发布课程资源、发布课程视频、发布课程相关信息(课程介绍、教学设计、教学研究成果、教学团队)等。数据处理模块：处理上传(下载)数据、用户账号数据、帖子数据、学生工作数据、教学资源数据、教学视频数据和数据库连接处理。第三，平台实现1。数据库链接导入命名空间：使用system . data；使用系统。数据。使用系统。配置；基于类库的实现方法：私有静态字符串strconn=/const是全局数据库连接字段configuration manager . connection strings[' const ']。webconfig文件中定义的connectionstring私有静态SqlConnection连接器；Comm=新的SqlCommand(“连接字段”，conn)；2.根据JavaScript实现的全局主题设置全局主题样式：函数setactivestyleshoe (title) {var I，a，main；对于(I=0；(a=document . GetElementsBytagName(' link '[I])；i ) {if(a.getAttribute('rel ')。索引Of('style ')！=-1a . GetAttribute(' title '){ a . disabled=true；如果(a . GetAttribute(' title '==title)a . disabled=false；}}}获取全局主题样式：函数getactivestyleshoe () {var i，a；对于(I=0；(a=document . GetElementsBytagName(' link '[I])；i ) {if(a.getAttribute('rel ')。索引Of('style ')！=-1 a.getAttribute('title ')！a.disabled)返回a.getAttribute(“标题”)；}返回null{}