省市县(区)三级联动下拉框的实现案例

一、技术组合框架的详情

  这是一个采用 MyBatis 框架、Filter 过滤器、Servlet 容器、Jsp 页面、Bootstrap 前端框架实现增删改查的基础页面。由于采用了注解的方式，所以在 MyBatis 中的 Mapper 映射文件可以省略不写。 而 Filter 过滤器和 Servler 容器也是采用了注解的方式，故 web.xml 文件不做配置。

二、数据库结构及表数据

/*创建areainfo数据库*/
CREATE DATABASE `areainfo`;

/*选择areainfo数据库*/
USE `areainfo`;

/*判断area表是否存在，若存在area表，则删除*/
DROP TABLE IF EXISTS `area`;

/*创建area表*/
CREATE TABLE `area` (
  `id` int(4) NOT NULL AUTO_INCREMENT COMMENT '区域编号',
  `areaName` varchar(50) DEFAULT NULL COMMENT '区域名称',
  `parentId` int(4) DEFAULT NULL COMMENT '附属编号',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=38 DEFAULT CHARSET=utf8;

/*添加数据*/
INSERT INTO `area`(`id`,`areaName`,`parentId`) 
VALUES (1,'广东省',0),(2,'广西省',0),(3,'湖南省',0),
	   (4,'广州市',1),(5,'深圳市',1),(6,'东莞市',1),
	   (7,'南宁市',2),(8,'桂林市',2),(9,'柳州市',2),
	   (10,'长沙市',3),(11,'湘潭市',3),(12,'郴州市',3),
	   (13,'天河区',4),(14,'越秀区',4),(15,'海珠区',4),
	   (16,'南山区',5),(17,'福田区',5),(18,'宝安区',5),
	   (19,'莞城区',6),(20,'东城区',6),(21,'南城区',6),
	   (22,'兴宁区',7),(23,'江南区',7),(24,'青秀区',7),
	   (25,'秀峰区',8),(26,'象山区',8),(27,'雁山区',8)