天天看點

關于國标的行政區劃網頁設計方案及實作方法

一、需求

将行政區劃的資訊在網頁上顯示。

二、需求分析

根據“ GB / T 2260-2007 ”文獻可知,行政區劃分為地方名稱和地方代碼兩部分組成,并具有層級關系。及需求上又很明确說明,要将這些資訊在網頁上現實。

三、設計方案

1、網頁界面設計

根據上面的分析,網頁界面上必要有一處是位址資訊及一處代碼資訊。并且位址資訊應該有層級關系。即 設計草圖如下:

關于國标的行政區劃網頁設計方案及實作方法

解說:(1)、使用者可以通過選擇地區來自動生成代碼編号,也可以輸入下面的代碼編号來反查出該代碼編号對應的位址。

    (2)、當選擇省級時,下面市級的下拉清單框出現的是該省下所有市級别的市名,當選擇市級,下面區及縣級也類似上面所述設計方案。

      注:異常處理,當使用者輸入的代碼編号不在“GB / T 2260-2007"該文獻中,這時界面對應它所在的地方名稱項會”未知“字樣。

2、json資料

資料呈現與“ GB / T 2260-2007 ”文獻中有所不同,但是界面這樣設計可以提高使用者的易操作性。是以要将“ GB / T 2260-2007 ”文獻中代碼等資料重新組合資料。可以友善網頁界面的設計。該資料将轉成json形式資料來操作。 轉化工具 我已經提供給大家了,位址是:http://download.csdn.net/detail/yangyuyu77584/8109015   其中包含一個該工具C++版源碼程式。還有一個原始GB的代碼與地方名稱一一對應檔案,而一個是通過轉化後json資料的js檔案。如果博友們要使用這個檔案,請将它的檔案重新更改一下,修成UTF8格式。(你使用本工具來實作json資料檔案輸出也要想上面所說的方法修改。)

(1)Json資料樣式

關于國标的行政區劃網頁設計方案及實作方法

(2)、考慮可能存在省級,市級及區或者縣級下拉清單可能有空項,是以在此json資料上了emptyProvince,emptyCity,emptyCounty項,就是用來處理空項。

(3)、本資料還是按照一定順序來儲存json資料,這樣可以保證網頁顯示時也可以按照一樣的順序展現。

3、網頁邏輯

(1)選擇上面位址名稱。

網頁使用Javascript腳本語言來實作,主要重定義選擇框的chang事件。當選擇省級下拉清單框時,對應市級下拉清單上就呈現該省下市級資料。代碼實作主要擷取GBS_ZONE_CODE[選擇某省省名],就可以擷取該省下的市級json資料,然後将該資料周遊,顯示到市級的下拉清單框裡,注意:請除去該省本省的資料,并該資料設定到代碼編号上。下同。

(2)輸入代碼編号反查位址名稱

類似與上述操作。隻是資料比對稍作修改。(請博友自己完成。)

繼續閱讀