顧桃峰， 岳海燕， 孫偉忠

(1.廣州市氣象信息網(wǎng)絡中心，廣東廣州　511430；2.廣州市氣象臺，廣東廣州　511430)

?

廣州市氣象監(jiān)測預警中心內(nèi)部網(wǎng)的建設

顧桃峰1， 岳海燕2， 孫偉忠1

(1.廣州市氣象信息網(wǎng)絡中心，廣東廣州511430；2.廣州市氣象臺，廣東廣州511430)

摘要：廣州市氣象監(jiān)測預警中心內(nèi)部網(wǎng)，是為了滿足廣州市氣象監(jiān)測預警中心辦公業(yè)務的順利開展而建設的一個集信息通知、展示、歸檔、查詢于一體的信息展示和發(fā)布管理系統(tǒng)。同時為了實現(xiàn)數(shù)據(jù)及時有效更新，開發(fā)的一套數(shù)據(jù)自動采集器，使用戶能夠用更多時間關注于自身業(yè)務，而無需過多考慮信息發(fā)布技術問題。同時也減少了網(wǎng)站維護人員的工作量。

關鍵詞：計算機技術與應用； 內(nèi)部網(wǎng)； 信息發(fā)布管理系統(tǒng)； 數(shù)據(jù)采集； 廣州市氣象監(jiān)測預警中心

目前，國內(nèi)網(wǎng)站的發(fā)展大部分正在向第3階段邁進[1]。作為一個單位的內(nèi)部網(wǎng)，必須具備操作簡單、瀏覽便捷、內(nèi)容安全、易于維護等特點，廣州市氣象監(jiān)測預警中心內(nèi)部網(wǎng)(簡稱內(nèi)網(wǎng))根據(jù)日常的業(yè)務需求，將業(yè)務、辦公清晰分類，將常用的功能模塊放于顯眼的位置，將一些常用的業(yè)務系統(tǒng)的鏈接，分門別類存放，便于大量的業(yè)務查找、調閱。同時，考慮到業(yè)務系統(tǒng)的增加，網(wǎng)站設計時，將主要的功能都進行封裝，頁面增加或者調整時，也不需要改動源代碼，方便維護。內(nèi)部網(wǎng)信息平臺建設主要采用動態(tài)的企業(yè)管理信息平臺來搭建和實現(xiàn)。

1系統(tǒng)框架設計

網(wǎng)站采用CMS(內(nèi)容管理系統(tǒng))為設計思想，分離內(nèi)容的管理和設計。頁面設計存儲在模板里，而內(nèi)容存儲在數(shù)據(jù)庫或獨立的文件中。當一個用戶請求頁面時，各部分聯(lián)合生成一個標準的 HTML 頁面。

配置信息使用XML技術管理，它擁有良好的可擴展性、靈活性和自描述性。網(wǎng)站頁面用CSS技術使得用戶界面盡量達到美觀易用，數(shù)據(jù)存儲使用PostgreSQL關系數(shù)據(jù)庫提供的服務實現(xiàn)，信息發(fā)布界面中，可視化的在線編輯工具采用百度開源組件Editor[2]實現(xiàn)。項目開發(fā)工具使用Visual Studio 2010進行，項目開發(fā)過程中對信息編輯發(fā)布、數(shù)據(jù)庫設計和界面設計進行嚴格測試，以保障系統(tǒng)的穩(wěn)定性和可用性[3]。系統(tǒng)框圖如圖1所示。

圖1　系統(tǒng)框圖

2主要關鍵技術

1)DOM分析器采用隨機訪問機制[4]對XML文檔實現(xiàn)訪問。

DOM文檔對象模型操作舉例：

using System.Xml;

XmlDocument xml=new XmlDocument();//初始化一個xml實例

xml.Load(path);//導入指定xml文件

xml.Load(HttpContext.Current.Server.MapPath("～/file/bookstore.xml"));XmlNode root=xml.SelectSingleNode("/root");//指定一個節(jié)點

XmlNodeList childlist=root.ChildNodes;//獲取節(jié)點下所有直接子節(jié)點

XmlNodeList nodelist=xml.SelectNodes("/Root/News");//獲取同名同級節(jié)點集合string id=node.Attributes["id"].Value;//獲取指定節(jié)點的指定屬性值

string content=node.InnerText;//獲取指定節(jié)點中的文本

root.HasChildNodes;//判斷該節(jié)點下是否有子節(jié)點

2)UEditor Web編輯器。

