管理控制层代码重构
1.重构方法的返回值,对返回值进行统一封装实际项目中现在通常会对控制层返回的数据进行统一封装.
1)正常数据(包含页面要呈现的数据)
2)错误数据(包含一些异常信息)在我们的项目我们会将控制台返回的数据封装为一个JsonResult对象(此对象会转换为json格式字符串返回到客户端)
class JsonResult{
private int state;
private String message;
private Object data;
.........}
或class Result{ .............}
或class R{ ........}
2.控制层异常的统一处理
1)处理目的:提高系统的容错能力,改善用户体验.
2)处理手段:基于注解方式实现
a)通过继承将异常处理代码写到BaseController类中
b)通过@ControllerAdvice注解声明统一异常处理对象.
例如:方案1:
public class BaseController{
@ExceptionHandler(ServiceException.class)
@ResponseBody
public JsonResult handleServiceException( ServiceException e){
e.printStackTrace();
return new JsonResult(e);//state=0,message=e.getMessage();
}}
class ProjectController extends BaseController{....}
方案2:@ControllerAdvicepublic class ControllerHandlerException{ @ExceptionHandler(ServiceException.class)
@ResponseBody
public JsonResult handleServiceException( ServiceException e){
e.printStackTrace();
return new JsonResult(e);//state=0,message=e.getMessage();
}}
Spring MVC 在发现控制层异常以后会自动检测查找异常处理方法.
管理添加模块实现
1.项目信息添加实现的基本步骤
1)在ProjectDao中添加方法
int insertObject(Project entity);
2)在ProjectMapper.xml文件添加insert元素insert .......
3)在ProjectService接口及实现类中添加相关方法
void saveObject(Project entity);
4)在TestProjectService类进行单元测试.
5)在ProjectController类中添加方法
@RequestMapping("doSaveObject")
@ResponseBody
public JsonResult doSaveObject(Project entity){ ....... }
@RequestMapping("editUI")
public String editUI(){
return .....
}
2.js端实现数据提交
1)在project_list.js中的添加按钮注册事件
$("#queryFormId").on("click",".btn-add",doLoadEditPage);
2)定义加载页面的方法
function doLoadEditPage(){
//定义访问编辑页面的url地址
var url="project/editUI.do";
//$(".content").load(url) var title;
//var cls=$(this).attr("class");
//btn btn-primary btn-add
//if(cls=="btn btn-primary btn-add");
if($(this).hasClass("btn-add")){
title="添加项目信息"
}
if($(this).hasClass("btn-update")){
title="修改项目信息"
}
//在模态框中异步加载显示编辑页面.本项目中模态框的定义在index.jsp中,而且默认是隐藏的. $("#modal-dialog .modal-body") .load(url,function(){//callback method
$(".modal-title").html(title);
//页面加载完成显示模态框(其中show表示显示,hide表示隐藏)
$("#modal-dialog").modal("show"); });};
3)在project_edit.js中注册保存事件,执行保存业务
$(document).ready(function(){
$("#modal-dialog").on("click",".ok",doSaveOrUpdate); //模态框的.ok按钮上注册点击事件
//在模态框隐藏后移除ok上注册的事件,防止数据多次提交.
$("#modal-dialog") .on("hidden.bs.modal",function(){
$("#modal-dialog").off("click",".ok"); });
});
4)实现添加或修改数据方法
function doSaveOrUpdate(){
//0.验证表单数据是否为空
if(!$("#editFormId").valid())return;
//1.获得表单数据
var params=getEditFormData();
console.log(params);
//2.异步提交表单数据
var url="project/doSaveObject.do"；
$.post(url,params,function(result){
if(result.state==1){//隐藏模态框
$("#modal-dialog").modal("hide");
alert(result.message);//显示相关信息
doGetObjects();//重新查询数据
}else{
alert(result.message);
}
});
}
5）获取表单数据
function getEditFormData(){
var params{
name:$("#nameId").val(),code:$("#codeId").val(),beginDate:$("#beginDateId").val(),
endDate:$("#endDateId").val(),valid:$("input[type='radio']:checked").val(),
note:$("#noteId").val()}//JSON 对象
return params;
}