详解Spring框架之基于Restful风格实现的SpringMVC

如果说现在你要做一个系统,假设说有一个模块属于公告管理,那么我们可能安排路径的时候会这样安排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文件,追加如下的配置:

<dependency>
  <groupId>com.fasterxml.jackson.core</groupId>
  <artifactId>jackson-core</artifactId>
  <version>2.8.3</version>
<version>2.8.3</version>

在pom.xml里配置

    <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请求路径就必须做出修改

<servlet-mapping>
  <servlet-name>springmvc</servlet-name>
  <url-pattern>/</url-pattern>
</servlet-mapping>

建立一个MemberAction程序类,定义有如下的一个程序操作:

public class MemberAction {
// 定义该方法的访问路径,而后表示该方法返回的数据类型为普通的文本类型(MIME)
  @RequestMapping(value="/info",produces="text/plain;charset=UTF-8")
  public @ResponseBody String info() { // 该方法的返回值即回应的主题消息
  return "www.mldnjava.cn" ;
  }
  }

在未使用restful操作的时候要想实现这样的输出则必须利用response对象完成处理,但是如果使用了restful之后整个的操作利用注解可以直接将方法的返回内容变为一个具体的文本数据出现。

  @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相关的程序开发包

<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转换输出操作。

package cn.mldn.vo;
import java.io.Serializable;
import java.util.Date;
import javax.xml.bind.annotation.XmlRootElement;
@SuppressWarnings("serial")
@XmlRootElement
public class Member implements Serializable {
  private Integer mid ;
  private String name ;
  private Double salary ;
  private Date hiredate ;
}

在MebmerAction程序里面建立一个处理方法;  增加日期的处理转换器:

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尽心调用处理:

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/restful_demo.js"></script>
<div id="butDiv">
<button id="addMember"> </button>
</div>
<div id="showDiv"></div>

定义一个restful_dempo.js文件,来进行数据验证等操作:

