您的位置：首页 > Web前端 > JQuery

简单的前后台数据交互

2017-03-08 14:49 246 查看

前端：JQuery、easyui

后端：Spring、SpringMVC、Hibernate、myself(随便起的)

各框架版本...不详。

HTML

JS

$(function() {

builderGrid();
}

function builderGrid(){
$('#XXXGrid').datagrid({
toolbar : '#XXXGrid_toolBarGroup',
url : path+'/queryXXXList?param='+param,
pagination:true,
rownumbers:true,
fitColumns:true,
striped : true,
loadMsg : '请稍候......',
sortOrder : 'desc',
remoteSort : false,
pageSize : 10,
pageList : [ 5, 10, 15],
columns : [ [
ba1d
{
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<XXX> page = new Page<>();
page.setPageNo(pageno);//设置页码
page.setPageSize(pagesize);//设置每页显示的数目
List sList =XXXService.queryXXXList(page,param,name,startDate,endDate);
Map<String, Object> resMap =new HashMap<String, Object>();
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<Object> param = new ArrayList<>();
StringBuilder sql=new StringBuilder();
sql.append(" select xxx,xxx........where 1=1");
param.add(param);
if(StringUtils.isNotBlank(name)&& !"null".equals(name)){
sql.append(" and b.operator_name like ?");
param.add("%"+name+"%");
}
if(StringUtils.isNotBlank(startDate)&& !"null".equals(startDate)){
sql.append(" and DATE >= to_date(?,'YYYY-MM-DD') ");
param.add(startDate);
}
if(StringUtils.isNotBlank(endDate)&& !"null".equals(endDate)){
sql.append(" and DATE <= to_date(?,'YYYY-MM-DD') ");
param.add(endDate);
}
sql.append(" ORDER BY DATE DESC");
List<Map<String, Object>> sList=baseDao.findBySqlFY(sql.toString(), page,param.toArray());
StringBuffer sqlCount=new StringBuffer("SELECT COUNT(1) AS COUNTNUM FROM (").append(sql.toString()).append(")");
List<Map<String,Object>> list1 = baseDao.findBySql(sqlCount.toString(), param.toArray());
int countNum = 0;
if(list1.size() > 0){
countNum = Integer.valueOf(String.valueOf(list1.get(0).get("COUNTNUM"))).intValue();
}
page.setTotalRecord(countNum);
return sList;
}

框架BaseDao

然而并没有没版权，其实大家都会的。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： hibernate jquery spring html 数据

相关文章推荐

新的分享

章节导航