一、实现目标

首先会有一个存放中国行政区域数据的一个txt文件,用java读取并解析出来,并在页面上通过下拉框的形式展示出来。实现效果如下图,当选择完省份后,在选择该省份下的城市,然后在选择该城市下的县区这样逐级显示:

二、代码实现:

1. 先创建一个javaBean,用来存放基本数据;

 public class Area {
private String code ;//行政编码
private String name;//名称
private int level;//行政级别 0:省/直辖市 1:地级市 2:县级市
private String parentCode;//上一级的行政区划代码 public Area() {
super();
} public Area(String code, String name, int level, String parentCode) {
super();
this.code = code;
this.name = name;
this.level = level;
this.parentCode = parentCode;
} public String getCode() {
return code;
} public void setCode(String code) {
this.code = code;
} public String getName() {
return name;
} public void setName(String name) {
this.name = name;
} public int getLevel() {
return level;
} public void setLevel(int level) {
this.level = level;
} public String getParentCode() {
return parentCode;
} public void setParentCode(String parentCode) {
this.parentCode = parentCode;
} public String toString(){
return "行政编码:"+this.getCode()+"\t名称:"+this.getName()+"\t行政级别:"+
this.getLevel()+"\t上一级的行政区划代码:" +this.getParentCode();
}
}

2. 然后创建一个读取txt资源文件的工具类;

 import java.io.BufferedReader;
import java.io.File;
import java.io.FileNotFoundException;
import java.io.FileReader;
import java.io.IOException;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map; import com.***.Area; public class ReadAreaUtil { public List<Area> provinceList = new ArrayList<Area>();
public List<Area> townList = new ArrayList<Area>();
public List<Area> countyList = new ArrayList<Area>(); public Map<String,List<Area>> getAreaData(String path){
ReadAllArea(path);
Map<String,List<Area>> result = new HashMap<String,List<Area>>();
result.put("provinceList", provinceList);
result.put("townList", townList);
result.put("countyList", countyList.subList(1, countyList.size())); //去掉表头 return result ;
} public void ReadAllArea(String path){
String line = null;
BufferedReader reader = null;
File file = new File(path); String cityCode="";
String countyCode="";
try {
FileReader in = new FileReader(file);
reader = new BufferedReader(in);
//读取文件的每一行
while((line = reader.readLine())!=null){
String[] data = cutString(line); //处理读取的文件记录
if(isProvince(data[0])){
cityCode = data[0];
Area area = new Area(data[0], data[1], 0, "0");
provinceList.add(area);
}else if(isTown(data[0])){
countyCode =data[0];
Area area = new Area(data[0], data[1], 1, cityCode);
townList.add(area);
}else{
Area area = new Area(data[0], data[1], 2, countyCode);
countyList.add(area);
}
}
} catch (FileNotFoundException e) {
e.printStackTrace();
} catch (IOException e) {
e.printStackTrace();
}finally{
try {
reader.close();
} catch (IOException e) {
e.printStackTrace();
}
}
} //字符分割
public String[] cutString(String line){
String code="";
String name="";
code = line.substring(0, 6);
String lastStr = line.substring(7, line.length());
name = lastStr.substring(0, lastStr.indexOf("\t"));
String[] result = new String []{code,name};
return result;
} //判断是否省或者直辖市
public boolean isProvince(String code){
String last = code.substring(2);
if("0000".equalsIgnoreCase(last)){
return true;
}
return false;
}
//判断是否地级市
public boolean isTown(String code){
String last = code.substring(4);
if("00".equalsIgnoreCase(last)){
return true;
}
return false;
} }

3. 改项目使用了struts2,在action的方法中调用即可:

         //读txt数据...
String path = ServletActionContext.getServletContext().getRealPath("/2015Area.txt");
Map<String,List<Area>> area = new ReadAreaUtil().getAreaData(path);
List<Area> provinceList = area.get("provinceList");
ServletActionContext.getRequest().setAttribute("prlist", provinceList);

4. JSP页面上的html,第一个select是直接遍历的,但是后面两个就要根据前面select选中的来动态显示了,这里需要用到jQuery的Ajax;

 <div id="areaDiv" >