$(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里面最佳一个新的方法:

  @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文件里面为按钮绑定时间:

$(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只中定义相关的删除处理方法

  @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请求模式:

  $(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取得用户信息的处理操作:

@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进行调用,把返回的结果直接进行输出:

$(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页面之中对时间日期函数进行处理:

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方法:

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里面最佳有一个分页的控制显示方法:

@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文件进行分页的调用:

$(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>");
      }
    });
  });

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • jquery.form.js框架实现文件上传功能案例解析(springmvc)

    上一篇 Bootstrap自定义文件上传下载样式(http://www.jb51.net/article/85156.htm)已经有一段时间了,一直在考虑怎么样给大家提交一篇完美的逻辑处理功能.现在我结合自己的实际工作给大家分享一下. 使用的技术有jquery.form.js框架, 以及springmvc框架.主要实现异步文件上传的同时封装对象,以及一些注意事项. 功能本身是很简单的,但是涉及到一些传递参数类型的问题.例如:jquery的ajax方法与jquery.form.js中的ajaxSu

  • 三步轻松搭建springMVC框架

    一.搭建步骤 1.导入jar包.创建项目包结构 2.在web.xml中配置前端控制器 3.编写springMvc核心配置文件 4.编写pojo类和Controller类测试 二.实现 1.导入jar包.创建项目包结构 2.在web.xml中配置前端控制器 <!-- springMvc前端控制器 --> <servlet> <servlet-name>springMvc</servlet-name> <servlet-class>org.sprin

  • JavaWeb开发之Spring+SpringMVC+MyBatis+SpringSecurity+EhCache+JCaptcha 完整Web基础框架

    简单介绍一下,本框架的基本功能点: Spring:整个框架的主体部分,这个自不用说. SpringMVC:MVC部分我还是比较喜欢Spring的. MyBatis:选型的时候选择这个ORM主要也是考虑其灵活性的问题,毕竟我也不知道,今后会遇到怎样的需求,用Hibernate一来是不太会用,二来,我还是比较喜欢直接写SQL来的简单一点. SpringSecurity:这个主要是安全框架,负责用户登录验证及整站权限分配的相关事项(权限分配真的很有用,这个我就不多说了). EhCache:一个非常流行

  • 手把手教你搭建SpringMVC框架——最小化配置

    为什么需要Spring MVC 最开始接触网页的时候,是纯的html/css页面,那个时候还是用Dreamweaver来绘制页面. 随着网站开发的深入,开始学习servlet开发,记得最痛苦的就是servlet返回网页的内容是字符串拼接的html页面,整不好就无法显示.... 再到后来开学学习SSH,庞大的架构眼花缭乱.Struts繁杂的标签.hibernate搞不清楚的数据表,Spring不知道哪里搞错的bean. 最后随着发展,前端开始占有一席之地,nodejs风生水起,很多业务逻辑开始前置

  • springMVC框架下JQuery传递并解析Json数据

    json作为一种轻量级的数据交换格式,在前后台数据交换中占据着非常重要的地位.Json的语法非常简单,采用的是键值对表示形式. JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串,然后就可以在函数之间轻松地传递这个字符串,或者在异步应用程序中将字符串从 Web 客户机传递给服务器端程序,也可以从服务器端程序传递json格式的字符串给前端并由前端解释.这个字符串是符合json语法的,而json语法又是javascript语法的子集,所以javascript很容易解释它,而且

  • 详解SpringMVC验证框架Validation特殊用法

    基本用法不说了,网上例子很多,这里主要介绍下比较特殊情况下使用的方法. 1. 分组 有的时候,我们对一个实体类需要有多中验证方式,在不同的情况下使用不同验证方式,比如说对于一个实体类来的id来说,保存的时候是不需要的,对于更新时是必须的,可以如下配置: public class UserModel { @NotNull(message = "{id.empty}", groups = { First.class }) private int id; @NotNull(message =

  • 在SpringMVC框架下实现文件的上传和下载示例

    在eclipse中的javaEE环境下:导入必要的架包 web.xml的配置文件: <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation=&

  • 使用jQuery.form.js/springmvc框架实现文件上传功能

    使用的技术有jquery.form.js框架, 以及springmvc框架.主要实现异步文件上传的同时封装对象,以及一些注意事项. 功能本身是很简单的,但是涉及到一些传递参数类型的问题.例如:jquery的ajax方法与jquery.form.js中的ajaxSubmit方法的参数,具体细节将在下一篇博客中分享. 重点: html表格三要素: action="fileUpload/fileUpload" method="post" enctype="mul

  • 详解SpringMVC和MyBatis框架开发环境搭建和简单实用

    1.下载SpringMVC框架架包,下载地址: 点击下载 点击打开地址如图所示,点击下载即可 然后把相关的jar复制到lib下导入 2.MyBatis(3.4.2)下载 点击下载 MyBatis中文文档地址 点击查看 下载解压之后把jar复制到lib下导入,大概是这样子的 3.jdbc连接库还没有下载...这个是5.1.41版本的... 点击下载 解压之后这样子... 4.fastjson 阿里巴巴的json解析库 点击下载 版本是1.2.24 这个是托管到了github上面的,地址是:点击进入

  • Java框架篇:Spring+SpringMVC+hibernate整合开发

    前言: 最近没什么事做,搭个框架写成博客记录下来,拉通一下之前所学知识. 话不多说,我们直接步入正题. 准备工作: 1/安装并配置java运行环境 2/数据库的安装配置(Mysql) 3/安装并配置服务器(Tomcat) 4/Maven 5/ IntelliJIDEA的安装配置(本人使用的主要软件是IntelliJIDEA,没用eclipse什么的) 6/ 使用IntelliJIDEA创建一个web app项目. 貌似就这些了吧 导包 不同于以往的导包,由于我们创建的是maven的webapp项

随机推荐