大連農網網站群的建設與實現

王會品 張濤 蔡濤 大連市氣象局，遼寧 大連 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