springMVC数据交互

控制器

　　　　作为控制器，大体的作用是作为V端的数据接收并且交给M层去处理，然后负责管理V的跳转。SpringMVC的作用不外乎就是如此，主要分为：接收表单或者请求的值，定义过滤器，跳转页面；其实就是servlet的替代品。

　　　　- append

　　　　Spring MVC在Web应用中扮演V的角色，负责处理HTTP请求并返回相应的资源，它在用的时候要配置一个核心的Dispatcher负责检查资源，请求过来的时候会查找是否有相应的Handler，有就会把请求交给Controller，一般使用注解来配置暴露给用户端进行调用。

@RequestMapping(value="/JSON",produces="text/html;charset=UTF-8")

　　　　value就是对外暴露的接口地址。

　　　　说到控制器，我们会想到熟悉的Struts2，它可以轻松的调用Request和Response来操作请求响应，如果要在Spring MVC里调用请求响应的话，则需要附带在方法参数上。

    //Request Response

    @RequestMapping(value="/ReqAndRep",produces="text/html;charset=UTF-8")

    public void reqAndrep(HttpServletRequest request,HttpServletResponse response){

    }

　　　　这样就可以控制这个Http请求并且往响应体里写东西了。

传值方式

　　　　- append

　　　　管中窥豹，只见一斑；一叶障目，不见泰山。在前后端交互的过程中，首先要知道都是什么数据类型并且对不同的类型看看Spring MVC会提供怎样的编程方式。

　　　　前后端的数据无非是：变量，对象，数组，JSON；他们有可能会有迭代的行为，把基本的搞懂就不怕他们的二次型了。

　　　　springmvc最方便的一点就是可以通过注释方式来定义它的url。

@Controller

public class formMVC {

    @RequestMapping("/hello")

    public void login(){

    }

　　　　如上面这种方式，在项目名下跟着hello就能访问这个方法了，相较struts2的xml配置加大了开发效率，并且是以方法为级别的开发。

　　　　接收表单数据只需要在方法的参数加入响应的字段，对应表单input的name属性，因为是通过反射技术实现的所以字段要完全相同

。　　

　　　　变量

    @RequestMapping("/login")

    public String login(String username,String password){

        System.out.println(username+" "+password);

        return "form.jsp";

    }

　　　　- append

　　　　变量一般是在表单中指定的name对应的形参，也可以在形参中使用别名。

    //传入一般参数

    @RequestMapping(value="/Normal",produces="text/html;charset=UTF-8")

    public String normal(HttpServletRequest request,@RequestParam("username") String username,@RequestParam("password") String password){

        System.out.println("username:"+username+" password:"+password);

        request.setAttribute("info", "Normal server recv:"+username+" "+password);

        return "testPage.jsp";

    }

　　　　前端数据页面，写一个Form，input对应别名就好。

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>测试数据交互</title>

</head>

<body>

    <form action="/Shop/Array" method="post">

        <table>

            <tr>

                <td>用户名:</td>

                <td><input name="username" size="15"></td>

            </tr>

            <tr>

                <td>密码:</td>

                <td><input name="password" size="15"></td>

            </tr>

            <tr>

                <td><button type="submit">提交</button></td>

                <td><button type="reset">重置</button></td>

            </tr>

        </table>

    </form>

    <span>服务器信息：${info}</span>

</body>

</html>

　　　　如上面这种方式，表单提交之后就会获得值。跳转方式就是使用返回的字符串，springmvc的DispatcherServlet会跳转到字符串的页面。你也可以配置它的前缀后缀。在它的配置文件中配置下面属性，就是在这个return的字符串的前面和后面加入你配置的前缀后缀。比如你return一个index.jsp，配置了前缀就可能是demo/index.jsp这样的demo包里面的index页面。

    <!-- configure the InternalResourceViewResolver -->

    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver"

            id="internalResourceViewResolver">

        <!-- 前缀 -->

        <property name="prefix" value="" />

        <!-- 后缀 -->

        <property name="suffix" value="" />

    </bean>

　　　　对象

　　　　- append

　　　　传递对象这回事，说实在的和Struts2没什么区别，Struts2使用ModelDriven或者直接在控制器里新建一个对象，提交Http请求的时候name需要写成：对象名.字段名，这样的形式。但是Spring MVC只要你和字段名（类属性名）相同就行了。

    //传入对象

    @RequestMapping(value="/Object",produces="text/html;charset=UTF-8")

