大连农网网站群的建设与实现

王会品 张涛 蔡涛 大连市气象局，辽宁 大连 116001

大连农网网站群的建设与实现

王会品 张涛 蔡涛 大连市气象局，辽宁 大连 116001

详细阐述了大连农网网站群的版面设计与架构，包括网站框架的搭建、布局和颜色风格的策划，栏目内容的设计搭配以及网站的后台管理系统，体现该系统的优越性与人性化设计，并且突出介绍了在本地化实现过程中的一系列重点问题及其解决办法。

农网网站群；建设；实现

Agriculture website group; Construction; Realize

引言

图1 主要内容部分的结构图

在信息化时代的今天，互联网作为一种载体和工具，在现实生活中的实用价值和意义也越来越高。我们充分利用这一资源，建设了大连农网网站群，及时传播政策与新闻的最新动态，方便产品和信息的交流与发布，并进行一些技术上的指导与帮助，把气象与农业结合起来，使气象更好地为农业服务，让用户使用起来感到舒适、实用，从中受益。大连农网网站群包括大连、金州、旅顺、瓦房店、普兰店、庄河、长海共七个农网网站，其中以大连农网为主。

1 页面布局样式的设计

1.1 页面框架结构的搭建

网页的布局设计变得越来越重要，只有当网页布局和网页内容成功结合时，这种网页和站点才会受人喜欢。网页的整体造型分好多种，比如矩形，圆形，三角形，菱形等，政府部门的网页都是采用矩形，表示正式。大连农网也采用了矩形整体造型，并且根据所包含的内容，首页页面的设计主要分为上、中、下三部分，分别对应“农业气象”、“市场信息”、“科技指导”三方面内容。第一屏内容，是指我们到达一个网站在不拖动滚动条时能够看到的部分。为了凸显气象与农业结合的重要性，把“农业气象”部分放在了第一屏的位置。

主要内容的栏目设置层次如图所示。

1.2 页面色彩的搭配

本网站以清淡的蓝色为主色调，既突出了气象行业又呼应了大连的特色，可以说相得益彰。主要运用了黄、绿、蓝三种颜色的搭配，并把颜色与内容的相关性蕴含在其中，无论视觉与内涵都别具匠心。每种色彩在饱和度，透明度上略微变化就会产生不同的感觉，农业气象部分的色彩正是利用这一特点进行设计，采用了湖蓝色，透明、爽心的色调把气象关乎风云的含义彰显无余。黄色属于暖色系，它介于蓝、绿两个冷色系之间，让视觉在感官上有起伏感、立体感，另外黄色又代表了丰收，显示出市场的蓬勃，表现突出，引起人们的注意。绿色科技则蕴含无限生机，昭示着技术的不断进步与创新。

2 后台管理系统的设计

采用B/S结构，所有操作全部在Web上完成，打破了空间的限制。引入了频道概念，这是个逻辑上的概念，是为了方便网站的管理和浏览而引入的。一个站点能包含许多个频道，频道可能有子频道，从而构成站点的频道树。之所以要划分频道，是因为内容的属性有区别，同一个频道中的内容，其属性具有很大的相似性，为了便于浏览者快速找到需要的信息，因此，使用分类来管理内容。

该系统有五大特点;

(1) 快速构建与修改频道。对不同栏目定义表单，轻松满足不同的栏目建设需求；模板机制，实现了网站界面与数据分离，建站快捷，改版方便。

（2）内容编辑与审核功能强大、操作简单。与Word，IE高度集成的内容编辑器，可随意插入图片实现图文混排，也可以随意插入视频等多媒体信息。

(3) 强大的数据采集功能，有效提高数据维护效率。这是该系统的最大亮点，可以针对任意指定栏目设置设定采集规则，对多个外部站点的相关栏目进行抓取，能够把图片采集到本地，通过设置过滤规则来过滤页面中的广告与不良信息，针对性强，准确率高。数据采集后自动入库，管理员可对数据任意编辑，有针对性地选择记录进行审核，发布后形成静态页面，整个过程省时省力。

