简单的前后台数据交互
前端：JQuery、easyui
后端：Spring、SpringMVC、Hibernate、myself(随便起的)
各框架版本...不详。
HTML
JS
$(function() {
builderGrid();
}
function builderGrid(){
$('#XXX
Grid').datagrid({
toolbar : '#XXX Grid_toolBarGroup',
url : path+'/queryXXX List?param ='+param ,
pagination:true,
rownumbers:true,
fitColumns:true,
striped : true,
loadMsg : '请稍候......',
sortOrder : 'desc',
remoteSort : false,
pageSize : 10,
pageList : [ 5, 10, 15],
columns : [ [ {
field : 'COL1 ',
title : 'ID',
checkbox : true
},{
field : 'COL2 ',
title : 'COL2'',
width : 30,
align : 'center'
},{
field : 'COL3 ',
title : 'COL3',
width : 40,
align: 'center',
formatter: function (value, row, index) {
if (value != null) {
return (parseFloat(value).toFixed(2) + '').replace(/\d{1,3}(?=(\d{3})+(\.\d*)?$)/g, '$&,');
}else{
return "0.00";
}
}] ]
})
toolbar : '#XXX Grid_toolBarGroup',
url : path+'/queryXXX List?param ='+param ,
pagination:true,
rownumbers:true,
fitColumns:true,
striped : true,
loadMsg : '请稍候......',
sortOrder : 'desc',
remoteSort : false,
pageSize : 10,
pageList : [ 5, 10, 15],
columns : [ [ {
field : 'COL1 ',
title : 'ID',
checkbox : true
},{
field : 'COL2 ',
title : 'COL2'',
width : 30,
align : 'center'
},{
field : 'COL3 ',
title : 'COL3',
width : 40,
align: 'center',
formatter: function (value, row, index) {
if (value != null) {
return (parseFloat(value).toFixed(2) + '').replace(/\d{1,3}(?=(\d{3})+(\.\d*)?$)/g, '$&,');
}else{
return "0.00";
}
}] ]
})
}
Controller
@RequestMapping("/queryXXXList")
public void queryXXXList(
@RequestParam("page") int pageno,@RequestParam("rows")int pagesize,
@RequestParam(value="param") String param,
@RequestParam(value="name",required=false) String name,
@RequestParam(value="startDate",required=false) String startDate,
@RequestParam(value="endDate",required=false) String endDate,
HttpServletResponse res){
Page page = new Page<>();
page.setPageNo(pageno);//设置页码
page.setPageSize(pagesize);//设置每页显示的数目
List sList =XXXService.queryXXXList(page,param,name,startDate,endDate);
Map resMap =new HashMap();
resMap.put("rows", sList);
resMap.put("total", page.getTotalRecord());
PrintWriter out=null;
JsonConfig jsonConfig = new JsonConfig();
jsonConfig.registerJsonBeanProcessor(java.sql.Date.class, new JsDateJsonBeanProcessor());
JSONObject o=JSONObject.fromObject(resMap, jsonConfig);
try {
out=res.getWriter();
out.print(o);
} catch (IOException e) {
e.printStackTrace();
}finally{
out.close();
}
}
public void queryXXXList(
@RequestParam("page") int pageno,@RequestParam("rows")int pagesize,
@RequestParam(value="param") String param,
@RequestParam(value="name",required=false) String name,
@RequestParam(value="startDate",required=false) String startDate,
@RequestParam(value="endDate",required=false) String endDate,
HttpServletResponse res){
Page
page.setPageNo(pageno);//设置页码
page.setPageSize(pagesize);//设置每页显示的数目
List sList =XXXService.queryXXXList(page,param,name,startDate,endDate);
Map
resMap.put("rows", sList);
resMap.put("total", page.getTotalRecord());
PrintWriter out=null;
JsonConfig jsonConfig = new JsonConfig();
jsonConfig.registerJsonBeanProcessor(java.sql.Date.class, new JsDateJsonBeanProcessor());
JSONObject o=JSONObject.fromObject(resMap, jsonConfig);
try {
out=res.getWriter();
out.print(o);
} catch (IOException e) {
e.printStackTrace();
}finally{
out.close();
}
}
IService/ServiceImpl
略...
IDao/DaoImpl
public List XXXList(Page page,String paran,String name,String startDate,String endDate) {
List
List
框架BaseDao
然而并没有没版权，其实大家都会的。