jee、spring、spring mvc、mybatis 学习（二）

转载请申请转载地址：http://blog.csdn.net/qq5132834/article/details/52197771

在本节将着重页面【POST】方法提交、jquery中【ajax】请求【json】数据中文乱码的解决。

1、引入json的包文件【nutz-1.b.52.jar】；

2、在【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="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">
<display-name>ZZZ</display-name>
<welcome-file-list>
<welcome-file>index.html</welcome-file>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>

<servlet>
<servlet-name>mvc</servlet-name>
<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
<!-- DispatcherServlet是前置控制器，配置在web.xml文件中的。拦截匹配的请求，Servlet拦截匹配规则要自已定义，把拦截下来的请求，依据相应的规则分发到目标Controller来处理，是配置spring MVC的第一步 -->
<init-param>
<param-name>contextConfigLocation</param-name>
<param-value>classpath:sources/mvc-servlet.xml</param-value>
<!-- 指定mvc-servlet.xml文件路径，在类src/sources路径下面 -->
</init-param>
<load-on-startup>1</load-on-startup>
<!-- load-on-startup:表示启动容器时初始化该Servlet -->
</servlet>
<servlet-mapping>
<servlet-name>mvc</servlet-name>
<url-pattern>*.xhtml</url-pattern>
<!-- 表示哪些请求交给Spring Web MVC处理， “/” 是用来定义默认servlet映射的 -->
</servlet-mapping>
<servlet-mapping>
<servlet-name>mvc</servlet-name>
<url-pattern>*.json</url-pattern>
<!-- “*.json”表示拦截所有以json为扩展名的请求。 -->
</servlet-mapping>
<servlet-mapping>
<servlet-name>mvc</servlet-name>
<url-pattern>*.xml</url-pattern>
<!-- “*.xml”表示拦截所有以xml为扩展名的请求。 -->
</servlet-mapping>

<filter>
<filter-name>encoding</filter-name>
<filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
<init-param>
<param-name>encoding</param-name>
<param-value>UTF-8</param-value>
</init-param>
<init-param>
<param-name>forceEncoding</param-name>
<param-value>true</param-value>
</init-param>
</filter>
<filter-mapping>
<filter-name>encoding</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>

</web-app>

【web.xml】文件中的【filter】、【filter-mapping】主要用来处理post请求的数据格式，包括【中文乱码】等问题：

<filter>
<filter-name>encoding</filter-name>
<filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
<init-param>
<param-name>encoding</param-name>
<param-value>UTF-8</param-value>
</init-param>
<init-param>
<param-name>forceEncoding</param-name>
<param-value>true</param-value>
</init-param>
</filter>
<filter-mapping>
<filter-name>encoding</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>

3、在【mvc-servlet.xml】文件中修改如下：

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns:context="http://www.springframework.org/schema/context"
xmlns:mvc="http://www.springframework.org/schema/mvc"
xsi:schemaLocation=" http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-3.0.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-3.0.xsd http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-3.0.xsd"
default-autowire="byName" >

<context:component-scan base-package="com.zuk.controllers" />
<!-- 扫描com.zuk.controllers这个包里的所以controller累 -->

<!-- ViewResolver -->
<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
<property name="viewClass" value="org.springframework.web.servlet.view.JstlView"/>
<property name="prefix" value="/WEB-INF"/><!-- 也可以放空 -->
<!-- <property name="prefix" value="/WEB-INF/jsp/"/> --> <!-- 制定前缀字符串 -->
<property name="suffix" value=".jsp"/>  <!-- 跳转后添加后缀 -->
</bean>

<!-- ajax请求中文乱码解决 -->
<bean class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter">
<property name="messageConverters">
<list>
<bean class="org.springframework.http.converter.StringHttpMessageConverter">
<property name="supportedMediaTypes">
<list>
<value>text/plain;charset=UTF-8</value>
</list>
</property>
</bean>
</list>
</property>
</bean>

</beans>

在【mvc-servlet.xml】文件中新增的【AnnotationMethodHandlerAdapter】bean用来处理【ajax】数据请求的格式，包括【中文乱码的解决】。

<!-- ajax请求中文乱码解决 -->
<bean class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter">
<property name="messageConverters">
<list>
<bean class="org.springframework.http.converter.StringHttpMessageConverter">
<property name="supportedMediaTypes">
<list>
<value>text/plain;charset=UTF-8</value>
</list>
</property>
</bean>
</list>
</property>
</bean>

4、新建【com.zuk.model】包，新建一个【Person.java】类如下：

     主要目的在于可以将【form】表单中的【name】属性值直接映射到【Person,java】对象中，注意【name】属性值，必须与【Person.java】的private变量一致，并添加get、set方法。

package com.zuk.model;

