ASP.net本科教学评估宣传网的设计和实现(4)
评建新闻表（pjxw） 存储周口师院评建新闻的名称和内容
评建文件表（pjwj） 存储周口师院评建文件的名称和其存储的地址
教学风采表（jxfc） 存储周口师院教学风采的标题和id
风采内容表（fcnr） 存储周口师院教学风采图片的存储地址
4. 详细设计与实现
本系统采用B/S架构完成周口师院本科教学评估宣传网的设计与实现，使用SQL Sever 2005完成数据表设计，使用Visual Studio 2005完成前台页面和后台功能的实现，主要完成评建动态、组织机构、评建文件、质量监控、他山之石、教学风采、下载专区等功能模块，下面主要介绍这几个模块的设计和实现。
4.1 母版页
使用ASP.NET母版页可以为应用程序中的网页创建一致的布局。单个母版页可以为应用程序中的所有页（或一组页）定义所需的外观和标准行为。然后可以创建包含要显示的内容的各个内容页。当用户请求内容页时，这些内容页将与母版页合并，从而产生将母版页的布局与内容页中的内容组合在一起的输出。
本系统的母版页将网站的所有页面的宽度定义为899px，使所有的网页有统一的头部图片和地址导航，从而保证了网站页面的整体风格的统一。母版页头部如图3所示。
图3 母版页头部
4.2 首页
首页是整个网站的门户，对整个网站有很重要的意义，首页在继承模板页的基础之上，添加一张周口师院图片，然后使用Grideview控件显示评建新闻和质量新闻，在主页底部添加一张图片显示周口师院联系电话、邮箱、版权等信息。首页如图4所示。
图4 首页
4.3评建动态模块
评建动态模块在使用母版页的基础之上，在CSS样式表中使用background -repeat将页面背景图片铺满整个页面。使用SqlHelper数据库通用访问类将数据库评建新闻表的内容获取出来，然后使用Grideview控件将表中的信息显示出来。再使用CSS样式控制Grideview的显示样式。评建新闻列表如图5所示。
图5 评建新闻列表
质量监控模块、组织机构模块、他山之石模块的实现方式和评建动态模块相似，在此不做详细介绍。
4.4 评建新闻内容模块
点击网站中任何一个网页中的新闻标题可以跳转到新闻内容模块，不同类别的新闻跳转到不同的新闻内容网页，点击评建动态中的新闻时，可以跳转到评建新闻内容模块，从而查看新闻的详细信息。系统首先在Page_Load事件中获取上个页面中传递过来的新闻id，然后通过SqlHelper数据库通用访问类根据新闻id找到新闻的标题和新闻内容，并在网页中显示出来。
评建新闻内容模块的前台设计：首先评建新闻网页继承母版页，然后把从数据库中获取的新闻标题绑定到一个label上，把从数据库中获取的新闻内容绑定到一个repeater控件上。然后通过CSS样式表来控制控件的显示样式。
4.5 评建文件模块
评建文件网页首先通过SqlHelper数据库通用访问类将数据库中的PJWJ（评建文件）表中的信息提取出来，然后将提取出来的数据绑定到Grideview上，Grideview设置成两列，一列是评建文件的名称，另一列通过HyperLink控件实现文件的下载。下载的时候通过获取到的文档地址进行下载。
4.6 教学风采模块
教学风采模块首先通过SqlHelper数据库通用访问类将数据库中的jxfc（教学风采）表中的信息提取出来，然后将提取出来的教学风采的标题绑定到grideview上，点击教学风采的标题之后，将教学风采的标题id传递到风采内容页面，在风采内容网页中，通过id将风采内容图片地址从fcnr表中获取出来，通过img控件将图片的内容显示出来，通过两个button上一张、下一张来实现图片之间的切换。