SSM框架之RestFul示例
演示环境:maven+Spring+SpringMVC+MyBatis Plus或MyBatis都行+JDK8
JDK7我想应该没有问题,原因是用的基本都是JDK6或者JDK7的相关特性。
当然了,JDK10现在都有了,新的特性出现的同时和对一些原有的JAVA类性能升级等。
RestFul是一种架构风格,对应资源请求分门别类管理。
万物皆资源,可以这么理解。
对应不同的请求有不同的请求方式,比如
如果是获取资源列表,可通过GET请求获取对应的资源列表信息;
如果是删除某个资源,可以使用Delete请求;
如果是修改某个资源,可以使用Put请求;
如果是增加某个资源,可以使用POST请求;
日常比较常用的也就这么几个,对于SpringMVC,你可以尽情的使用注解,例如@PostMapping、@GetMapping、@PutMapping、@DeleteMapping等。
同时也可以使用@RequestMapping中的Method定义呢需要的请求方式。当然了,我个人比较推崇使用对应的请求注解。
如果按照之前的方式开发,很少分请求对应资源。
另外,或许有人疑问为什么要这样做?
前面我就说过,为了更好的管理资源,遵守RestFul架构风格。
当然了,还有就是用请求可以区分资源,例如获取、增加、删除、修改等。当然了,全部用Post也可以做。至于为什么用Post,网上博客一大把。
至于Delete、PUT,它们都和Post一样,不能通过F12获取具体的信息,除非通过POSTMAN或Jmeter等工具可以获取,再不济使用Java封装的一个HTTP类也可以做到。
使用GET的目的因为,通过GET获取数据只是查而已,并不对数据修改,对于安全性而言的话,没那么高。而Delete、Post、Put的话,对于数据库直接涉及删、增、改了,所以一定要特别注意安全性方面。
下面演示了几个示例:
1.GET
/** * 查询公司编码获得该公司相关的所有资源 * @param companyCode * @return */ @GetMapping(value="/selectCompanyCodeGetResourceInfo",produces="application/json;charset=utf-8") @ApiOperation(value="查询公司编码获得该公司相关的所有资源",httpMethod="GET",notes="获取资源状态数量信息,个体用户专用") public JSONObject selectCompanyCodeGetResourceInfo(String companyCode,String status){ JSONObject json = new JSONObject(); System.out.println("companyCode:"+companyCode); System.out.println("status:"+status); //条件查询 EntityWrapper<Resource> resourceSelectCondition = new EntityWrapper<Resource>(); resourceSelectCondition.eq("company_code", companyCode); resourceSelectCondition.eq("status", status); List<Resource> resourceList = resourceService.selectList(resourceSelectCondition); if(status.equals(CommonEnum.ISSUE)) { json.put("resourceList",resourceList); json.put("returnMsg", CommonEnum.ISSUE); }else if(status.equals(CommonEnum.NO_ISSUE)) { json.put("resourceList",resourceList); json.put("returnMsg", CommonEnum.NO_ISSUE); }else { json.put("resourceList",resourceList); json.put("returnMsg","error"); } return json; }
js代码
//查询公司编码获得该公司相关的所有资源 function selectCompanyCodeGetResourceInfo(companyCode,status){ $.ajax({ url:ZL.url.api.selectCompanyCodeGetResourceInfo, type:"GET", data : {"companyCode":companyCode,"status":status}, dataType : 'json', success:function(data){ //将从后台获取的List装入apps中 var apps = data.resourceList; new Vue({ el:"#markingCenter", data: { items:apps } }); },error:function(){ alert("失败"); } }); }
2.POST
/** * 个人身份认证 * @param personAuthDto * @return */ @PostMapping(value="/personal_Auth",produces="application/json;charset=utf-8") @ApiOperation(value="个人身份认证",httpMethod="POST",notes="个人身份认证") public JSONObject personal_Auth(@RequestBody PersonAuthDto personAuthDto) { JSONObject json = new JSONObject(); logger.info("---start---"); logger.info("userId:"+personAuthDto.getUserId()); logger.info("identity:"+personAuthDto.getIdentity()); logger.info("remark:"+personAuthDto.getRemark()); logger.info("---end---"); //身份证合法验证 boolean validIdentity = IdcardUtil.isValidCard(personAuthDto.getIdentity()); if(validIdentity) { try { Date date = DateUtil.date(); MarketIdentity auth = new MarketIdentity(); auth.setUserId(personAuthDto.getUserId()); auth.setCreateTime(date.toString()); auth.setIdentityId(personAuthDto.getIdentity()); auth.setRemark(personAuthDto.getRemark()); auth.setType(CommonEnum.PERSON_AUTH); auth.setResult(CommonEnum.WAIT_AUTH); //调用新增认证信息方法 boolean isAuth = marketIdentityService.insert(auth); if(isAuth) { json.put("returnMsg","已提交认证申请,等待审批"); json.put("returnCode","000000"); }else { json.put("returnMsg","提交认证申请失败"); json.put("returnCode","111111"); } }catch (Exception e) { e.printStackTrace(); json.put("returnMsg","其他异常"); json.put("returnCode","222222"); } }else { json.put("returnMsg","身份证认证不合法"); json.put("returnCode","333333"); } return json; }
js代码
$(function(){
$("#personal_auth").click(function(){
var userId = $("#userId").val();
var identity = $("#person_identity").val();
var remark = $("#person_remark").val();
var data = {
userId:userId,
identity:identity,
remark:remark
}
if(remark==null || remark==""){
layui.use('layer', function(){
var layer = layui.layer;
layer.msg("请填写认证理由",{icon: 5});
});
return false;
}else{
$.ajax({
url :ZL.url.api.personal_Auth,
type : "POST",
contentType: 'application/json;charset=utf-8',
data : JSON.stringify(data),
dataType : 'json',
success : function(data){
if(data.returnCode=="000000"){
layui.use('layer', function(){
var layer = layui.layer;
layer.msg(data.returnMsg,{icon: 1});
});
setTimeout(() => {
closeLayui();
}, 800);
}else if(data.returnCode=="111111"){
layui.use('layer', function(){
var layer = layui.layer;
layer.msg(data.returnMsg,{icon: 5});
});
}else if(data.returnCode=="222222"){
layui.use('layer', function(){
var layer = layui.layer;
layer.msg(data.returnMsg,{icon: 5});
});
}else if(data.returnCode=="333333"){
layui.use('layer', function(){
var layer = layui.layer;
layer.msg(data.returnMsg,{icon: 5});
});
}
},
error:function(XMLHttpRequest, textStatus, errorThrown){
alert(XMLHttpRequest.status);
// 状态
alert(XMLHttpRequest.readyState);
// 错误信息
alert(textStatus);
}
});
return true;
}
});
});
3.DELETE
@DeleteMapping(value="test002") public JSONObject test002(String userCode) { JSONObject json = new JSONObject(); logger.info("userCode:"+userCode); boolean b = userService.deleteById(userCode); if(b) { json.put("returnMsg", "success"); json.put("returnCode", "00000"); }else { json.put("returnMsg", "error"); json.put("returnCode", "111111"); } return json; }
js代码
var userCode="5";
$.ajax({
url:"sysUser/test002",
type:"DELETE",
data:{"userCode":userCode},
dataType : 'json',
success:function(data){
alert(data.returnCode);
},error:function(XMLHttpRequest, textStatus, errorThrown){
alert(XMLHttpRequest.status);
// 状态
alert(XMLHttpRequest.readyState);
// 错误信息
alert(textStatus);
}
});
4.PUT
@PutMapping(value="test002") public JSONObject test002(@RequestBody SysUser sysUser) { JSONObject json = new JSONObject(); boolean b = userService.updateById(sysUser); if(b) { json.put("returnMsg", "success"); json.put("returnCode", "00000"); }else { json.put("returnMsg", "error"); json.put("returnCode", "111111"); } return json; }
js代码
var data = {
userCode:"2",
loginCode:"123456"
}
$.ajax({
url:"/sysUser/test002",
type:"PUT",
contentType: 'application/json;charset=utf-8',
data:JSON.stringify(data),
dataType : 'json',
success:function(data){
alert(data.returnCode);
},error:function(XMLHttpRequest, textStatus, errorThrown){
alert(XMLHttpRequest.status);
// 状态
alert(XMLHttpRequest.readyState);
// 错误信息
alert(textStatus);
}
});
另外补充说说403、415、500和ajax错误
ajax错误:
出现这个错误的原因,很简单语法错误,不过越简单有的时候往往容易犯低级错误,不过通过浏览器f12调试即可。特别是中小型公司的朋友们,往往兼任多个职位,又是前端,又是后端还有兼任测试和运维。
掌握合理的调试技巧和方式,另外还有有一点要注意,单元测试和POSTMAN或Jmeter测试一定要及时,这样真的可以避免很多问题的。
2.关于这个403
403问题通常是跨域请求问题,下面这个链接可以作为解决方案:
https://blog.csdn.net/qq_25152183/article/details/53158222
3.415错误码
这个错误码出现的原因是比如,我要修改某条数据时,我前端ajax不存在一个叫contentType: 'application/json;charset=utf-8'和使用这个方法JSON.stringify(data),而后台却加上了一@RequestBody,这个注解也就声明了你前台传的必须是json,否则会出现这个问题
4.500
500的问题多的多,这里只列举空指针,这个空指针问题,还是源于修改,前台加上了contentType: 'application/json;charset=utf-8'和使用这个方法JSON.stringify(data),但后台却没有加上@RequestBody,导致参数无法接收,从而导致空指针。通常情况下,用@RequestBody修饰对象。如果只是简单的三个以内或者三个参数可以直接使用{"param1":param1,"param2":param2,"param3":param3}这种方式,如果多于三个以上建议使用数据传输对象的形式,即DTO。
小结:
时不时,还是要抽点时间学习学习理论方面的,读读一些国外有名的计算机博士文章,虽然说不一定完全读的明白,但是可以开开眼界,或者从某些片段中会有一些意想不到的收获。
RestFul架构风格论文:https://www.ics.uci.edu/~fielding/pubs/dissertation/top.htm
大家有时间可以读读,读完后,说不定看看其他的博友们分享的相关文章,会有一种非常特别的感觉。