<a >省份:
<select id="sel_province" name="" >
<option value="-1" >-请选择-</option>
<c:forEach var="pro" items="${prlist }">
<option value="${pro.code }" >${pro.name }</option>
</c:forEach>
</select>
</a>&nbsp;&nbsp;
<a class="wsy_f14">城市/区:
<select id="sel_town" name="" >
<option value="-1" >-----</option>
</select>
</a>&nbsp;&nbsp;
<a class="wsy_f14">县级:
<select id="sel_county" name="" >
<option value="-1" >-----</option>
</select>
</a>
</div>

jQuery 代码,select标签变化时触发函数并发送post请求数据;

 $(document).ready(function(){
$('#sel_province').change(function(){
var code = $(this).children('option:selected').val();//selected的值
$.post("${basePath}ajax/filterArea.action",
{
parentCode:code,
areaType:1//0省,1市,2县
},
function(data){
$("#sel_town").html(data);
});
}); $('#sel_town').change(function(){
var code = $(this).children('option:selected').val();//selected的值
$.post("${basePath}ajax/filterArea.action",
{
parentCode:code,
areaType:2//0省,1市,2县
},
function(data){
$("#sel_county").html(data);
});
});
});

5. struts如何处理Ajax请求,专门写一个action用于处理ajax请求;

strut.xml:

 <?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE struts PUBLIC
"-//Apache Software Foundation//DTD Struts Configuration 2.1//EN"
"http://struts.apache.org/dtds/struts-2.1.dtd">
<struts>
<package name="ajax" namespace="/ajax" extends="json-default">
<action name="filterArea" method="filterArea" class="com.llw.action.AjaxFilter"></action>
</package>
</struts>

action:

 public class AjaxFilter extends ActionSupport {

     //行政区域过滤
private String parentCode ;
private int areaType ;
public String getParentCode() {
return parentCode;
}
public void setParentCode(String parentCode) {
this.parentCode = parentCode;
}
public int getAreaType() {
return areaType;
}
public void setAreaType(int areaType) {
this.areaType = areaType;
} public void filterArea(){
String htmlStr = "<option value=\"-1\">-请选择-</option>" ; String path = ServletActionContext.getServletContext().getRealPath("/2015Area.txt");
Map<String,List<Area>> area = new ReadAreaUtil().getAreaData(path);
List<Area> areaList = null ;
if(areaType==1){ //0省,1市,2县
areaList = area.get("townList");
}else if(areaType==2){
areaList = area.get("countyList");
}
if(areaList!=null && areaList.size()>0 && parentCode!=null){
for(Area a : areaList){
if(parentCode.equals(a.getParentCode())){
htmlStr += "<option value=\""+a.getCode()+"\">"+a.getName()+"</option>" ;
}
}
} // System.out.println("xxxxx"+htmlStr);
HttpServletResponse response = ServletActionContext.getResponse();
PrintWriter writer = null;
try {
writer = response.getWriter();
} catch (IOException e) {
e.printStackTrace();
}
writer.print(htmlStr);
writer.flush();
writer.close();
} }

三、总结:以上基本完成了需要的效果,用java读取txt资源文件,并封装到List里面,上面代码中把不同级别的数据放到不同的list里了,也可以放到同一个list里面,这个根据自己需要可以去修改;然后是通过Ajax方式动态逐级显示select展示的内容;并演示了strut中如何处理ajax请求。上面展示了其中一种strut处理ajax请求的方式,还有另外一中方式,跟普通action的原理类似,就是通过action里定义的成员变量,JS里的回调函数访问这些成员变量;

这里贴一下第二种方式的使用例子:

strut.xml:
<action name="testAjax" class="com.crm.action.Ajaxcustomer" method="sayHello">
<result type="json" name="success"></result>
</action> action:
public class AjaxFilter extends ActionSupport {
private int type;
private String phone;
private Map<String,Object> map ;
//…get/set方法这里省略 public String sayHello(){
map = new HashMap<String, Object>();
map.put("aaa", "abc"); return SUCCESS;
}
} JS:
function test(){
$.post("ajax/testAjax.action",//请求目标
{
type:1,
phone:$("#phone").val() },
function(data) {//回调函数
alert(data.map.aaa);
$("#lia1").html(data.map.paramNum);//设置页面标签值
});
}

四、说明:以上java读取txt资源文件的方法来自网络整理修改,后面的内容是项目中实际应用,现记以温之;

