RESTful风格(使用Ajax+Spring MVC框架实现)

RESTful简介：
（详情参考：）
http://baike.baidu.com/link?url=1FMTyxYwnN5OED7oXwbLBI1z35JCuE1bfIamqJMrbBUeNDPmQ6U3t-gx9tGHC170A0akfPhhzfBNWF0BwHj-xq
http://developer.51cto.com/art/200908/141825.htm
https://www.zhihu.com/question/28557115
http://blog.csdn.net/aooppo/article/details/8686595
…
个人理解：
在同一个路径下，不同的协议请求（Get、Post、Put、Delete、Patch、Head、Option s、Trace）实现不同的功能。

一、环境配置
①、开发前的基础配置：配置好相应的Spring MVC、JSON和Restful需要的依赖程序包。
②、Tomcat9.0服务器配置
③、在项目配置web.xml

    <servlet-name>springmvc</servlet-name><servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class><init-param> <param-name>contextConfigLocation</param-name><param-value>classpath:applicationContext-mvc.xml</param-value></init-param></servlet><servlet-mapping><servlet-name>springmvc</servlet-name><!-- 路径是 '/' 斜杠 --><url-pattern>/</url-pattern></servlet-mapping>

④、建立一个测试类TextRestful .java，测试环境是否可用

@Controller
public class TextRestful {@RequestMapping(value="/restful",produces="text/plain;charset=UTF-8")public @ResponseBody String info() {return "Hello World!";}
}

浏览器输入路径：http://localhost/XXXX（项目名称） / restful（方法路径）
页面显示：Hello World!则代表环境搭建完成。
⑤准备要测试的Vo类

public class Emp implements Serializable {private Integer empno;private String ename;private double sal;private Date hiredate;//此处省略setter()、getter()和toString()方法
}

⑥准备好测试的test.JSP页面

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";// request.setCharacterEncoding("UTF-8") ;
%>
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/restful.js"></script>
<title>Insert title here</title>
</head>
<body><input type="button" id="addBut" name="addBut" value="增加"><br><input type="button" id="editBut" name="editBut" value="更新"><br><input type="button" id="deleteBut" name="deleteBut" value="删除"><br><input type="button" id="getBut" name="getBut" value="查询"><br><input type="button" id="listBut" name="listBut" value="分页显示"><br><div id="showDiv"></div>
</body>
</html>

二、Restful风格实现CRUD
1、POST请求实现数据增加：
①、在TextRestful.java中增加：

@RequestMapping(value="/restful",method=RequestMethod.POST,produces="application/json;charset=UTF-8")public @ResponseBody Object add(Emp vo){log.info("数据增加成功："+vo);JSONObject js = new JSONObject();js.put("flag", true);return js;}

②、在restful.js中增加：

$(addBut).on("click",function(){$.ajax({url: "restful",type : "post",data : {empno : 110,ename : "RESTful",sal : 1.1,hiredate : "1111-11-11"},success : function(data){$(showDiv).append("<p> 数据增加成功："+data.flag+"</p>");},dataType : "json",error : function(data){$(showDiv).append("<p>出错了</p>");}})});

2、PUT请求实现数据更新
①、在TextRestful.java中增加：

@RequestMapping(value="/restful",method=RequestMethod.PUT,produces="application/json;charset=UTF-8")public @ResponseBody Object edit(Emp vo){log.info("数据更新成功："+vo);JSONObject js = new JSONObject();js.put("flag", true);return js;}

②、在restful.js中增加：

$(editBut).on("click",function(){$.ajax({url: "restful",type : "post",data : {_method : "put",empno : 110,ename : "RESTful",sal : 1.1,hiredate : "1111-11-11"},success : function(data){$(showDiv).append("<p> 数据更新成功："+data.flag+"</p>");},dataType : "json",error : function(data){$(showDiv).append("<p>出错了</p>");}})});

3、DELETE请求实现数据删除
①、在TextRestful.java中增加：

@RequestMapping(value="/restful",method=RequestMethod.DELETE,produces="application/json;charset=UTF-8")public @ResponseBody Object remove(int mid){log.info("要删除的是："+mid);JSONObject js = new JSONObject();js.put("flag", true);return js;}

②、在restful.js中增加：

$(deleteBut).on("click",function(){$.ajax({url: "restful",method : "post" ,data : {_method : "delete",mid : 1},dataType : "json",success : function(data){$(showDiv).append("<p> 数据删除成功："+data.flag+"</p>");},error : function(data){$(showDiv).append("<p>出错了</p>");}})});

4、GET请求实现数据查询
①、在TextRestful.java中增加：

