精品课程网站动态生成平台的设计与实现

傅 霖，孟 燕，邓良太，张 晶

（深圳大学，广东 深圳 518060）

精品课程网站动态生成平台的设计与实现

傅 霖，孟 燕，邓良太，张 晶

（深圳大学，广东 深圳 518060）

本文从精品课程建设的需求出发，开发了一个精品课程网站动态生成平台系统.本文介绍了系统的特点、功能模块，以及ADO.NET、DIV+CSS、Ajax和jQuery等多种实现技术.系统功能完善、实用易用、界面友好，可以提高精品课程网站建设的质量和效率.

精品课程；网站动态生成平台；设计；实现

1 前言

2003年，国家教育部实施了“精品课程”建设项目，要求利用现代化的计算机网络和多媒体技术将课程上网并免费开放，以实现优质教学资源共享，提高学校教学质量和人才培养质量.在精品课程建设中，利用计算机网络技术制作课程网站是一个必不可少的环节.目前，网站开发工具虽然很多，但要利用这些工具设计出高品质的网页、开发出功能强大的网站，对网站制作技术的要求非常高，一般的学科教师难以掌握.因此，目前精品课程网站的建设一般是由教师提供素材和资料，委托一些I T专业人员进行开发，但这样存在的问题是，往往开发周期长，费用开销大，与精品课程要求不完全一致，课程网站的修改和维护难以保障等.本文结合精品课程的要求，开发出了适用的精品课程网站动态生成平台，以解决教师在实际申报中在网站制作上存在的问题，使教师将精力投入到网上教学内容的更新、教学的应用和实施上，而不用考虑网站本身的制作过程，以此提高精品课程建设的质量与效率.

2 精品课程网站动态生成平台的特点

本平台具有以下特点：

2.1 子网站实时生成，并可以即时访问

精品课程网站动态生成平台的设计模式采用“母生子”的方式，即由精品课程管理系统（以下称为母网站）动态生成一个个精品课程网站（以下称为子网站），如图1所示.

图1 精品课程网站动态生成平台的设计模式

母网站和子网站是相对独立的两个系统，他们都拥有各自独立的数据库文件、配置文件和代码文件，并不存在依附关系.每一个子网站之间也是独立的，都可以下载后配置到另外的服务器上独立运行.

教师在登录母网站后，可以在母网站中创建课程网站（子网站），当设置好网站的名称、IIS路径、后台登陆密码等信息后，母网站会即时“生成”一个子网站，即：将该子网站的源文件解压到相应的文件夹中，附加数据库，配置IIS路径，并提供该子网站的登录地址，教师可以立即登陆该子网站去设置课程的信息，按照需要建设课程网站.整个生成过程是即时完成的，生成之后的网站可以立即访问，不需要等待管理员配置网站信息.

2.2 子网站可打包下载，并能独立运行

母网站和生成的子网站之间是相对独立的，拥有各自的数据库文件，代码文件和配置文件，所以子网站生成之后，就与母网站脱离了绑定关系，子网站和母网站可以在同一台服务器上运行，也可以将其打包下载后，配置到另外的服务器上独立运行.

2.3 首页版面和模块自主设置

精品课程网站动态生成平台在对首页版面和模块的处理方面，可以自主选择版面的布局（如1：1、1：2、1：2：1分栏等）和系统的内置模块（如登录、最新动态、友情链接等），并且在此基础上加以改进，使教师可以根据自己的需要，自主设置首页模块，并设定其名称、宽度、高度和上传模块内容等.

2.4 网站主题风格自主更换，或者根据需要定制所需的主题

为方便教师对网站的整体风格进行选择，以体现网站的个性化，本平台内置了多种主题风格，教师可以根据课程的特点选择主题风格.除此之外，如果平台内置风格不能满足要求，教师可以在系统管理员那里另外定制自己所需要的主题风格.

2.5 较强的用户体验，操作所见即所得

本平台在设计过程中，充分考虑到教师的需要，使用Ajax、jQuery等技术处理用户响应，以增强用户体验，具体表现为：教师在选择了一种主题风格后，整个网站即时变成了所选择的风格，如果不保存，在退出后又会还原为原来的风格；教师在浏览网站时可以根据需要，选择网站显示的模式：标准模式或宽版模式，这种选择是即时响应的；教师在上传了网站的Banner后，可以拖动滑动条以调整Banner的高度，这种调整也是即时响应的，除此之外，菜单栏的间距、网站显示的宽度等等也是这种即时响应模式，增强了教师的体验.

3 平台功能模块

平台分为两个子系统：管理子系统和动态生成子系统。见图2精品课程网站动态生成平台功能模块图.

管理子系统主要是给教师提供课程创建、汇聚课程、发布和交流信息等功能，主要包括“登录”、“注册”、“新闻”、“课程创建”“课程管理”、“留言板”、“资料管理”等功能模块.