    public String objTransaction(HttpServletRequest request,@ModelAttribute Demo d){

        System.out.println("username:"+d.getUsername()+" password:"+d.getPassword());

        request.setAttribute("info", "objTransaction server recv:"+d.getUsername()+" "+d.getPassword());

        return "testPage.jsp";

    }

　　　　前台仍然是上个页面，改一些Action就行。

　　　　另外，Spring MVC可以使用bean来接收参数，因为是反射技术，所以属性字段依然要保持完全一样。

public class user {

    private String username;

    private String password;

    public String getUsername() {

        return username;

    }

    public void setUsername(String username) {

        this.username = username;

    }

    public String getPassword() {

        return password;

    }

    public void setPassword(String password) {

        this.password = password;

    }

}

    @RequestMapping(value="/Model",method=RequestMethod.POST)

    public String loginModel(user u){

        System.out.println(u.getUsername()+" "+u.getPassword());

        return "form.jsp";

    }

　　　　- append

　　　　数组

　　　　表单提交肯定会有批量提交的需求，批量提交虽然不一定经常能见到，但是学习一定要学全。批量提交就是name共用一个name，一般都是框架给你处理好拿到手上的，所以Spring MVC在方法形参中写List就可以接收批量提交同个变量了。

    //传入数组

    @RequestMapping(value="/Array",produces="text/html;charset=UTF-8")

    public String arrayTransaction(HttpServletRequest request,@RequestParam("username") String[] usernames){

        if(usernames != null)

        {

            for(int i=0;i<usernames.length;i++)

                System.out.println("username:"+usernames[i]);

        }

        request.setAttribute("info", "arrayTransaction server recv");

        return "testPage.jsp";

    }

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>测试数据交互</title>

</head>

<body>

    <form action="/Shop/Array" method="post">

        <table>

            <tr>

                <td>用户名:</td>

                <td><input name="username" size="15"></td>

            </tr>

            <tr>

                <td>用户名:</td>

                <td><input name="username" size="15"></td>

            </tr>

            <tr>

                <td><button type="submit">提交</button></td>

                <td><button type="reset">重置</button></td>

            </tr>

        </table>

    </form>

    <span>服务器信息：${info}</span>

</body>

</html>

　　　　JSON

　　　　- append

　　　　Spring MVC提供了自动序列化JSON数据的注解，在前端提供JSON数据的时候，可以十分方便的转换。JSON为何如此重要，因为在Restful风格的架构中，传递数据使用JSON差不多可以算是一种标准了，即使是微服务架构，每个服务之间也普遍见到设计成Restful风格的接口，设计Restful风格Spring MVC有着天然的支持，只需要使用它的注解就好了，而返回的字符串可以自己构造。

package Common.Controller;

import org.springframework.stereotype.Controller;

import net.sf.json.JSONObject;

/**

 * 接口输出JSON形式

 * restful

 * {"status":"0|1|2","info":message,"result":result}

 * status：0.失败；1.成功；2.（未定）；

 * info：返回服务器信息

 * result：返回查询结果

 * @author ctk

 *

 */

@Controller

public class OutputStringController {

    //返回成功信息

    public String success(String info){

        JSONObject result = new JSONObject();

        result.put("status", 1);

        if(info == null)

            result.put("info", "");

        else

            result.put("info", info);

        result.put("result", "");

        return result.toString();

    }

    //返回失败信息

    public String failure(String info){

        JSONObject result = new JSONObject();

        result.put("status",0);

        if(info == null)

            result.put("info", "");

        else

            result.put("info", info);

        result.put("result", "");

        return result.toString();

    }

    //返回供前端使用的result-成功

    public String resultSuccess(String info,String resultStr){

        JSONObject result = new JSONObject();

        result.put("status",1);

        if(info == null)

            result.put("info", "");

        else

            result.put("info", info);

        if(resultStr == null)

            result.put("result", "");

        else

            result.put("result", resultStr);

        return result.toString();

    }

    //返回供前端使用的result-失败

    public String resultFailure(String info,String resultStr){

        JSONObject result = new JSONObject();

        result.put("status",0);

        if(info == null)

            result.put("info", "");

        else

            result.put("info", info);

        if(resultStr == null)

            result.put("result", "");

        else

            result.put("result", resultStr);

        return result.toString();

    }

}

　　　　定义了顶层类之后，编写接口就继承。接口风格如下。　　　　

