SpringMVC中参数绑定与数据处理

最新推荐文章于 2022-04-19 22:26:44 发布
最新推荐文章于 2022-04-19 22:26:44 发布
阅读量395 收藏
点赞数
文章标签： SpringMVC
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40323256/article/details/89846814
版权

目录

web.xml:

applicationContext.xml:

db.properties:

ItemInfo.java:

ItemInfoVo.java:

ItemService.java:

 ItemServicelmpl.xml:

ItemMapper.java：

ItemMapper.xml:

ItemController.java:

item_list.jsp:

index.jsp:

数据库：

项目截图：

 以下这个例子涉及到的知识点如下： 

绑定参数-默认参数

绑定参数-基本类型

绑定参数-bean对象

绑定参数-包装类

解决post提交乱码问题

json数据交互

使用ajax完成数据回显

绑定参数-list和array

此项目下载地址：https://pan.baidu.com/s/1eVndtbGFzTAejT2SR75q_g      提取码：smpe 

需要导入的jar包：

web.xml:

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" id="WebApp_ID" version="3.1">
  <display-name>ssm_project_springmvc</display-name>
  <welcome-file-list>
    <welcome-file>index.html</welcome-file>
    <welcome-file>index.htm</welcome-file>
    <welcome-file>index.jsp</welcome-file>
    <welcome-file>default.html</welcome-file>
    <welcome-file>default.htm</welcome-file>
    <welcome-file>default.jsp</welcome-file>
  </welcome-file-list>
  
  <servlet>
  	<servlet-name>springmvc</servlet-name>
  	<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
  	<init-param>
  		<param-name>contextConfigLocation</param-name>
  		<param-value>classpath:applicationContext.xml</param-value>
  	</init-param>
  	<load-on-startup>1</load-on-startup>
  </servlet>
  <servlet-mapping>
  	<servlet-name>springmvc</servlet-name>
  	<url-pattern>*.do</url-pattern>
  </servlet-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>
	</filter>
	<filter-mapping>
		<filter-name>encoding</filter-name>
<!-- 		拦截.do结尾的 -->
		<url-pattern>*.do</url-pattern>
	</filter-mapping>
	
</web-app>

applicationContext.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:aop="http://www.springframework.org/schema/aop"
	xmlns:context="http://www.springframework.org/schema/context"
	xmlns:mvc="http://www.springframework.org/schema/mvc"
	xmlns:tx="http://www.springframework.org/schema/tx"
	xsi:schemaLocation="http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-4.3.xsd
		http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-4.3.xsd
		http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.3.xsd
		http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop-4.3.xsd
		http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-4.3.xsd">
		
<!-- 		读取配置文件 数据库 -->
		<context:property-placeholder location="classpath:db.properties"/>
		
<!-- 		配置数据源 -->
		<bean name="dataSource" class="com.mchange.v2.c3p0.ComboPooledDataSource">
			<property name="driverClass" value="${jdbc.driver}"></property>
			<property name="jdbcUrl" value="${jdbc.url}"></property>
			<property name="user" value="${jdbc.username}"></property>
			<property name="password" value="${jdbc.password}"></property>
		</bean>
		
<!-- 		开启注解扫描 -->
		<context:component-scan base-package="com.sikiedu"></context:component-scan>
		
<!-- 		开启注解驱动 -->
		<mvc:annotation-driven/>
		
<!-- 		事务核心管理器 -->
		<bean name="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
			<property name="dataSource" ref="dataSource"></property>
		</bean>
		
<!-- 		开启注解事务 -->
		<tx:annotation-driven/>

<!-- 		配置视图解析器 -->
		<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
			<property name="prefix" value="/WEB-INF/jsp/"></property>
			<property name="suffix" value=".jsp"></property>
		</bean>
		
<!-- 		配置mybatis -->
		<bean name="sqlSessionFactory" class="org.mybatis.spring.SqlSessionFactoryBean">
			<property name="dataSource" ref="dataSource"></property>
			<property name="typeAliasesPackage" value="com.sikiedu.bean"></property>
		</bean>
		
<!-- 		mapper工厂 -->
		<bean class="org.mybatis.spring.mapper.MapperScannerConfigurer">
			<property name="basePackage" value="com.sikiedu.mapper"></property>
		</bean>
		
</beans>

db.properties:

jdbc.driver=com.mysql.jdbc.Driver
jdbc.url=jdbc:mysql://localhost:3306/web01
jdbc.username=root
jdbc.password=root