课程创建者通过后台登录，根据需要设置课程网站的界面布局、风格、各级菜单、上传多媒体内容，就可以动态生成一个精品课程网站.生成子系统主要包括“个人信息管理”、“系统设定”、“菜单管理”、“面板管理”、“留言板”等功能模块.

图2 精品课程网站动态生成平台功能模块图

4 平台的开发技术

系统采用B/S三层体系结构，运用微软的.Net框架作为开发平台，开发环境为Visual Studio 2008，开发语言采用C#.系统的运行环境为Windows2003Server，Web服务器采用MSIIS 6.0，数据库采用SQLsever 2005.系统综合应用了ADO.NET、DI V+CSS、自动生成数据库访问类、Ajax和jQuery等多种技术.

4.1 ADO.NET

ADO.NET是在.NET编程环境中优先使用的数据访问接口，是一组用于和数据源进行交互的面向对象类库.ADO. NET允许和不同类型的数据源以及数据库进行交互.本平台对数据库的访问就是通过ADO.NET实现的.

4.2 DIV+CSS实施页面布局

本平台中的页面布局均采用DIV+CSS实现，实现页面布局和各种定位，使用DIV+CSS的优势主要表现在形式和内容相对分离，结构清晰，缩减了页面代码，能灵活地控制页面的布局，提高了系统的扩展性、易用性，还使得网站改版相对简单，从而降低了网站改版的成本.图4是系统中教师专区导航栏的布局：

图4 教师专区导航栏的布局代码

其在界面中的显示如图5所示：

图5 教师专区导航栏的界面

4.3 Ajax技术的应用

本系统在开发过程中使用了Ajax技术.Ajax是Asynchronous Java Script+Xml的简写，该技术可以为用户提供更为自然的浏览体验.Ajax提供与服务器异步通信的能力，从而使用户从请求/响应的循环中解脱出来.借助于Ajax，可以在用户单击按钮时，使用Java Script和DHT ml立即更新U I，并向服务器发出异步请求，以执行更新或查询数据库.当请求返回时，就可以使用Java Script和CSS来相应地更新UI，而不是刷新整个页面，用户甚至不知道浏览器正在与服务器通信：Web站点看起来是即时响应的.

4.4 jQuery技术的应用

本系统在开发过程中使用了jQuery技术.jQuery是一个优秀的Java Script框架.jQuery使用户能更方便地处理HTmldocuments、events,实现动画效果.jQuery的应用，大大简化了开发人员的工作，使得开发人员可以更加专注于用户界面的开发，构建灵活、响应性好和高度动态的基于浏览器的用户界面，达到更好的用户体验.

5 界面的实现

精品课程动态生成子系统是一个高度自主化的平台，课程管理者通过后台登录，根据需要设置课程网站的界面布局、风格、各级菜单、上传多媒体内容，就可以动态生成一个精品课程网站.

5.1 网站主题风格的设定

网站主题风格是指网站整体的色调，目前系统内置了6种风格，即：绿色盎然、蓝色大海、蓝色天空、浅蓝、金色秋天、浅蓝水下，供教师进行选择，另外教师也可以自己设计个性化的主题，满足教师们多样化的需求.

5.2 网站基本信息的设定

本系统提供了关于网站基本信息的设定，教师可以根据课程的需要，设定不同的信息，以体现网站的个性化.网站基本信息包括网站名称、版权信息、管理员邮箱、会话时间、版面宽度、版面位置、banner图片和动画、菜单栏宽度、后台菜单栏的宽度，间距、网站工具条的显示，效果、页脚高度，图片等.

5.3 面板管理

面板是指网站首页中版面的设定，包括版面的布局、各模块的添加、删除等.目前系统默认配置了用户登录、新闻动态、最新留言和友情链接模块，教师可以根据需要添加或删除.版面的布局可以进行自定义，给教师提供自由发挥的空间.

6 菜单管理的实现

6.1 系统菜单的管理

系统内置了首页、网站系统、留言板、最新动态和站点地图五个系统菜单，教师可以根据课程需要设置启用或者禁用，如图6所示：

图6 系统菜单页面

6.2 自定义菜单的管理

系统提供了三级菜单的自定义和管理功能，包括添加、修改、删除、分离和调整顺序，每个一级菜单下可以设置多个二级菜单，每个二级菜单下也可以设置多个三级菜单，如图7所示。

图7 自定义菜单页面

〔1〕李克东.发挥教育技术优势 促进精品课程建设[C].广东省高校优质资源建设与应用文集.2009：1-2.

〔2〕李志先.基于J2EE体系结构的精品课程开发平台的研究与设计[D].西安建筑科技大学，2005：24.

〔3〕李京秀.基于信息技术的精品课程网络平台构建研究[D].西安建筑科技大学，2006.

〔4〕朱丽莉，刘跟萍.精品课程网络通用平台的设计与开发[J].中国科教创新导刊，2008（10）.

G43

A

1673-260X（2010）08-0045-03