    //restful接口

    @RequestMapping(value = "/start/{name}", produces = "text/html;charset=UTF-8")

    @ResponseBody

    public String start2(@PathVariable("name") String name1) {

        System.out.println(name1);

        return "start";

    }

　　　　回归正题，要传递JSON，它的过程是前台等待用户输入，用户输入完毕之后把数据构造成JSON Data，然后访问接口。前台的代码我是这样写。

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

 <script src="../js/jquery/jquery.min.js"></script>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>JSON数据提交</title>

</head>

<body>

<table>

    <tr>

        <td>用户名:</td>

        <td><input id="username"></td>

    </tr>

        <tr>

        <td>密码:</td>

        <td><input id="password"></td>

    </tr>

        <tr>

        <td>姓名:</td>

        <td><input id="name"></td>

    </tr>

        <tr>

        <td>邮箱:</td>

        <td><input id="email"></td>

    </tr>

</table>

<button id="submitForm">提交</button>

<script type="text/javascript">

    $(document).ready(function(){

        $('#submitForm').click(function(){

            var formData = new Object;

            formData.username = $('#username').val();

            formData.password = $('#password').val();

            formData.name = $('#name').val();

            formData.email = $('#email').val();

            var JsonData = JSON.stringify(formData);

            console.log(JsonData);

            $.ajax({

                type : "POST",

                url : "/Shop/JSON",

                dataType : 'text',

                contentType: "application/json",

                data : JsonData,

                success : function(data) {

                   alert(data);

                }

            });

        });

    });

</script>

</body>

</html>

　　　　注意dataType如果使用json那服务器返回什么都会往error走，我初步理解它为返回数据类型。

　　　　Spring MVC解包需要jackson这个东西，笔者踩过了坑，没加jar包一直访问返回415，不支持此类媒介。笔者使用的是2.5版本的，Spring是4.0的。

　　　　将其导入到工程中，然后配置applicationContext.xml，就是Spring的配置文件。

    <!--json转换器-->

    <bean class="org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerAdapter">

        <property name="messageConverters">

            <list >

                <ref bean="mappingJacksonHttpMessageConverter" />

            </list>

        </property>

    </bean>

    <bean id="mappingJacksonHttpMessageConverter"

        class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter">

        <property name="supportedMediaTypes">

            <list>

                <value>text/html;charset=UTF-8</value>

            </list>

        </property>

    </bean>

　　　　然后后台接口如下。

    //传入JSON

    @RequestMapping(value="/JSON",produces="text/html;charset=UTF-8")

    @ResponseBody

    public String jsonTransaction(HttpServletRequest request,@RequestBody Demo ds){

        System.out.println("username:"+ds.getUsername()+" password:"+ds.getPassword()+" name:"+ds.getName()+" email:"+ds.getEmail());

        request.setAttribute("info", "JSON server recv");

        return "success";

    }

　　　　@ResponseBody是返回值写到响应体中，@RequestBody是把请求主体信息中的内容转换成Demo类。

　　　　最后，前端发过来的数据是经过json包装的，依然可以在后端使用bean来接收。

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<script type="text/javascript" src="jquery.min.js"></script>

<title>登录表单</title>

</head>

<script type="text/javascript">

    $(document).ready(function(){

        $("#button_submit").click(function(){

            //序列化表单元素，返回json数据

            var params = $("#userForm").serializeArray();

            console.log(params);

            //也可以把表单之外的元素按照name value的格式存进来

            //params.push({name:"hello",value:"man"});

            $.ajax({

                type:"post",

                url:"Model",

                data:params

            });

        });

    });

</script>

<body>

    <form id="userForm">

        <input name="username" type="text"/>

        <br/>

        <input name="password" type="password"/>

        <br/>

    </form>

        <button id="button_submit">提交</button>