ItemInfo.java:

/**
 * 
 */
package com.sikiedu.bean;

/**
 *
 *
 * @author Lijiang
 *2019年5月3日
 */

public class ItemInfo {

	private Integer item_id;
	private String item_name;
	private String item_type;
	private Double item_price;
	
	public Integer getItem_id() {
		return item_id;
	}
	public void setItem_id(Integer item_id) {
		this.item_id = item_id;
	}
	public String getItem_name() {
		return item_name;
	}
	public void setItem_name(String item_name) {
		this.item_name = item_name;
	}
	public String getItem_type() {
		return item_type;
	}
	public void setItem_type(String item_type) {
		this.item_type = item_type;
	}
	public Double getItem_price() {
		return item_price;
	}
	public void setItem_price(Double item_price) {
		this.item_price = item_price;
	}
	@Override
	public String toString() {
		return "ItemInfo [item_id=" + item_id + ", item_name=" + item_name + ", item_type=" + item_type
				+ ", item_price=" + item_price + "]";
	}
	
	
}

ItemInfoVo.java:

/**
 * 
 */
package com.sikiedu.bean;

/**
 *
 *
 * @author Lijiang
 *2019年5月5日
 */

public class ItemInfoVo {

	private ItemInfo itemInfo;

	public ItemInfo getItemInfo() {
		return itemInfo;
	}

	public void setItemInfo(ItemInfo itemInfo) {
		this.itemInfo = itemInfo;
	}

	
	
}

ItemService.java:

/**
 * 
 */
package com.sikiedu.service;

import java.util.List;

import com.sikiedu.bean.ItemInfo;
import com.sikiedu.bean.ItemInfoVo;

/**
 *
 *
 * @author Lijiang
 *2019年5月3日
 */

public interface ItemService {

	public List<ItemInfo> selectAll();

	public ItemInfo selectItemInfoById(Integer id);

	public void deleteById(Integer id);

//	保存
	public void save(ItemInfo item);
// 包装类   多条件查询 
	public List<ItemInfo> selectByVo(ItemInfoVo vo);

	
}

 ItemServicelmpl.xml:

/**
 * 
 */
package com.sikiedu.service;

import java.util.List;

import javax.annotation.Resource;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import com.sikiedu.bean.ItemInfo;
import com.sikiedu.bean.ItemInfoVo;
import com.sikiedu.mapper.ItemMapper;

/**
 *
 *
 * @author Lijiang
 *2019年5月3日
 */
@Service
public class ItemServicelmpl implements ItemService {

	@Autowired
	private ItemMapper itemMapper;
	
//	查询所有记录
	@Override
	public List<ItemInfo> selectAll() {
		return itemMapper.selectAll();
	}

	@Override
	public ItemInfo selectItemInfoById(Integer id) {
		return itemMapper.selectItemInfoById(id);
	}


	@Override
	public void deleteById(Integer id) {
		itemMapper.deleteById(id);
	}

	
	@Override
	public void save(ItemInfo item) {
		itemMapper.save(item);
		
	}

	@Override
	public List<ItemInfo> selectByVo(ItemInfoVo vo) {
		return itemMapper.selectByVo(vo);
	}

}

ItemMapper.java：

/**
 * 
 */
package com.sikiedu.mapper;

import java.util.List;

import com.sikiedu.bean.ItemInfo;
import com.sikiedu.bean.ItemInfoVo;

/**
 *
 *
 * @author Lijiang
 *2019年5月3日
 */

public interface ItemMapper {

	public List<ItemInfo> selectAll();

	public ItemInfo selectItemInfoById(Integer id);

	public void deleteById(Integer id);

	public void save(ItemInfo item);

	public List<ItemInfo> selectByVo(ItemInfoVo vo);
}

ItemMapper.xml:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper    
PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"    
"http://mybatis.org/dtd/mybatis-3-mapper.dtd">

<mapper namespace="com.sikiedu.mapper.ItemMapper">

<!-- 查询所有记录 -->
<!-- public List<ItemInfo> selectAll(); -->
	<select id="selectAll" resultType="ItemInfo">
		select * from item_info
	</select>

<!-- 	根据id查询记录。默认参数绑定（HttpServletRequest request,HttpServletResponse response,HttpSession session ,Model model） -->
<!-- public ItemInfo selectItemInfoById(String id); -->
	<select id="selectItemInfoById" parameterType="Integer" resultType="ItemInfo">
	 	select * from item_info where item_id=#{id}
    </select>