為實現(xiàn)發(fā)布信息在網(wǎng)頁端所見即所得的可視化編輯發(fā)布效果，系統(tǒng)采用百度公司開發(fā)的UEditor組件。UEditor涵蓋流行富文本編輯器特色功能，獨創(chuàng)多種全新編輯操作模式，同時屏蔽各種瀏覽器之間的差異，提供良好的富文本編輯體驗。它開源基于BSD協(xié)議，支持商業(yè)和非商業(yè)用戶的免費使用和任意修改，同時百度專業(yè)QA團隊持續(xù)跟進，上千自動化測試用例支持，組件維護升級能夠得到長期良好的支持。

當用戶注釋掉自定義配置時起作用。用戶自定義配置包括兩種類型，一種位于editor_config.js文件之中，優(yōu)先級高于系統(tǒng)默認配置；另一種位于實例化編輯器傳入的參數(shù)中，優(yōu)先級最高[5]。默認情況下，UEditor在editor_congfig.js注釋掉了所有可以省略的配置項，采用系統(tǒng)默認配置，若取消注釋，則以該配置項為準；未注釋的配置項要求用戶必需按照項目實際填寫。下面使用toolbars：工具欄按鈕舉例，其結構為一個嵌套的數(shù)組結構。如需讓工具欄多行顯示，將內(nèi)層數(shù)組分拆成多個即可。

例1：單行顯示工具欄(也可以稱為自然換行，也即只有超出工具欄長度之后才會自動換行):

toolbars:[["bold","italic","undo","redo"]]

例2：3行顯示工具欄(強制多行顯示)：

toolbars:[["bold","italic"],["undo","redo"],["insertimage"]]

3系統(tǒng)功能

內(nèi)部網(wǎng)將網(wǎng)頁上需要經(jīng)常變動的信息進行集中分類管理，滿足廣州市氣象監(jiān)測預警中心內(nèi)部信息通知展示功能，提供類似word的在線編輯工具，做到所見即所得的編輯效果，網(wǎng)站首頁信息展示做到分類合理、布局合理美觀，方便用戶快速定位感興趣的主題信息。同時兼顧到氣象業(yè)務的特殊應用需求，使用氣象觀測氣象資料在首頁實時展示當前地區(qū)天氣狀況和氣象預警信息，以及其他一些氣象相關資源，方便用戶從網(wǎng)站首頁獲取與工作相關的多種資料資源。

網(wǎng)站主要包括前臺頁面展示、信息發(fā)布管理系統(tǒng)、數(shù)據(jù)庫和數(shù)據(jù)采集器4大塊。

1)前臺頁面展示。主要包括最新實況、預警信號發(fā)布情況、各單位的通知公告、重大農(nóng)業(yè)氣象專報、氣候預測、影響評價、預報參考系統(tǒng)鏈接、預報產(chǎn)品的實時顯示(圖2)。

圖2　內(nèi)網(wǎng)首頁

2)內(nèi)網(wǎng)信息發(fā)布管理系統(tǒng)。主要用于各類信息的發(fā)布,對于一些篇幅較短的Word文檔，在Ueditor編輯頁面可以采用ctrl+C、ctrl+V，然后在編輯區(qū)插入需要顯示的圖片，并勾選是否在首頁發(fā)布，即可實現(xiàn)信息、圖片的正常發(fā)布。對于篇幅較長的Word、txt、PDF、Excel等文件，可以通過附件形式發(fā)布，所有正常發(fā)布的信息都會保存到數(shù)據(jù)庫中，對于后期網(wǎng)站的遷移、部署歷史查詢，內(nèi)容不受影響。

3)數(shù)據(jù)庫。內(nèi)網(wǎng)主要采用氣象臺運行成熟的PostgreSQL作為主要數(shù)據(jù)庫，系統(tǒng)通過增、刪、查、顯示功能實現(xiàn)對信息的多樣化管理；系統(tǒng)數(shù)據(jù)庫表結構及配置文件如下：系統(tǒng)中包含注冊到系統(tǒng)平臺中用戶信息表、發(fā)布內(nèi)容類別表、發(fā)布文章內(nèi)容表和文章包含圖片路徑表等4張表結構[6]。各個數(shù)據(jù)庫表中字段含義如表1—表4所示。

表1　注冊用戶信息(userlogin)

表2　發(fā)布內(nèi)容類別(categorytable)

表3　發(fā)布文章內(nèi)容(ContentTable)

表4　文章包含圖片路徑(imagetable)

網(wǎng)站W(wǎng)eb.config文件說明，文件內(nèi)容如下：