        <button type="reset" >重置</button>

</body>

</html>

　　　　最后还有一个未解之谜，对象数组提交该怎么去做，资料还未查到，先不干这个了。

springMVC数据交互的更多相关文章

SpringMVC 数据交互
为什么使用JSON进行数据交互? JSON数据格式比较简单.解析比较方便,在接口调用及HTML页面Ajax调用时较常用. JSON交互方式请求是Key/Value,响应是JSON(推荐使用) 请求是 ...
SpringMVC JSON数据交互
本节内容: @RequestBody @ResponseBody 请求json,响应json实现前端可以有很多语言来写,但是基本上后台都是java开发的,除了c++(开发周期长),PHP和#Net( ...
SpringMVC由浅入深day02_8json数据交互
8 json数据交互 8.1 为什么要进行json数据交互 json数据格式在接口调用中.html页面中较常用,json格式比较简单,解析还比较方便. 比如:webservice接口,传输json数据 ...
springMVC学习(11)-json数据交互和RESTful支持
一.json数据交互: json数据格式在接口调用中.html页面中较常用,json格式比较简单,解析还比较方便. 比如:webservice接口,传输json数据. springMVC进行json交 ...
SpringMVC入门（二）—— 参数的传递、Controller方法返回值、json数据交互、异常处理、图片上传、拦截器
一.参数的传递 1.简单的参数传递 /* @RequestParam用法:入参名字与方法名参数名不一致时使用{ * value:传入的参数名,required:是否必填,defaultValue:默认 ...
springmvc的json数据交互
准备 @RequestBody 作用: @RequestBody注解用于读取http请求的内容(字符串),通过springmvc提供的HttpMessageConverter接口将读到的内容(json ...
SpringMVC学习记录七——sjon数据交互和拦截器
21 json数据交互 21.1 为什么要进行json数据交互 json数据格式在接口调用中.html页面中较常用,json格式比较简单,解析还比较方便. 比如:webservi ...
SprimgMVC学习笔记（八）—— SpringMVC与前台json数据交互
一.两种交互形式可以看出,前台传过来的方式有两种,一种是传json格式的数据过来,另一种就是在url的末尾传普通的key/value串过来,针对这两种方式,在Controller类中会有不同的解析, ...
springmvc学习笔记(18)-json数据交互
springmvc学习笔记(18)-json数据交互标签: springmvc springmvc学习笔记18-json数据交互 springmvc进行json交互环境准备加入json转换的依赖 ...

随机推荐

Lua的特点
特点: Lua是一个脚本语言.是目前速度最快的脚本语言.它能与C/C++代码互相调用. Lua脚本是跨平台的,是要使用Lua基本语法和标准库写的脚本,都是可以跨平台的(用了扩展库则不一定). Lua源 ...
Hadoop 3.0 安装
1. 下载Hadoop 3.0 http://mirrors.tuna.tsinghua.edu.cn/apache/hadoop/common/hadoop-3.0.0/hadoop-3. ...
Vim 常用命令和编辑方法
命令模式 :e <path/to/file> → 打开一个文件 :w → 存盘 :wq → 存盘 + 退出 (:w 存盘, :q 退出) (陈皓注::w 后可以跟文件名) :savea ...
setTimeout闭包常见问题
经常会遇到这样的问题,setTimeout按序输出循环数字,而不是最后输出同一个数字: 题目: for (var i = 0; i < 5; i++) { setTimeout(function ...
Django - cookies 会话跟踪技术
一.HTTP协议的无状态保存两次请求之间没有关联会话理解为客户端与服务器之间的一次会晤,在一次会晤中可能会包含多次请求和响应 2.会话路径技术使用Cookie或session完成我们知道HTTP ...
Module build failed: Error: No PostCSS Config found
使用vue框架写pc页面时,我们经常会用到element-ui这个框架. 当我们把需要的东西都装在好运行项目的时候,有时会出现这样的错误: 这是因为缺少了一个配置文件,postcss.config.j ...
ArcGIS模型构建器案例教程-批量修改工作空间所有要素类的空间参考
ArcGIS模型构建器案例教程-批量修改工作空间所有要素类的空间参考目的:批量修改工作空间所有要素类的空间参考(坐标系) 工具名称:WorkspaceChangeSpatialReference 使 ...
C# CefSharp 可监听请求等
原地址:https://blog.csdn.net/jinxiu0406/article/details/80365140 bug1:在抓取js文件的时候,有时候数据未获取全,文本被截断了.在IRes ...
用git bash 传数据到远程出错：git push origin master 出错：error: failed to push some refs to
https://blog.csdn.net/qq_28055429/article/details/51007453
JS获取任意月份的最后一天
在获取月份天数的时候,因为月份不同,所以每个月的天数也有差异,并且由于平闰年,2月份天数也有所不同,导致程序中获取任意月份的天数十分复杂,下面就用这个方法解决此问题,调用此方法将任意年份和月份传进去, ...

springMVC数据交互

springMVC数据交互的更多相关文章

随机推荐

热门专题