public class Person {

public String usid;
public String pawd;
public String comp;

public String getUsid() {
return usid;
}
public void setUsid(String usid) {
this.usid = usid;
}
public String getPawd() {
return pawd;
}
public void setPawd(String pawd) {
this.pawd = pawd;
}
public String getComp() {
return comp;
}
public void setComp(String comp) {
this.comp = comp;
}

}

5、在原来的【HelloController.java】类中增加如下两个方法：一个是用来跳转；一个用来返回【json】数据。

package com.zuk.controllers;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

import org.nutz.json.Json;
import org.nutz.lang.util.NutMap;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;

import com.zuk.model.Person;

/**
* @author 513283439@qq.com
* */
@Controller
@RequestMapping(value="HelloController")
public class HelloController {

@RequestMapping(value = "/hello.xhtml")
public String hello(HttpSession ession,
HttpServletRequest request,
HttpServletResponse response,
Model model,
@RequestParam(value="message", required=false) String message){

System.out.println(message);

model.addAttribute("message", message);
return "/jsp/hello";
/**
* 跳转的实际路径要算上mvc-servlet.xml中配置的
* 前缀：/WEB-INF;
* 后缀：.jsp
* 实际路径：/WEB-INF/jsp/hello.jsp
* */
}

/**
* <br>主要解决两个问题：
* <br>1、POST方法中文乱码问题；
* <br>2、将前端表单里面的name属性的值直接映射到java对象中。
* */
@RequestMapping(value = "/actionForm.xhtml")
public String actionForm(HttpSession ession,
HttpServletRequest request,
HttpServletResponse response,
Model model,
@ModelAttribute Person person
){

System.out.println(person.getUsid());
System.out.println(person.getPawd());
System.out.println(person.getComp());

model.addAttribute("usid", "POST中文乱码-->>"+person.getUsid());
model.addAttribute("pawd", "POST中文乱码-->>"+person.getPawd());
model.addAttribute("comp", "POST中文乱码-->>"+person.getComp());

return "/jsp/hello";
}

/**
*<br>主要解决ajax请求返回json数据烈性
* */
@ResponseBody
@RequestMapping(value = "/ajaxForm.json", produces = "text/html;charset=UTF-8")
public String ajaxForm(HttpSession ession,
HttpServletRequest request,
HttpServletResponse response,
Model model,
@ModelAttribute Person person
){

System.out.println(person.getUsid());
System.out.println(person.getPawd());
System.out.println(person.getComp());

model.addAttribute("usid", "ajaxForm-->>"+person.getUsid());
model.addAttribute("pawd", "ajaxForm-->>"+person.getPawd());
model.addAttribute("comp", "ajaxForm-->>"+person.getComp());

NutMap result = NutMap.NEW();
result.put("data", person);

String json = Json.toJson(result);

System.out.println(json);

return json;
}

}

从上面的代码里可以看出：【@ModelAttribute Person person 】用来进行form表单与person对象的映射实现。

6、在项目的【WebContent】下新建一个【js】文件夹，引入【jquery-1.8.2.min.js】文件。注意js、css、jpg等资源文件不要放置在【WEB-INF】文件夹下，不然这些文件的加载会通过前置控制器，给资源加载带来诸多麻烦。

7、在【hello.jsp】文件中新增一个【form】表单、【submit】提交按钮、【ajax】请求按钮，内容如下：

<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>【hello】</title>
<script type="text/javascript" src="../js/jquery-1.8.2.min.js"></script>
<script type="text/javascript">
function ajaxClick(){

$.ajax({
url: '../HelloController/ajaxForm.json',
type:'post',
dataType: 'json',
timeout: 5000,
contenttype :"text/html;charset=utf-8",
data: {
usid:frm.usid.value,
pawd:frm.pawd.value,
comp:frm.comp.value
},
success:function(json) {
//console.log(json);
//console.log(json.data.usid);
//console.log(json.data.pawd);
//console.log(json.data.comp);
alert(json.data.usid+"/"+json.data.pawd+"/"+json.data.comp);
},
error:function() {
alert("异常！");
}
});

}
</script>
</head>
<body>
${message}
<!-- ${message}表示从分发器controller传递过来的模型数据 -->

<!-- 跳转 -->
<form action="../HelloController/actionForm.xhtml" name="frm" method="post">
<table>
<tr>
<td>用户名</td>
<td><input type="text" name="usid" value="${usid}" /></td>
</tr>
<tr>
<td>密码</td>
<td><input type="text" name="pawd" value="${pawd}" /></td>
</tr>
<tr>
<td>公司</td>
<td><input type="text" name="comp" value="${comp}" /></td>
</tr>
<tr>
<td>
<input type="submit" value="提交" />
</td>
<td>
<input type="button" value="ajax" onclick="ajaxClick()" />
</td>
</tr>
</table>
</form>

</body>
</html>

8、源代码地址：http://download.csdn.net/detail/qq5132834/9602367