（4）稳定可靠的发布体系，有效实现资源共享。统一的底层数据库和数据结构，有效实现信息安全存储、有效分类，有效实现资源共享。

（5）功能齐全。可以远程管理站点文件，减小了操作的局限性；对用户管理实行分级权限控制，提高可靠性；流量统计功能，时刻跟踪记录网站浏览情况。

3 本地化实现过程与注意事项

平台搭建好之后，还要进行许多本地化工作。并且针对实际业务需要以及以后工作的便利，对网站某些部分进行对应的调整与修改。

3.1 数据库表的导入

值得我们注意的是：由于多个表在设计时，设置了主键，作为标志值，所以在导入单个数据表的过程中要注意导入项的选择，以避免主键的丢失。如图2（a）默认是第一项“从源数据库复制表和视图”，这时我们不要默认选择，一定要选择第三项“在SQLServer 数据库之间复制对象和数据”。这样就能把主键也同步复制过去，下一步如下图2（b）：在“复制数据”选项中，根据实际需要选择“替换现有数据”或者是“追加数据”。

3.2 首页滚动天气预报

首页右上侧的滚动天气预报要求实时发布，为了避免人工重复劳动，所以把静态页形式改写成了动态ASP页面，由于数据源使用的是外部数据库中的表数据，所以在代码编写中要加入自定义数据库驱动连接语句，并且注意不要与系统引用定义文件中的变量重复，否则会造成错误。

图2

3.3 价格行情添加版块

经过多次实际测验，用内容管理平台（WSP）添加一次价格行情信息最少需要2个小时，这样使得工作起来费时费力。为了提高工作效率，并降低手工出错率，根据实际需要编写了“价格信息入库系统”，从大连市农业信息网上采集数据，获取最新价格信息，自动写入本地数据库。

3.4 改写农业气象版块动态页面

3.4.1 获取文本文件列表

首页农业气象版块，要得到各个子栏目下面对应最新的信息的标题，并进行链接。通常的列表信息都是从数据库读取，这样能够根据入库时间等标志性字段进行检索，比较容易控制；而我们的实际情况是要对文本文件进行处理，在技术实现上，只能是先遍历文件夹下的文件，继而使用数组进行排序（myFiles(i) = objFile. name），以便使列表按照更新的时间进行排列，让使用者总是能得到最新的信息。

3.4.2 “农业气象”各子栏目的动态页实现

农业气象下的各个子栏目多数采用动态页设计，这样无需对静态页面进行部署，在设计中利用了原静态页的版面样式、字体样式、栏目之间的从属关系，而对内容的读取则进行了改写，用下拉框实现日期的选择。

4 结语

在网站架设安装与试运行过程中，不断的遇到问题，不断的改进，使网站能从人性化与便捷实用的角度出发，尽量满足用户的需求，尤其是为了显现气象与农业的紧密度，我们在网站上发布了多种决策和预报预警信息，从用户实际出发，希望能为农业提供必要的指导，起到应有的作用。

另一方面来说，我们的精细化预报的产品还不够，我们也在不断的改进中，不断的充实各类的农业气象方面的信息；同时我们希望能把各种预报预警信息统一入库，这样更便于对信息内容的控制，也增强了网站的安全性。

[1]杨纪梅. Dreamweaver网页设计与制作完全手册.清华大学出版社.2007.7

[2]吴颂志，刘嘉，顾远玲. Dreamweaver+ASP动态网站设计与典型实例.清华大学出版社.2008.3

[3]林小芳，吴怡，等.ASP动态网页设计教程.北京交通大学出版社.2006.9

[4]冯小贝主编. VB6开发宝典. 南京大学出版社

Design and layout of agriculture website group in Dalian

WANG Huipin ZHANG Tao CAI Tao Dalian Meteorological Bureau, Da lian 116001, China

The layout design of architecture website group in Dalian was described, including the website frame construction, layout and color style planning.The design of the content and the web site management system all reflected the superiority of this system. At he same time, a series of key problems and their solutions in the localization realize process were introduced.

10.3969/j.issn.1001-8972.2011.15.041