如果說(shuō)現(xiàn)在你要做一個(gè)系統(tǒng)，假設(shè)說(shuō)有一個(gè)模塊屬于公告管理，那么我們可能安排路徑的時(shí)候會(huì)這樣安排NewsAction路徑：
增加新聞：/pages/back/admin/news/add.action；
新聞列表：/pages/back/admin/news/list.action
隨著技術(shù)的發(fā)展，有一種新型的架構(gòu)設(shè)計(jì)思想：Restful風(fēng)格，也就是說(shuō)利用一個(gè)簡(jiǎn)單的路徑，而后根據(jù)HTTP提交模式不同。那么可以完成不同的功能，也就是說(shuō)：
看一個(gè)新聞內(nèi)容：/news/1，GET；
刪除新聞：/news/1，DELETE。
基礎(chǔ)整合配置
如果現(xiàn)在希望spring MVC運(yùn)行的時(shí)候可以以Restful的風(fēng)格進(jìn)行執(zhí)行，那么首先需要添加一些依賴(lài)程序庫(kù)，修改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文件，因?yàn)槿绻雽?shí)現(xiàn)Restful風(fēng)格的開(kāi)發(fā)，那么對(duì)于所有的Action請(qǐng)求路徑就必須做出修改
|
1
2
3
4
|
<servlet-mapping> <servlet-name>springmvc</servlet-name> <url-pattern>/</url-pattern></servlet-mapping> |
建立一個(gè)MemberAction程序類(lèi)，定義有如下的一個(gè)程序操作：
|
1
2
3
4
5
6
7
|
public class MemberAction {// 定義該方法的訪(fǎng)問(wèn)路徑，而后表示該方法返回的數(shù)據(jù)類(lèi)型為普通的文本類(lèi)型（MIME） @RequestMapping(value="/info",produces="text/plain;charset=UTF-8") public @ResponseBody String info() { // 該方法的返回值即回應(yīng)的主題消息 return "www.mldnjava.cn" ; } } |
在未使用restful操作的時(shí)候要想實(shí)現(xiàn)這樣的輸出則必須利用response對(duì)象完成處理，但是如果使用了restful之后整個(gè)的操作利用注解可以直接將方法的返回內(nèi)容變?yōu)橐粋€(gè)具體的文本數(shù)據(jù)出現(xiàn)。
|
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;} |
也就是說(shuō)整個(gè)在Restful處理過(guò)程之中，這些路徑的控制會(huì)更加的全面，可以表述的含義也更加的豐富。
Spring MVC本身支持restful風(fēng)格操作，但是在整個(gè)的Restful風(fēng)格里面大部分的情況都是與JSON的結(jié)合處理。所以首先需要配置JSON相關(guān)的程序開(kāi)發(fā)包
|
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> |
這個(gè)時(shí)候還需要使用到JSON的開(kāi)發(fā)包，但是對(duì)于這個(gè)開(kāi)發(fā)包建議自己?jiǎn)为?dú)配置。
實(shí)現(xiàn)數(shù)據(jù)的追加處理
Restful風(fēng)格的主題操作都表示可以直接進(jìn)行信息的接收與處理，利用Spring MVC中提供的自動(dòng)VO接收處理，以及返回JSON處理結(jié)果為方式進(jìn)行一個(gè)增加的操作實(shí)現(xiàn)。 1、 建立一個(gè)Member.Java的VO類(lèi)，這個(gè)VO類(lèi)需要考慮到后期針對(duì)于JSON轉(zhuǎn)換輸出操作。
|
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程序里面建立一個(gè)處理方法； 增加日期的處理轉(zhuǎn)換器：
|
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; } |
建立一個(gè)JSP以及JS操作通過(guò)jQuery盡心調(diào)用處理:
|
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> |
定義一個(gè)restful_dempo.js文件，來(lái)進(jìn)行數(shù)據(jù)驗(yàn)證等操作:
|
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>增加處理結(jié)果"+data.flag+"</p>"); }, error : function(data){ $(showDiv).append("<p>對(duì)不起出錯(cuò)了 ！！！！！！！！！！！！</p>"); } }); });} |
數(shù)據(jù)更新處理
數(shù)據(jù)的更新處理主要是值得是修改增加刪除，其中對(duì)于增加處理已經(jīng)完成了，實(shí)現(xiàn)修改操作:
在MemberAction里面最佳一個(gè)新的方法:
|
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文件里面對(duì)editMember文件里面為按鈕綁定時(shí)間:
|
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>修改頁(yè)面出錯(cuò)了</h1>"); } }); }); |
刪除用戶(hù)處理:
在MemberAction只中定義相關(guān)的刪除處理方法
|
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里面需要發(fā)送的是DELETE請(qǐng)求模式:
|
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>刪除頁(yè)面出錯(cuò)了</h1>"); } });}); |
在Restful里面增加使用POST模式，修改使用PUT模式，刪除使用DELETE模式:
之后進(jìn)行數(shù)據(jù)的查詢(xún)操作:
對(duì)于數(shù)據(jù)的查詢(xún)操作最多的形式就是進(jìn)行單的信息查詢(xún)，以及數(shù)據(jù)的分頁(yè)查詢(xún)操作:
取得單個(gè)用戶(hù)信息:
在MemberAction里面定義一個(gè)根據(jù)id取得用戶(hù)信息的處理操作:
|
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; } |
在前臺(tái)頁(yè)面之中使用js進(jìn)行調(diào)用，把返回的結(jié)果直接進(jìn)行輸出:
|
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>分頁(yè)查找頁(yè)面出錯(cuò)了</h1>"); } }); }); |
在js頁(yè)面之中對(duì)時(shí)間日期函數(shù)進(jìn)行處理:
|
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;} |
最后進(jìn)行一個(gè)分頁(yè)列表操作:
如果要進(jìn)行分頁(yè)列表的控制，那么一定需要傳遞若干個(gè)分頁(yè)的控制參數(shù):lineSize,currentPage,column,keyWord,如果現(xiàn)在要想進(jìn)行這些參數(shù)的接收控制，最好的做法就是單獨(dú)編寫(xiě)一個(gè)分頁(yè)的工具類(lèi):
定義SplitUtil工具類(lèi),該工具可以自動(dòng)的接受傳遞的參數(shù)內(nèi)容,因?yàn)闀?huì)自動(dòng)調(diào)用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里面最佳有一個(gè)分頁(yè)的控制顯示方法:
|
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之中編寫(xiě)js文件進(jìn)行分頁(yè)的調(diào)用:
|
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>分頁(yè)查找頁(yè)面出錯(cuò)了</h1>"); } }); }); |
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持服務(wù)器之家。
原文鏈接：http://blog.csdn.net/weide_java/article/details/53793769
