1 什么是easyui
easyui是一种基于jQuery、Angular.、Vue和React的用户界面插件集合。
easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。
使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。
但是easyui自己重写了很多js,导致许多标签用法和原生js不同。
2 省市县的三级联动实例
这里推荐一种访问jsp页面的方法
@Controller
@RequestMapping("/oper")
public class OpenController {
@RequestMapping("{url}")
public String openOper(@PathVariable("url")String url) {
return url;
}
}
后台直接调用/项目名/oper/页面名(无需.jsp,系统会自动加入)
或"${pageContext.request.contextPath}/oper/页面名访问
编写省市县实体:
public class Province {
private int codeid;
private int parentid;
private String cityName;
public int getCodeid() {
return codeid;
}
public void setCodeid(int codeid) {
this.codeid = codeid;
}
public int getParentid() {
return parentid;
}
public void setParentid(int parentid) {
this.parentid = parentid;
}
public String getCityName() {
return cityName;
}
public void setCityName(String cityName) {
this.cityName = cityName;
}
@Override
public String toString() {
return "Place [codeid=" + codeid + ", parentid=" + parentid + ", cityName=" + cityName + "]";
}
}
省市县sql导入:
获取链接:https://pan.baidu.com/s/1f4LjdmeornsMwIQlMU31IQ
提取码:mjg0
通过easyui在父页面直接打开子页面
并在主页面导入所需js文件
子jsp页面
<div style="padding:50px 100px 100px 10px">
<form id="content" method="post">
<table cellpadding="5">
<tr>
<td>