要什么ui可以直接在百度上搜layui
https://www.layui.com/demo/
1.页面要指定项目名
<base href="<%=request.getContextPath()+"/"%>">
2.弹窗:
layer.open({
		type: 2,
		area: [w+'px', h +'px'],
		fix: false, //不固定
		maxmin: true,
		shade:0.4,
		title: title,
		content: url,
		end:function(){
			location.reload();
		}
	});
3.分页:
<jsp:include page="/common/page.jsp"/>
用include的原因是可以共用后端返回的modelandview或者modelandmap数据
4.表单校验,表单校验后才会回调
$("#form-org-add").Validform({
		tiptype:2,
		callback:function(form){ // 表单全部验证成功后才会进入回调函数,(如果不是以ajax方式提交表单，则回调函数中data表示的是当前表单对象，而不是从服务端传回的数据)
			debugger
// 			form[0].submit(); // 手动提交表单(采用ajax异步提交表单中的数据并的得到回调数据，所以不需要再从表单submit了)

			submitForm("form-org-add","orgController/addOrg")

			// 如果callback里明确return false，则表单不会提交，如果return true或没有return，则会提交表单。
			return false;
// 			return true;
		}
	});
5.以树的形式列出所有部门(zTree)  www.treejs.cn用的是这种形式,lib/zTree
function getParentOrg(path){
	// 1.新打开一个框
	layer.open({
		  type: 1,
		  title: false,
		  closeBtn: 0, // 没有关闭按钮
		  shadeClose: true,
		  skin: 'yourclass',
		  content: htmlString()
		});

	// 2.在框中嵌一个树
	QueryOrgTreeObj(path);

}
4.分页怎么显示的?以及请求?
在page.jsp里根据springmvc重定向的时候传来url,然后再请求
var laypage = layui.laypage;
			//执行一个laypage实例
			laypage.render({  //初始化变量和值,也就是后面jump里的obj里curr表示当前页,方法内部会自动将变量增加一或者减少一
				elem : 'test1', //注意，这里的 test1 是 ID，不用加 # 号
				count : "${page.total}", // 总条数
				limit:"${page.pageSize}", // 每页显示的条数
				curr:"${page.pageNum}", // 当前页
				layout: ['prev', 'page', 'next', 'limit','count'],
				jump: function(obj, first){ //obj为当前页的属性和方法，第一次加载first为true
				    console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
				    console.log(obj.limit); //得到每页显示的条数

				    //首次不执行
				    if(!first){
				    	// 查询下一页的数据
// 				    	location.href="${url}currentPage="+obj.curr;
						if(bodyId == null||bodyId == ''){
							bodyId = tableId
						}
						//这里发起请求,url是springmvc重定向到这个页面的时候携带的地址orgController/getOrgPage
						$("#"+bodyId).load("${url}currentPage="+obj.curr,getQueryParam(formId))
				    }
				  }
			});
5.用户模块里的搜用户是直接提交表单到后台