如果說現在你要做一個系統，假設說有一個模塊屬于公告管理，那么我們可能安排路徑的時候會這樣安排NewsAction路徑：
增加新聞：/pages/back/admin/news/add.action；
新聞列表：/pages/back/admin/news/list.action
隨著技術的發展，有一種新型的架構設計思想：Restful風格，也就是說利用一個簡單的路徑，而后根據HTTP提交模式不同。那么可以完成不同的功能，也就是說：
看一個新聞內容：/news/1，GET；
刪除新聞：/news/1，DELETE。
基礎整合配置
如果現在希望spring MVC運行的時候可以以Restful的風格進行執行，那么首先需要添加一些依賴程序庫，修改pom.xml文件，追加如下的配置：
|
1
2
3
4
5
|
<dependency> <groupId>com.fasterxml.jackson.core</groupId> <artifactId>jackson-core</artifactId> <version>2.8.3</version><version>2.8.3</version> |
在pom.xml里配置
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
<dependency> <groupId>com.fasterxml.jackson.core</groupId> <artifactId>jackson-core</artifactId> <version>2.8.3</version></dependency><dependency> <groupId>com.fasterxml.jackson.core</groupId> <artifactId>jackson-annotations</artifactId> <version>2.8.3</version></dependency><dependency> <groupId>com.fasterxml.jackson.core</groupId> <artifactId>jackson-databind</artifactId> <version>2.8.3</version></dependency> |
隨后還需要修改web.xml文件，因為如果要想實現Restful風格的開發，那么對于所有的Action請求路徑就必須做出修改
|
1
2
3
4
|
<servlet-mapping> <servlet-name>springmvc</servlet-name> <url-pattern>/</url-pattern></servlet-mapping> |
建立一個MemberAction程序類，定義有如下的一個程序操作：
|
1
2
3
4
5
6
7
|
public class MemberAction {// 定義該方法的訪問路徑，而后表示該方法返回的數據類型為普通的文本類型（MIME） @RequestMapping(value="/info",produces="text/plain;charset=UTF-8") public @ResponseBody String info() { // 該方法的返回值即回應的主題消息 return "www.mldnjava.cn" ; } } |
在未使用restful操作的時候要想實現這樣的輸出則必須利用response對象完成處理，但是如果使用了restful之后整個的操作利用注解可以直接將方法的返回內容變為一個具體的文本數據出現。
|
1
2
3
4
|
@RequestMapping(value = "/echo/{msgParam}", produces = "text/plain;charset=UTF-8")public @ResponseBody String echo(@PathVariable("msgParam") String msg) { return "ECHO : " + msg;} |
也就是說整個在Restful處理過程之中，這些路徑的控制會更加的全面，可以表述的含義也更加的豐富。
Spring MVC本身支持restful風格操作，但是在整個的Restful風格里面大部分的情況都是與JSON的結合處理。所以首先需要配置JSON相關的程序開發包
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
<dependency> <groupId>net.sf.ezmorph</groupId> <artifactId>ezmorph</artifactId> <version>1.0.6</version></dependency><dependency> <groupId>commons-lang</groupId> <artifactId>commons-lang</artifactId> <version>2.6</version></dependency><dependency> <groupId>commons-beanutils</groupId> <artifactId>commons-beanutils</artifactId> <version>1.9.2</version></dependency><dependency> <groupId>commons-collections</groupId> <artifactId>commons-collections</artifactId> <version>3.2.1</version></dependency> |
這個時候還需要使用到JSON的開發包，但是對于這個開發包建議自己單獨配置。
實現數據的追加處理
Restful風格的主題操作都表示可以直接進行信息的接收與處理，利用Spring MVC中提供的自動VO接收處理，以及返回JSON處理結果為方式進行一個增加的操作實現。 1、 建立一個Member.Java的VO類，這個VO類需要考慮到后期針對于JSON轉換輸出操作。
|
1
2
3
4
5
6
7
8
9
10
11
12
|
package cn.mldn.vo;import java.io.Serializable;import java.util.Date;import javax.xml.bind.annotation.XmlRootElement;@SuppressWarnings("serial")@XmlRootElementpublic class Member implements Serializable { private Integer mid ; private String name ; private Double salary ; private Date hiredate ;} |
在MebmerAction程序里面建立一個處理方法； 增加日期的處理轉換器：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
private Logger log = Logger.getLogger("MemberAction.class"); @InitBinder public void initBinder(WebDataBinder wdb){ wdb.registerCustomEditor(java.util.Date.class, new CustomDateEditor(new SimpleDateFormat("yyyy-MM-dd"), true)); } @RequestMapping(value="/member",method=RequestMethod.POST,produces="application/json;charset=UTF-8") public @ResponseBody Object add(Member vo){ log.info("member的add方法"); log.info("member:" + vo); JSONObject obj = new JSONObject(); obj.put("flag", true); return obj; } |
建立一個JSP以及JS操作通過jQuery盡心調用處理:
|
1
2
|
<script type="text/javascript" src="js/jquery.min.js"></script><script type="text/javascript" src="js/restful_demo.js"></script> |
|
1
2
3
4
|
<div id="butDiv"><button id="addMember"> </button></div><div id="showDiv"></div> |
定義一個restful_dempo.js文件，來進行數據驗證等操作:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
$(function(){ $(addMember).on("click",function(){ $.ajax({ url : "member", type : "post", dataType : "json", data : { mid : 1001, name : "史密斯", salary : 9888.2, hiredate : "1999-10-12" }, success : function(data){ $(showDiv).append("<p>增加處理結果"+data.flag+"</p>"); }, error : function(data){ $(showDiv).append("<p>對不起出錯了 ！?。。。。。。。。。?！</p>"); } }); });} |
數據更新處理
數據的更新處理主要是值得是修改增加刪除，其中對于增加處理已經完成了，實現修改操作:
在MemberAction里面最佳一個新的方法:
|
1
2
3
4
5
6
7
|
@RequestMapping(value="/member",method=RequestMethod.PUT,produces="application/json;charset=UTF-8")public @ResponseBody Object edit(Member vo){ JSONObject obj = new JSONObject(); log.info("edit" + vo); obj.put("flag", true); return obj;} |
隨后在restful_demo.js文件里面對editMember文件里面為按鈕綁定時間:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
|
$(editMember).on("click",function(){ $.ajax({ url : "member?mid=1111&name=阿倫&salary=999.99&hiredate=1999-90-90", type : "put", dataType : "json", success : function(data){ $(showDiv).append("<h1>修改處理操作 "+ data.flag +"</h1>"); }, error : function(data){ $(showDiv).append("<h1>修改頁面出錯了</h1>"); } }); }); |
刪除用戶處理:
在MemberAction只中定義相關的刪除處理方法
|
1
2
3
4
5
6
7
|
@RequestMapping(value="/member/{mid:\\d+}",method=RequestMethod.DELETE,produces="application/json;charset=UTF-8")public @ResponseBody Object delete(@PathVariable("mid") int mid){ JSONObject obj = new JSONObject(); obj.put("flag", true); log.info("delete" + mid); return obj;} |
在js里面需要發送的是DELETE請求模式:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
|
$(removeMember).on("click",function(){ $.ajax({ url : "member/1001", type : "delete", dataType : "json", success : function(data){ $(showDiv).append("<h1>刪除處理操作 "+ data.flag +"</h1>"); }, error : function(data){ $(showDiv).append("<h1>刪除頁面出錯了</h1>"); } });}); |
在Restful里面增加使用POST模式，修改使用PUT模式，刪除使用DELETE模式:
之后進行數據的查詢操作:
對于數據的查詢操作最多的形式就是進行單的信息查詢，以及數據的分頁查詢操作:
取得單個用戶信息:
在MemberAction里面定義一個根據id取得用戶信息的處理操作:
|
1
2
3
4
5
6
7
8
9
|
@RequestMapping(value="/member/{mid:\\d+}",method=RequestMethod.GET,produces="application/json;charset=UTF-8") public @ResponseBody Object get(@PathVariable("mid") int mid){ Member vo = new Member(); vo.setMid(mid); vo.setName("史密斯"); vo.setSalary(199.11); vo.setHiredate(new Date()); return vo; } |
在前臺頁面之中使用js進行調用，把返回的結果直接進行輸出:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
$(listMember).on("click",function(){ $.ajax({ url : "member/mid", type : "patch", dataType : "json", success : function(data){ $(showDiv).append("<h1> "+data.condition+" </h1>"); $(showDiv).append("<h1> "+data.memberCount+" </h1>"); console.log(data.allMembers.length); for(var x = 0 ; x < data.allMembers.length ; x ++){ $(showDiv).append("<h1> 修改處理操作"+ data.allMembers[x].mid +", "+data.allMembers[x].name+" "+data.allMembers[x].salary+" "+new Date(data.allMembers[x].hiredate).format("yyyy-MM-dd hh:mm:ss")+"</h1>"); } }, error : function(data){ $(showDiv).append("<h1>分頁查找頁面出錯了</h1>"); } }); }); |
在js頁面之中對時間日期函數進行處理:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
Date.prototype.format = function(fmt) { var o = { "M+" : this.getMonth() + 1, // "d+" : this.getDate(), // "h+" : this.getHours(), // "m+" : this.getMinutes(), // "s+" : this.getSeconds(), // "q+" : Math.floor((this.getMonth() + 3) / 3), // "S" : this.getMilliseconds() // }; if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "") .substr(4 - RegExp.$1.length)); for ( var k in o) if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length))); return fmt;} |
最后進行一個分頁列表操作:
如果要進行分頁列表的控制，那么一定需要傳遞若干個分頁的控制參數:lineSize,currentPage,column,keyWord,如果現在要想進行這些參數的接收控制，最好的做法就是單獨編寫一個分頁的工具類:
定義SplitUtil工具類,該工具可以自動的接受傳遞的參數內容,因為會自動調用setter方法:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
|
public class Member { private Integer mid; private String name; private Double salary; private Date hiredate; public Integer getMid() { return mid; } public void setMid(Integer mid) { this.mid = mid; } public String getName() { return name; } public void setName(String name) { this.name = name; } public Double getSalary() { return salary; } public void setSalary(Double salary) { this.salary = salary; } public Date getHiredate() { return hiredate; } public void setHiredate(Date hiredate) { this.hiredate = hiredate; } @Override public String toString() { return "Member [mid=" + mid + ", name=" + name + ", salary=" + salary + ", hiredate=" + hiredate + "]"; } |
在MemberAction里面最佳有一個分頁的控制顯示方法:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
@RequestMapping(value="/member/{condition}",method=RequestMethod.PATCH,produces="application/json;charset=UTF-8") public @ResponseBody Object list(@PathVariable("condition") String condition,SplitPageUtil su){ List<Member> all = new ArrayList<Member>(); for(int x = (su.getCp()-1) * su.getLs() ; x < su.getCp() * su.getLs() ; x ++){ Member vo = new Member(); vo.setMid(x); vo.setName("性名 - " + x ); vo.setSalary(1000.00 + x*35); vo.setHiredate(new Date()); all.add(vo); } for (Member member : all) { System.out.println(member); } Map<String,Object> map = new HashMap<String,Object>(); map.put("memberCount", 892349); map.put("allMembers", all); map.put("condition", condition); return map; } |
在js之中編寫js文件進行分頁的調用:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
$(listMember).on("click",function(){ $.ajax({ url : "member/mid", type : "patch", dataType : "json", success : function(data){ $(showDiv).append("<h1> "+data.condition+" </h1>"); $(showDiv).append("<h1> "+data.memberCount+" </h1>"); console.log(data.allMembers.length); for(var x = 0 ; x < data.allMembers.length ; x ++){ $(showDiv).append("<h1> 修改處理操作"+ data.allMembers[x].mid +", "+data.allMembers[x].name+" "+data.allMembers[x].salary+" "+new Date(data.allMembers[x].hiredate).format("yyyy-MM-dd hh:mm:ss")+"</h1>"); } }, error : function(data){ $(showDiv).append("<h1>分頁查找頁面出錯了</h1>"); } }); }); |
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持服務器之家。
原文鏈接：http://blog.csdn.net/weide_java/article/details/53793769
