关于国标的行政区划网页设计方案及实现方法

一、需求

将行政区划的信息在网页上显示。

二、需求分析

根据“ 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）输入代码编号反查地址名称

类似与上述操作。只是数据比对稍作修改。（请博友自己完成。）