統計報表的作成(一)
項目前端用的是easyui框架,后端是ssm(spring,springMVC,mybatis),數據庫是oracle。
easyUI是一個很不錯的后臺管理系統框架。系統中數據基本都是通過datagrid去展現。
他的基本流程是:
前端statement.jsp
<table id="statementGrid" class="easyui-datagrid" style="height:100%;width:100%" toolbar="#toolbar"></table>
statement.js
首先頁面初始化:
/* 頁面初始化 */
$(function () {
statementGridInit(); //表格初始化
});
/* 表格初始化 */
function statementGridInit() {
$('#statementGrid').datagrid({
fitColumns: true, //是否列自適應
rownumbers: true,
striped: true,
singleSelect: true,
locale: "zh_CN", //語言
loader:load,
fitColumns:true, //寬度自適應
frozenColumns:[[
{ field:'comName',title:'單位名稱',rowspan:3,halign: 'center',formatter:
function(value,row, index){
if (value == "小計:"||value == "總計:"){
return '<b>'+value+'</b>';
}else{
return value;
}
}},
{ field:'slipYear',title:'年度',rowspan:3,halign: 'center' },
{ field:'slipCom',title:'投保單位',rowspan:3,halign: 'center' },
{ field:'slipNo',title:'保單號',rowspan:3,halign: 'center' },
{ field:'xmsqName',title:'項目名稱',rowspan:3,halign: 'center'}
]],
});
}
/* 表格數據加載 */
function load(param, success, error) {
var url= '/kjps/system/countSearch/list';
var data22 = form2Json("catalogCodefm");
var params = {
comSuperior:data22.comSuperior,
comName:data22.comName,
slipYear:data22.slipYear,
slipCom:data22.slipCom,
slipNo:data22.slipNo
}
doRequest({
url: url,
isEncrypt: true,
data:params,
callback: function (res) {
success(res);
}
});
};
后端:
/**
* 查詢列表數據
*/
@RequestMapping(value = "/list", method = RequestMethod.POST)
@ResponseBody
public ResBody<CountSearch> list(@RequestBody CountSearch countSearch,HttpServletRequest request) {
ResBody<CountSearch> res = new ResBody<>();
res.setRows(countSearchService.list(countSearch,request));
res.setMsg("查詢列表成功");
return res;
}
controller去調service,service去調mapper。
浙公網安備 33010602011771號