<!-- public void deleteById(String id); -->
	<select id="deleteById" parameterType="Integer">
		delete from item_info where item_id=#{id}
	</select>
	
<!-- 	public void save(ItemInfo item); -->
	<select id="save" parameterType="ItemInfo">
		insert into item_info values(#{item_id},#{item_name},#{item_type},#{item_price})
	</select>
	
<!-- 	public List<ItemInfo> selectByVo(ItemInfoVo vo); -->
	<select id="selectByVo" parameterType="ItemInfoVo" resultType="ItemInfo">
		select * from item_info
		<where>
<!-- 			多条件查询 -->
			<if test="itemInfo.item_id!=null and itemInfo.item_id!=''">
				item_id=#{itemInfo.item_id}
			</if>
			<if test="itemInfo.item_name!=null and itemInfo.item_name!=''">
				and item_name like "%"#{itemInfo.item_name}"%"
			</if>
			<if test="itemInfo.item_type!=null and itemInfo.item_type!=''">
				and item_type=#{itemInfo.item_type}
			</if>
			<if test="itemInfo.item_price!=null and itemInfo.item_price!=''">
				and item_price=#{itemInfo.item_price}
			</if>
			
		</where>
	</select>
</mapper>

ItemController.java:

/**
 * 
 */
package com.sikiedu.controller;

import java.util.ArrayList;
import java.util.List;

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

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.servlet.ModelAndView;

import com.sikiedu.bean.ItemInfo;
import com.sikiedu.bean.ItemInfoVo;
import com.sikiedu.service.ItemService;

/**
 *
 *
 * @author Lijiang
 *2019年5月3日
 */
@Controller
@RequestMapping("/item/")
public class ItemController {

	@Autowired
	private ItemService itemService;
	
	@RequestMapping("allList.do")
	public ModelAndView list(){
		ModelAndView mav=new ModelAndView();
		
		List<ItemInfo> itemList = itemService.selectAll();
		
		mav.addObject("itemList", itemList);
		mav.setViewName("item_list");

		return mav;
	}
	
//	参数绑定-默认参数
	@RequestMapping("select.do")
	public String select(HttpServletRequest request,HttpServletResponse response,HttpSession session ,Model model){
		
		String idString=request.getParameter("id");
		
		Integer id=Integer.valueOf(idString);
		
		ItemInfo item= itemService.selectItemInfoById(id);
		
		List<ItemInfo> itemList=new ArrayList<ItemInfo>();
		itemList.add(item);
		
		model.addAttribute("itemList", itemList);

		return "item_list";
	}
	
//	参数绑定-基本类型
	@RequestMapping("delete.do")
	public String delete(Integer id){
		
		itemService.deleteById(id);//注意：这里的参数名“id”必须和item_list.jsp中的deleteItem(id)函数的参数名相同！！不然就不能自动映射了

		//重定向到列表页
		return "redirect:allList.do";
	}
	
//	参数绑定-bean对象
	@RequestMapping("save.do")
	public String save(ItemInfo item){

		itemService.save(item);
		return "redirect:allList.do";
	}
	
//	参数绑定-包装类
	@RequestMapping("selectByVo.do")
	public String selectByVo(ItemInfoVo vo,Model model){
		System.out.println("itemInfoVo:"+vo.getItemInfo());
		
		List<ItemInfo> itemList=itemService.selectByVo(vo);
		model.addAttribute("itemList", itemList);
		return "item_list";
	}
	
//	接受前台的json字符串
//	@RequestBody可以将前台传过来的json数据解析成ItemInfo
//	@ResponseBody可以将后台的ItemInfo数据解析成json数据传到前台
	@RequestMapping("jsonData.do")
	@ResponseBody
	public ItemInfo jsonData(@RequestBody ItemInfo item){
		System.out.println("json Data:"+item);
		return item;
	}
	
	//回显数据
	@RequestMapping("editItem.do")
	@ResponseBody
	public ItemInfo editItem(Integer id){
		ItemInfo item=itemService.selectItemInfoById(id);
		return item;
	}
	
//	使用@RequestBody来绑定list
	@RequestMapping("getNameList.do")
	public void getNameList(@RequestBody List<String> nameList){
		System.out.println("nameList size:"+nameList.size());
		for (String string : nameList) {
			System.out.println("list name:"+string);
		}
	}
	
//	使用@RequestBody来绑定array
	@RequestMapping("getNameArray.do")
	public void getNameArray(@RequestBody String[] array){
		System.out.println("nameList size:"+array.length);
		for (String string : array) {
			System.out.println("array name:"+string);
		}
	}
}

item_list.jsp:

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
		<meta charset="UTF-8">
		<title>游戏管理后台</title>
        <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
  		 <!-- bootstrap framework -->
		<link href="${pageContext.request.contextPath }/css/bootstrap.min.css" rel="stylesheet" media="screen">
		<!-- main stylesheet -->
		<link href="${pageContext.request.contextPath }/css/main.min.css" rel="stylesheet" media="screen" id="mainCss">
		<!-- elegant icons -->
        <link href="${pageContext.request.contextPath }/css/style.css" rel="stylesheet" media="screen">
        <!-- datepicker -->
        <link href="${pageContext.request.contextPath }/css/datepicker3.css" rel="stylesheet" media="screen">
        <!-- jBox -->
        <link href="${pageContext.request.contextPath }/css/jbox.css" rel="stylesheet" media="screen">
        <link href="${pageContext.request.contextPath }/css/noticeborder.css" rel="stylesheet" media="screen">

    </head>
    <body class="side_menu_active side_menu_expanded">
        <div id="page_wrapper">

            <!-- header -->
            <header id="main_header">
                <div class="container-fluid">
                	<!--logo-->
                    <div class="brand_section">
                        <a href="#"><img src="${pageContext.request.contextPath }/picture/logo01.png" alt="site_logo" width="108" height="40" style="margin-top: 5px"></a>
                    </div>
                    <div class="header_user_actions dropdown">
                        <div data-toggle="dropdown" class="dropdown-toggle user_dropdown">
                            <div class="user_avatar">
                                <img src="${pageContext.request.contextPath }/picture/head01.png" width="38" height="38">
                            </div>
                            <span class="caret"></span>
                        </div>
                        <ul class="dropdown-menu dropdown-menu-right">
                            <li><a href="#">个人中心</a></li>
                            <li><a href="#">注销</a></li>
                        </ul>
                    </div>
                </div>
            </header>

            <!-- main content -->
            <div id="main_wrapper">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-12">
                        
                        	<form action="${pageContext.request.contextPath }/item/select.do">
                        		<input type="text" name="id">
                        		<input type="submit" value="根据id查询">
                        	</form>
                        	<br>
                        	<form action="${pageContext.request.contextPath }/item/selectByVo.do" method="post">
                        		<input type="text" style="color: green;background-color: yellow;" placeholder="id" name="itemInfo.item_id">
                        		<input type="text" style="color: green;background-color: yellow;"  placeholder="名称" name="itemInfo.item_name">
                        		<input type="text" style="color: green;background-color: yellow;"  placeholder="类型" name="itemInfo.item_type">
                        		<input type="text" style="color: green;background-color: yellow;"  placeholder="原价" name="itemInfo.item_price">
                        		<input type="submit" value="多条件查询">
                        	</form>
                        	<br>
                        	<input type="button" value="ajax提交Json数据" onclick="jsonData()">
                        	<input type="button" value="获取所有name list" onclick="getNameList()">
                        	<input type="button" value="获取所有name array" onclick="getNameArray()">
                            <div class="row">
                                <div class="col-md-10">
                                    <table class="table table-yuk2 toggle-arrow-tiny" id="footable_demo" data-filter="#textFilter" data-page-size="5">
                                        <thead>
                                            <tr>
                                            	<!--描述：商品数据标签-->
                                                <th>ID</th>
                                                <th>游戏名称</th>
                                                <th>类型</th>
                                                <th>原价</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                       		<c:forEach items="${itemList }" var="item">
	                                        	<tr>
	                                                <td>${item.item_id }</td>
<%-- 	                                            <td>${item.item_name }</td> --%>
	                                                <td><input type="text" class="input_item_name" value="${item.item_name }"></td>
	                                                <td>${item.item_type }</td>
	                                                <td>${item.item_price }</td>
	                                                
	                                                <td data-value="1">
	                                                	<a herf="#" id="edit_btn" class="btn btn-xs btn-info" data-toggle="modal" data-target="#editLayer" onclick="editItem('${item.item_id}')">修改</a>
<%-- 	                                                	<a herf="#"  id="del_btn" class="btn btn-xs btn-danger" onclick="deleteGoods('${item.item_id}')">删除</a> --%>
															<a herf="#"  id="del_btn" class="btn btn-xs btn-danger" onclick="deleteItem('${item.item_id}')">删除</a>
	                                                </td>
	                                           	</tr>
                                        	</c:forEach>
                                        </tbody>
                                        <tfoot class="hide-if-no-paging">
                                            <tr>
                                                <td colspan="5">
                                                    <ul class="pagination pagination-sm"></ul>
                                                </td>
                                            </tr>
                                        </tfoot>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- edit layer -->
            <div class="modal fade" id="editLayer">
                <div class="modal-dialog modal-content">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                            <h4 class="modal-title">修改游戏信息</h4>
                        </div>
                   	<div class="modal-body">
                        <!--游戏修改详情弹出层表单-->
	                    <form class="form-horizontal" id="edit_item_form">
	                    	<!-- 游戏id隐藏域 -->
							<input type="hidden" id="edit_item_id" name="item_id"/>
							<!-- 游戏名称 -->
							<div class="form-group">
								<label for="edit_item_name" class="col-sm-2 control-label">游戏名称</label>
								<div class="col-sm-10">
									<input type="text" class="form-control" id="edit_item_name" placeholder="游戏名称" name="item_name">
								</div>
							</div>
							<!-- 游戏类型 -->
							<div class="form-group">
								<label for="edit_item_type" class="col-sm-2 control-label">类型</label>
								<div class="col-sm-10">
									<input type="text" class="form-control" id="edit_item_type" placeholder="类型" name="item_type">
								</div>
							</div>
							<!-- 游戏原价 -->
							<div class="form-group">
								<label for="edit_item_price" class="col-sm-2 control-label">原价</label>
								<div class="col-sm-10">
									<input type="text" class="form-control" id="edit_item_price" placeholder="原价" name="item_price">
								</div>
							</div>
						</form>  
                    </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default btn-sm" data-dismiss="modal">取消</button>
                            <button type="button" class="btn btn-primary btn-sm" onclick="updateItem()">确认修改</button>
                        </div>
                    </div>
                </div>
            </div>
            
             <!-- add layer -->
            <div class="modal fade" id="addLayer">
                <div class="modal-dialog modal-content">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                            <h4 class="modal-title">新增游戏</h4>
                        </div>
                   	<div class="modal-body">
                        <!--添加游戏弹出层表单-->
	                    <form class="form-horizontal" id="add_item_form">
	                    	<!-- 游戏id隐藏域 -->
							<input type="hidden" id="add_item_id" name="item_id"/>
							<!-- 游戏名称 -->
							<div class="form-group">
								<label for="add_item_name" class="col-sm-2 control-label">游戏名称</label>
								<div class="col-sm-10">
									<input type="text" class="form-control" id="add_item_name" placeholder="游戏名称" name="item_name">
								</div>
							</div>
							<!-- 游戏类型 -->
							<div class="form-group">
								<label for="add_item_type" class="col-sm-2 control-label">类型</label>
								<div class="col-sm-10">
									<input type="text" class="form-control" id="add_item_type" placeholder="类型" name="item_type">
								</div>
							</div>
							<!-- 游戏原价 -->
							<div class="form-group">
								<label for="add_item_price" class="col-sm-2 control-label">原价</label>
								<div class="col-sm-10">
									<input type="text" class="form-control" id="add_item_price" placeholder="原价" name="item_price">
								</div>
							</div>
						</form>  
                    </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default btn-sm" data-dismiss="modal">取消</button>
                            <button type="button" class="btn btn-primary btn-sm" onclick="addItem()">确认修改</button>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- main menu -->
            <nav id="main_menu">
                <div class="menu_wrapper">
                    <ul>
                        <li class="first_level">
                            <a href="javascript:void(0)">
                                <span class="icon_document_alt first_level_icon"></span>
                                <span class="menu-title">游戏管理</span>
                            </a>
                            <ul>
                                <li class="submenu-title">游戏管理</li>
                                <li><a href="#" data-toggle="modal" data-target="#addLayer">商品添加</a></li>
                                <li><a href="${pageContext.request.contextPath }/item/myitemlist.do">游戏列表</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div class="menu_toggle">
                    <span class="icon_menu_toggle">
                        <i class="arrow_carrot-2left toggle_left"></i>
                        <i class="arrow_carrot-2right toggle_right" style="display:none"></i>
                    </span>
                </div>
            </nav>
        </div>

        <!-- jQuery -->
        <script src="${pageContext.request.contextPath }/js/jquery.min.js"></script>
        <!-- jQuery Cookie -->
        <script src="${pageContext.request.contextPath }/js/jquerycookie.min.js"></script>
        <!-- Bootstrap Framework -->
        <script src="${pageContext.request.contextPath }/js/bootstrap.min.js"></script>
        <!-- retina images -->
        <script src="${pageContext.request.contextPath }/js/retina.min.js"></script>
        <!-- switchery -->
        <script src="${pageContext.request.contextPath }/js/switchery.min.js"></script>
        <!-- typeahead -->
        <script src="${pageContext.request.contextPath }/js/typeahead.bundle.min.js"></script>
        <!-- fastclick -->
        <script src="${pageContext.request.contextPath }/js/fastclick.min.js"></script>
        <!-- match height -->
        <script src="${pageContext.request.contextPath }/js/jquery.matchheight-min.js"></script>
        <!-- scrollbar -->
        <script src="${pageContext.request.contextPath }/js/jquery.mcustomscrollbar.concat.min.js"></script>
		<!-- moment.js (date library) -->
        <script src="${pageContext.request.contextPath }/js/moment-with-langs.min.js"></script>
        <!-- Yukon Admin functions -->
        <script src="${pageContext.request.contextPath }/js/yukon_all.min.js"></script>
	    <!-- page specific plugins -->
        <!-- footable -->
        <script src="${pageContext.request.contextPath }/js/footable.min.js"></script>
        <script src="${pageContext.request.contextPath }/js/footable.paginate.min.js"></script>
        <script src="${pageContext.request.contextPath }/js/footable.filter.min.js"></script>
       	<!-- datepicker -->
        <script src="${pageContext.request.contextPath }/js/bootstrap-datepicker.js"></script>
   		<!-- jBox -->
        <script src="${pageContext.request.contextPath }/js/jbox.min.js"></script>
        
        <script type="text/javascript">
	        $(function() {
	            //footable
	            yukon_footable.goodslist();
	            //datepicker
	            yukon_datepicker.p_forms_extended();
	        })
	        

	        //确认修改
			function updateItem() {
				$.post(
					$("#edit_item_form").serialize(),
					"${pageContext.request.contextPath }/item/update.do",
					function(data){
						alert("游戏信息更新成功!");
						window.location.reload();
				});
			}
			
	        //确认删除
			function deleteItem(id) {
				if(confirm('确实要删除该游戏吗?')) {
					$.post(
						"${pageContext.request.contextPath }/item/delete.do",
						{"id":id},
						function(data){
							window.location.reload();
					});
				}
			}
			
	        //添加游戏
			function addItem() {
				$.post(
					"${pageContext.request.contextPath }/item/save.do",
					$("#add_item_form").serialize(),
					function(data){
						alert("游戏添加成功!");
						window.location.reload();
				});
			}
	        
// 	        使用ajax发送和接受json格式的字符串
			function jsonData(){
				var jsondata='{"item_id":10,"item_name":"超级玛丽","item_type":"横版过关","item_price":88}';
				
				$.ajax({
					type:"post",
					url:"${pageContext.request.contextPath }/item/jsonData.do",
// 					发送的数据格式
					contentType:"application/json;charset=utf-8",
// 					回调的格式
					dataType:"json",
					data:jsondata,
					success:function(data){
						alert(data);
						alert(data.item_name);
					}				
				})
            }
            
            //"修改弹窗"的回显
            function editItem(id){
            	$.ajax({
            		type:"post",
            		url:"${pageContext.request.contextPath }/item/editItem.do",
            		data:{"id":id},
            		dataType:"json",
            		success:function(data){
            			$("#edit_item_name").val(data.item_name);
            			$("#edit_item_type").val(data.item_type);
            			$("#edit_item_price").val(data.item_price);
            		}
            		
            	})
            }
            
            
            function getNameList(){
            	var nameList=new Array();
            	$(".input_item_name").each(function(){
            		nameList.push($(this).val());
            	});
            	
//             	alert(nameList[3]);
// 				发送到后台
				$.ajax({
					type:"post",
					url:"${pageContext.request.contextPath }/item/getNameList.do",
// 					发送的数据格式
					contentType:"application/json;charset=utf-8",
					data:JSON.stringify(nameList)
				});
            }
            
            function getNameArray(){
            	var nameList=new Array();
            	$(".input_item_name").each(function(){
            		nameList.push($(this).val());
            	});

				$.ajax({
					type:"post",
					url:"${pageContext.request.contextPath }/item/getNameArray.do",
// 					发送的数据格式
					contentType:"application/json;charset=utf-8",
					data:JSON.stringify(nameList)
				});
            }
		</script>
    </body>
</html>

index.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>Insert title here</title>
</head>
<body>
<a href="item/allList.do">To item_list.jsp</a>
</body>
</html>

数据库：

 

项目截图：

疆~
关注
专栏目录
Spring MVC请求参数的绑定
m0_52012606的博客
02-21 951
请求参数的绑定说明 1. 绑定机制 ①. 表单提交的数据都是k=v格式的 username=haha&password=123 ②. SpringMVC的参数绑定过程是把表单提交的请求参数，作为控制器中方法的参数进行绑定的 ③. 要求：提交表单的name和参数的名称是相同的 2. 支持的数据类型 ①. 基本数据类型和字符串类型 ②. 实体类型（JavaBean） ③. 集合数据类型（List、map集合等） 基本数据类...
springmvc中的参数绑定
Jesse_Suo的博客
01-09 1321
在Struts2中我们都知道，它的传值是通过action类的属性进行传值的，并且在Action的方法中是不允许有形参的，但在springmvc中的参数传递是通过形参来传递的。 1.1    参数绑定     处理器适配器在执行Handler之前需要把http请求的key/value数据绑定到Handler方法形参数上。 1.1.1 默认支持的参数类型 处理器形参中添加如下类型的参数处理适配
（转）SpringMVC学习(五)——SpringMVC的参数绑定
05-27 167
http://blog.csdn.net/yerenyuan_pku/article/details/72511611 SpringMVC中的参数绑定还是蛮重要的，所以单独开一篇文章来讲解。本文所有案例代码的编写均建立在前文SpringMVC学习(四)——Spring、MyBatis和SpringMVC的整合的案例基础之上，因此希望读者能仔细阅读这篇文章。 默认支持的数据类型 现在...
SpringMVC 参数绑定详解
zw19910924的专栏
07-15 2423
概述记得之前跟前端同事联调接口的时候，后端springMVC需要接收数组类型的参数，然后跟前端说需要传数组类型过来。后来前端童鞋传了数组，但是后端接收不成功，联调失败。那时候由于时间关系没有仔细研究这块，当时想了个办法就是前端传一个json字符串，后端换成接收json字符串然后转成需要的数组对象。这显然不是一种好的做法，框架帮我们做好的事我们没有用上，还平白多了两次数据的转换。所以今天花时间研究了下
springmvc请求参数的绑定和获取
weixin_30627341的博客
03-07 71
请求参数的绑定和获取： 获取页面请求的参数，是javaweb必不可少的一个环节，在struts中，是通过再Action中定义属性，或者Model的方式进行数据绑定和获取。需要提供setter或getter方法，略显麻烦。而在SpringMvc中，却可以非常方便的获取请求参数，只需要在对应方法的参数列表中定义出来，即可获取，所见即所得！ 1.获取Servlet内置对象(...
springmvc（九） 参数绑定
北风
01-30 631
springmvc参数绑定过程 从客户端请求key/value数据，经过参数绑定，将key/value数据绑定到controller方法的形参上。 springmvc中，接收页面提交的数据是通过方法形参来接收。而不是在controller类定义成员变量接收！！！！ 默认支持的类型 直接在controller方法形参上定义下边类型的对象，就可以使用这些对象。在参数绑定过程中，如果遇到下边
关于SpringMVC的参数绑定
weixin_43843164的博客
06-01 243
1、默认的参数类型 2、简单的数据类型 3、pojo 简单的pojo 包装类的pojo 4、集合类参数绑定 数组 List Map
springmvc各种参数绑定
08-19
总的来说，Spring MVC的参数绑定机制为开发者提供了极大的便利，使得我们能够轻松地处理HTTP请求中的各种数据。通过源码阅读，我们可以更深入地理解这一机制，从而更好地利用Spring MVC框架进行开发。
SpringMVC参数绑定
04-15
以上知识点详细解释了SpringMVC参数绑定的机制、实现方式和一些高级特性，这在开发基于SpringMVC的Web应用程序时是必不可少的技能。掌握这些知识点有助于开发者更好地处理HTTP请求和响应，以及在Java Web开发中实现...
springmvc入门参数绑定ssm整合
11-10
SpringMVC参数绑定是指将用户请求的参数绑定到控制器的方法参数中。例如，使用@PathVariable注解绑定URL中的参数，使用@RequestParam注解绑定请求参数。 五、SSM整合 SSM整合是指将SpringMVC、MyBatis和Spring框架...
SpringMVC 数据绑定实例详解
10-19
在 SpringMVC 中，数据绑定是一项关键特性，它允许开发者将 HTTP 请求参数或者表单数据自动映射到控制器方法的参数上，简化了处理用户输入的过程。本篇将深入讲解 SpringMVC 数据绑定的实例详解。 SpringMVC 的数据...
SpringMVC 参数绑定意义及实现过程解析
08-25
SpringMVC 参数绑定是指将客户端请求中的数据绑定到 Controller 方法的形参上，以便于在 Controller 中处理这些数据。参数绑定的主要目的是为了将客户端请求中的数据转换成 Java 对象，以便于在 Controller 中使用...
SpringMVC框架 -- 请求参数的获取及接受
来日可期的博客
07-01 340
一、SpringMVC中请求参数获取 1. 直接方法参数获取请求参数 可用于获取url路径和表单提交的请求参数，get/post请求方式都行。 注意： 请求参数名称要与方法形参名称一致，顺序无关但要区分大小写； 如果方法接收多个参数，传入一个参数也行，其他默认为null； 如果请求参数与方法参数类型不一致，会抛出转换异常。 2. @RequestParam注解方式获取请求参数 可用于获取u...
springMVC 参数绑定
weixin_42325327的博客
02-05 3053
1.SpringMVC 参数绑定： 在 SpringMVC 中，提交请求的数据是通过方法形参来接收的。从客户端请求的 key/value 数据，经过参数绑定，将 key/value 数据绑定到 Controller 的形参上，然后在 Controller 就可以直接使用该形参。 参数绑定使用到3个注解： @RequestParam : 获取请求参数 ...
SpringMVC -SpringMVC获取请求参数详解与案例步骤开发（中）
qq_39123467的博客
04-19 431
SpringMVC -SpringMVC获取请求参数详解与案例步骤开发（中）
SpringMVC请求参数的绑定
多凡的博客
07-29 392
我们都知道，表单请求参数都是基于 key=value的/ springMVC绑定请求参数的过程时通过把表单提交请求参数， 作为控制器中方法参数进行绑定的。 1.支持的数据类型： 2.使用要求： 如果是基本类型或者 String类型： 要求我们的参数名称必须和控制器中方法的形参名称保持一致。(严格区分大小写) 如果是 POJO类型，或者它的关联对象： 要求表单中参数名称和 POJO 类的属性名...
java mvc controller_SpringMVC之Controller和参数绑定
weixin_33893111的博客
02-16 418
在上一篇Spring+SpringMVC+Mybatis整合中说到了SSM的整合，并且在其中添加了一个简单的查询功能，目的只是将整个整合的流程进行一个梳理，下面在上一篇中工程的基础上再说一些关于SpringMVC的Controller的一些细节。首先附上整个项目结构图，附上整个代码工程的下载地址，下面所讲到的测试用例都是在下面这个测试项目的基础上进行的。一、关于Controller的注解形式1、使...
一篇文章搞定SpringMVC参数绑定
weixin_30808693的博客
02-13 184
SpringMVC参数绑定，简单来说就是将客户端请求的key/value数据绑定到controller方法的形参上，然后就可以在controller中使用该参数了 下面通过5个常用的注解演示下如何进行参数绑定： 1. @PathVariable注解 @PathVariable 是用来获得请求url中的动态参数的，可以将URL中的变量映射到功能处理方法的参数上，其中URL 中的 {xx...
基于java的的个人博客网站的设计与实现设计与实现.docx
最新发布
09-19
基于java的的个人博客网站的设计与实现设计与实现.docx
SpringMVC数据绑定与表单处理详解
在SpringMVC框架中，数据绑定是一个关键的功能，它简化了前端表单数据与后端Java对象之间的交互过程。数据绑定的主要目的是提高代码的可维护性和减少手动类型转换的工作量，特别是在处理用户提交的表单数据时。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值