基于ASP.NET的国家示范性高职院校建设专题网的设计与实现

摘要： 结合国家示范性高职院校建设工作，提出基于B/S模式的设计思想，利用当前流行的动态网页技术，开发了专题网系统；为上级部门、专家、公众提供监控和服务平台，为学院各级管理者提供示范校建设实施进度监控的平台。分析了系统的主要功能、设计原理与实现方法。

Abstract： Combined with demonstration vocational colleges construction work， this paper proposed a design based on B/S model. Thematic networks system was developed by using technology； To higher authorities， experts， the public monitoring and service platform， it provides a model for the College of the school building at all levels. In addition to it provides managers the progress of the implementation platform. Introduced main function of the system， design principle and implementation method.

关键词： B/S模式；专题网；技术；系统设计

Key words： B/S model；thematic networks；；system design

中图分类号：TP311.1 文献标识码：A 文章编号：1006-4311（2013）13-0190-02

————————————

作者简介：李姝宁（1978-），女，内蒙古呼和浩特人，内蒙古建筑职业技术学院讲师。

0 引言

内蒙古建筑职业技术学院在2007年被批准成为国家示范性高等职业院校立项建设单位，学院在做好各项工作的同时成立课题组建立“国家示范性高等职业院校建设专题网”，专题网整合学院各类建设信息与资源，展示学院建设示范性高职院校的状态数据、成果；多层面、全方位监测学院建设示范性高职院校现状与发展趋势；为上级部门、专家、公众提供监控和服务平台，为学院各级管理者提供示范校建设实施进度监控的平台。

本系统采用浏览器/服务器（B/S）模式设计网站系统。采用面向对象的方法，利用的强大类库和语言优势，编程实现业务逻辑和操作流程，开发出满足需求的功能模块，并在应用测试中不断完善。

1 系统设计

1.1 体系结构设计 国家示范性高等职业院校建设专题网是基于B/S结构的应用，只需在服务器端部署，客户端用户直接使用浏览器通过Internet就可以访问该系统，而不需要进行任何安装。服务器端部署主要分两部分：一是在Web服务器上部署应用程序，主要包括以下组件：WebUI、Business Logic Layer、HTTP Context、Data Entity和Data Access Layer；另外在数据库服务器部署系统数据持久层（即数据库），在本系统中，考虑到大部分用户为学校的教职员工，访问量并不大，复杂性也不高，所以将所有ASPX文件和数据库及存储过程存放在一个服务器上。

1.2 系统结构 本系统从整体上可分为两大模块：系统前台数据展示、查询和后台数据管理。具体网站系统整体结构图如图1所示。

2 系统实现的关键技术

2.1 增加自动生成HTML静态页面功能。动态页面需由WEB服务器的解析，而且还需连接数据库，进行数据库存取操作，然后才能形成HTML语言信息包；随着网站访问量的增加，系统资源消耗增大，导致数据读取速率下降，无法满足正常的需求。目前很多系统是将数据源代码写入数据库，再读取数据库生成静态面，这样数据库存储容量增大。而静态页面，无须解析、连接数据库，可直接发送，可大大减轻服务器压力，提高页面打开速度。但其缺点是，不能动态地对请求进行处理。为了解决这个问题，结合这两种页面的优点，本系统将现有的动态页直接生成静态页，与数据库无关，极大降低所消耗的系统资源，增加网站安全性。

2.2 增加AJAX定时刷新技术。本系统使用了大量的应用程序缓存及页面缓存，因此当管理员在后台频繁添加或修改任务时缓存无法正常加载，导致更新页面的数据无法实时显示，为了教职工用户在不更新页面就可得到同步的任务信息，本系统后台效能管理模块使用了AJAX技术。

Ajax能够在不刷新整个页面的情况下替换现有页面上的一部分，或在现有页面上增加新的内容，这可以大大降低通信所需要的数据，也没有页面整体改变的闪烁感。Ajax的调用是异步的，或者说是非阻塞的，而任何其他的浏览器事件，例如滚动、用户单击等操作都不会受到影响。用户很少会有等待的感觉。因此，Ajax带来了更好的用户体验。的Ajax框架分为服务器端和客户端，本系统采用客户端Ajax框架。其核心技术为：JavaScript、CSS、XMLHttpRequest、DOM。其中JavaScript定义了业务规则和程序流程。通过DOM和CSS改变界面的外观。应用程序XMLHttpRequest对象以后台方式从服务器获得的数据。是一种支持异步请求的技术，能够实现客户端和服务器端的异步数据交互。通过XML HttpRequest对象向服务器发送请求时，我们只须传递一个服务器页面的URL，这个页面将生成数据。代码如下：

Function sendReauest （url，params，HttpMethod）{

If （！HttpMethod）{ HttpMethod="post"； }

Var req=getXMLHTTPRequest（）；

If （reg）{ Req.open（HttpMethod，url，true）；

Req.setRequestHeader （"content-Type"，"application/x-www-form-urlencoded"）； Req.send（params）； }}

2.3 视频新闻管理模块 视频新闻主要是展示我院示范校建设的最新动态、以及建设阶段性成果等，通过可视化的视频更实时、有效、逼真的反映我院的示范校建设进展。视频新闻模块主要采用的视频格式是FLV格式，本系统增加后台自动视频格式转换工具，可以对包括。asf、avi、mpg、3gp、mov、wmv、rm、rmvb等格式进行自动转换。

FLV是随着Flash MX的推出发展起来的视频格式，首先他统一了各种在线播放视频文件格式，且对操作系统和播放器几乎不做要求。用户把自己的wmv或者rmvb文件统一转换上传为网站上的FLV格式速度极快，因此很多视频网站中采用这种格式。其次受网站的宽带、服务器负载制约，在线播放的视频文件既要有可以让人接受的图象质量，又要有所占存储空间小的特点，FLV正好能满足此类要求。我院的示范校建设网主要位于教育网中，南方的电信、网通用户无法正常浏览大视频文件，而采用FLV格式的视频新闻之后，就可以在保证清晰的基础之上缓解网络带宽带来的浏览延时问题。同时也有效的缓解用户访问量大的时候对服务器的压力。

在示范校建设专题网站的后台目录中有两个特殊的文件夹分别是：PlayFiles和ImgFile。PlayFiles文件夹保存转换后的文件（用于网上播放即FLV视频）；ImgFile文件夹保存截取视频文件的图片。本系统主要利用mencoder和ffmpeg视频转换工具，我们把它称做mencoder+ffmpeg视频转换。视频上传的原理是：视频先上传到服务器，然后跟着就是开始转换。

3 结论

系统利用技术，充分发挥了B/S技术的优势。经过测试系统运行状态良好，并且界面友好、操作方便。专题网的实现不仅给学院提供了一个展示示范性高等职业院校建设情况的平台，实现对国家对示范性高等职业院校建设情况的监督，向学院提供了示范校建设情况的效能监督平台，同时也给学院师生提供了一个交流的平台。

参考文献：

[1]庾邦.基于 2.0的三层架构应用程序的设计与实现[J].大众科技，2008，（9）：109.

[2]许钦泰.基于B/S模式的教学评估系统的设计与实现[J].电脑与信息技术，2008，（5）：55.

[3]刘志贺，姬婧，王亚平.ASP技术在企业网站中的作用[J]. 电脑知识与技术（学术交流），2007（08）.