其中，節(jié)點appSettings中weatherConditionPath項value的值表示預警信號文件路徑；

weatherConditionPathStyle項value的值表示weatherConditionPath項值類型，共有兩種取值relative或absolutely；

weatherLinkPath項value的值表示weatherConditionPath中預警信號文件對應的網(wǎng)頁URL地址存放路徑[7]；

observeOID項value的值表示觀測實況提示顯示站點的obtid；

observeName項value的值表示觀測實況提示顯示站點obtid對應的站點名[8]；

數(shù)據(jù)庫連接字段ConnectionString為最新實況信息數(shù)據(jù)庫連接配置信息；

ConnectionStringPostgresql為網(wǎng)頁自身數(shù)據(jù)存儲數(shù)據(jù)庫連接配置信息；

ConnectionStringPGObserve為觀測實況提示數(shù)據(jù)庫連接配置信息[9]。

4)數(shù)據(jù)采集器。主要功能是為了實現(xiàn)數(shù)據(jù)的自動獲取、更新，系統(tǒng)通過監(jiān)控各個不同路徑下的相應文件，一旦發(fā)現(xiàn)文件有變化(更新、生成、修改)，都會即可將該文件拷貝到指定目錄[10]，在預警信號、最新實況這2部分顯得尤為重要，數(shù)據(jù)采集器界面如圖3所示。

圖3　數(shù)據(jù)采集器

開發(fā)廣州市氣象監(jiān)測預警中心內(nèi)部網(wǎng)，是一個小型的系統(tǒng)工程，從項目的前期調研，到后期開發(fā)，每一步都很關鍵，每一個功能模塊也是經(jīng)過仔細推敲，為了最大限度提高數(shù)據(jù)傳輸時效，專門設計了數(shù)據(jù)采集器，將數(shù)據(jù)采集器部署在數(shù)據(jù)服務器上，實現(xiàn)數(shù)據(jù)實時傳輸；網(wǎng)站信息盡量做到分類合理，方便用戶快速訪問內(nèi)部氣象資料和公文文件等資源。

參考文獻:

[1]胡軼眾.基于.NET的動態(tài)信息發(fā)布系統(tǒng)的設計與實現(xiàn)[D].重慶：重慶大學，2007.

[2]web前端開發(fā)部.UEditor [EB/OL].[2013-10-25]. http://ueditor.baidu.com/website/index.html.

[3]吳倩，曹建文，魏瑩.基于Microsoft.NET平臺的ASP.NET 技術[J].中國科技信息，2006(21)：144-145.

[4]范金哲.ADO與XML數(shù)據(jù)交換(基于Web應用)信息技術[J].科技與企業(yè)，2013(14)：129.

[5]web前端開發(fā)部.UEditor文檔 [EB/OL].[2013-10-25]. http://ueditor.baidu.com/website/document.html.

[6]張翼，周如梅.如何輕松實現(xiàn)網(wǎng)站資料更新[J].廣東氣象，2008，30(2)：56-57.

[7]何迪，蔣國華.基于.net的氣象信息手機網(wǎng)站建設[J].廣東氣象，2010，32(1)：50-51.

[8]張紅艷，蔡潔云，李茵茵，等.基于WEBGIS的亞運氣象服務在線系統(tǒng)[J].廣東氣象，2010，32(4)：56-58.

[9]梁慎青，石小英，梁苑苑，等.廣東省氣象信息實時監(jiān)視系統(tǒng)的開發(fā)及應用[J].廣東氣象，2009，31(1)：57-59.

[10]張永華，何婉文，阮惠華，等.基于FLEX_Cairngorm技術的亞運氣象資料監(jiān)視系統(tǒng)研發(fā)[J].廣東氣象，2010，32(4)：58-62.

收稿日期：2015-07-17

基金項目：廣州市氣象局科研項目(201205)資助

作者簡介：顧桃峰(1982年生)，男，計算機碩士研究生，主要從事氣象信息技術方面的工作。E-mail:453131480@qq.com

中圖分類號：TP393.08

文獻標識碼：A

doi:10.3969/j.issn.1007-6190.2016.01.019

顧桃峰， 岳海燕， 孫偉忠.廣州市氣象監(jiān)測預警中心內(nèi)部網(wǎng)的建設[J].廣東氣象，2016,38(1)：77-78.

顧桃峰， 岳海燕， 孫偉忠.廣州市氣象監(jiān)測預警中心內(nèi)部網(wǎng)的建設[J].廣東氣象，2016,38(1)：77-78.