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

最新推荐文章于 2022-09-03 10:05:03 发布

qq513283439

最新推荐文章于 2022-09-03 10:05:03 发布

阅读量460

点赞数

分类专栏： Spring+SpringMVC+mybatis

本文链接：https://blog.csdn.net/qq5132834/article/details/52197771

版权

Spring+SpringMVC+mybatis 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

转载请申请转载地址：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" οnclick="ajaxClick()" /> 
			</td>
		</tr>
	</table>
</form>

</body>
</html>

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