@RequestMapping(value="/restful/{mid:\\d+}",method=RequestMethod.GET,produces="application/json;charset=UTF-8")public @ResponseBody Object get(@PathVariable("mid") int mid){log.info("要查看的是："+mid);Emp vo = new Emp();vo.setEmpno(mid);vo.setEname("SMITH");vo.setSal(1.1);vo.setHiredate(new Date());JSONObject js = new JSONObject();js.put("emp", vo);return js;}

②、在restful.js中增加：

$(getBut).on("click",function(){$.ajax({url: "restful/1",method : "get" ,data : {},dataType : "json",success : function(data){$(showDiv).append("<p> 编号："+data.allMembers.empno+"，名称："+data.allMembers.ename+",工资"+data.allMembers.sal+",日期:"+data.emp.hiredate+"</p>");console.log(1);},error : function(data){$(showDiv).append("<p>出错了</p>");}})});

5、PATCH请求实现数据分页
①、在TextRestful.java中增加：

@RequestMapping(value="/restful/{condition}",method=RequestMethod.PATCH,produces="application/json;charset=UTF-8")public @ResponseBody Object list(@PathVariable("condition") String param){log.info("查看的是："+param);int currentPage = 4;int lineSize = 5;List<Emp> all = new ArrayList<Emp>() ;for (int x = ((currentPage-1)*lineSize);x< currentPage *lineSize; x ++) {Emp vo = new Emp() ;vo.setEmpno(x);vo.setEname("姓名 - " + x);vo.setSal(10000.0 + x);vo.setHiredate(new Date());all.add(vo) ;}Map<String,Object> map = new HashMap<String,Object>();map.put("allEmps", all);return map;}

②、在restful.js中增加：

$(listBut).on("click",function(){$.ajax({url: "restful/1",method : "PATCH" ,dataType : "json",success : function(data){for(var t=0;t<data.allEmps.length;t++){$(showDiv).append("<p> 编号："+data.allEmps[t].empno+"，名称："+data.allEmps[t].ename+",工资"+data.allEmps[t].sal+",日期:"+data.allEmps[x].hiredate+"</p>");}},error : function(data){$(showDiv).append("<p>出错了</p>");}})});

RESTful风格(使用Ajax+Spring MVC框架实现)相关推荐

搭建基于spring MVC框架 + RESTful架构风格技术总结
2019独角兽企业重金招聘Python工程师标准>>> 实战篇: 在SpringMVC框架中搭建RESTful架构风格来完成客户端与服务器端的低耦合度.可扩展性.高并发与大数据流量的 ...
在Spring MVC框架下利用RESTful API和MongoDB实现用户留言与邮件反馈
在Spring MVC框架下,基于注解映射和数据绑定编写Java业务代码,采用MongoDB数据库进行数据存储,使用JSP和JS渲染表单页面,利用RESTful API实现基于URL的请求处理服务,以 ...
Spring MVC 学习总结（九）——Spring MVC实现RESTful与JSON（Spring MVC为前端提供服务）...
Spring MVC 学习总结(九)--Spring MVC实现RESTful与JSON(Spring MVC为前端提供服务) 目录一.JSON 1.1.概要 1.2.使用ModelAndView ...
【Java学习路线之JavaWeb】Spring MVC框架入门教程
文章目录读者阅读条件 MVC设计模式简介 JSP+JavaBean Servlet+JSP+JavaBean MVC优缺点优点缺点 Spring MVC是什么 Spring MVC优点第一个 ...
Spring MVC(10)：REST 支持 Ajax+Spring MVC 实例
Spring 对于 REST 的支持 REST REST(Respresentational State Transfer) 是一种面向资源,强调描述应用程序远程调用的开发方式,并不特指某种技术和框架 ...
2022/5/3 Spring MVC框架
目录 1丶什么是MVC 1.1丶回顾MVC 1.2丶MVC设计模式 1.3丶SpringMVC架构 1.4丶概述 1.5丶中心控制器(DispatcherServlet) 1.6丶SpringMVC执 ...
Java Spring MVC框架 VII
Java Spring MVC框架 VII Spring MVC小结 1.小结 ● 关于Spring MVC框架,你应该(1/5): – 理解Spring MVC框架的作用 – 接收请求,响应结果,处 ...
Spring MVC框架-持久层用hibernate自动化（1）
##Spring MVC Spring MVC属于SpringFrameWork的后续产品,已经融合在Spring Web Flow里面.Spring 框架提供了构建 Web 应用程序的全功能 MVC ...
Spring MVC框架——Web开发框架
1.MVC设计模式一般指MVC框架,M(Model)数据模型层,V(View)视图层,C(Controller)控制层. Controller层:获取用户的请求,处理相关业务逻辑,并成功跳转页面,负 ...

RESTful风格(使用Ajax+Spring MVC框架实现)

RESTful风格(使用Ajax+Spring MVC框架实现)相关推荐

最新文章

热门文章