java解析中国行政区域并在页面显示实现动态逐级筛选的更多相关文章

  1. python解析git log后生成页面显示git更新日志信息

    使用git log可以查到git上项目的更新日志. 如下两个git项目,我想把git的日志信息解析成一个便于在浏览器上查看的页面. https://github.com/gityf/lua https ...

  2. Java解析Excel之应用Reflection等技术实现动态读取

    目录树 背景 技术选型 问题分析 技术要点及难点分析 源码分析 测试用例 背景 Tip:因为产品提的需求我都开发完了,进行了项目提测:前天老大走过来说:你用spring-boot开发一个解析Excel ...

  3. 解析中国天气网页面获取七日天气 (Java, Python)

    说明 解析中国天气网的页面,获取七日天气. 使用 htmlparser .这是它的 API 文档. 代码 SevenDayWeather.java import java.io.BufferedRea ...

  4. XML与web开发-01- 在页面显示和 XML DOM 解析

    前言: 关于 xml 特点和基础知识,可以菜鸟教程进行学习:http://www.runoob.com/xml/xml-tutorial.html 本系列笔记,主要介绍 xml 在 web 开发时需要 ...

  5. MiseringThread.java 解析页面线程

    MiseringThread.java 解析页面线程 http://injavawetrust.iteye.com package com.iteye.injavawetrust.miner; imp ...

  6. MinerUrl.java 解析页面后存储URL类

    MinerUrl.java 解析页面后存储URL类 package com.iteye.injavawetrust.miner; /** * 解析页面后存储URL类 * @author InJavaW ...

  7. `<jsp:getProperty>`动作和`<jsp:setProperty>`动作的使用在一个静态页面填写图书的基本信息,页面信息提交给其他页面,并且在其页面显示。要去将表单元素的值赋值给Java

    <jsp:getProperty>动作和<jsp:setProperty>动作的使用 1.<jsp:getProperty>动作 语法格式: <jsp:get ...

  8. 纯JS实现中国行政区域上下联动选择地址

    一.实现目的: 如标题所述,通过JS来实现地址的选取,上一篇博客介绍的方式是通过java读取txt资源文件来实现地址的选择,通过ajax方式访问服务器实现省市区联动.此篇中将介绍如何使用JS实现相同功 ...

  9. 【原创】用JAVA实现大文件上传及显示进度信息

    用JAVA实现大文件上传及显示进度信息 ---解析HTTP MultiPart协议 (本文提供全部源码下载,请访问 https://github.com/grayprince/UploadBigFil ...

随机推荐

  1. ASP.net 中手工调用WS(POST方式)

    ASP.net 中手工调用WS(POST方式)核心代码:string strUrl="http://localhost:21695/service1.asmx/getmythmod" ...

  2. oracle 邮件发送

    CREATE OR REPLACE PROCEDURE PRC_sendmail(p_receiver VARCHAR2, -- 邮件接收人                               ...

  3. U盘快捷方式中毒处理办法

    这是网上某位大神的,对于我这个U盘总中毒的人真的很好用,太开心啦啦 http://blog.csdn.net/jzwong/article/details/51002568

  4. Arcmap 安装完后使用出现visual fortran run-time error的解决方法

    今天将ArcGIS安装到自己的XP笔记本上,安装过程一帆风顺,但打开Arcmap使用的时候,出现了visual fortran run-time error. 下面是解决方法: 下载个Dforrt.d ...

  5. addEventListener循环绑定出现的问题

    今天 碰到这样一个问题 代码如下 var someth = document.getElementsByTagName("a"); for (var i = 0; i < 1 ...

  6. qt环境下Mapx组建的编程---------regoin

    #include "widget.h" #include "ui_widget.h" #include <QPushButton> #include ...

  7. SQL存储过程解密

    首先要建立一张表和一个存储过程: SQL_DECODE表: CREATE TABLE [dbo].[SQL_DECODE]( ,) NOT NULL, [SQLTEXT] [nvarchar](max ...

  8. iOS富文本

    背景:前些天突然想做一个笔记本功能,一开始,觉得挺简单的呀,一个UITextView,网络缓存也不干了,直接本地NSUserDefault存储,然后完事了,美工,弄几张好看的图片,加几个动画,也就这样 ...

  9. Media Queries详解

    Media Queries直译过来就是“媒体查询”,在我们平时的Web页面中head部分常看到这样的一段代码:  <link href="css/reset.css" rel ...

  10. js类式继承模式学习心得

    最近在学习<JavaScript模式>,感觉里面的5种继承模式写的很好,值得和大家分享. 类式继承模式#1--原型继承 方法 让子函数的原型来继承父函数实例出来的对象 <script ...