前台jsp页面和后台传值的几种方式:

                       不用SpringMVC自带的标签

前台---->后台,通过表单传递数据():

1.jsp页面代码如下,  modelattribute 有没有都行

<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%@taglib prefix="sf" uri="http://www.springframework.org/tags/form"%>
<!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> <form method="post" enctype="multipart/form-data">
Username:<input type="text" name="username"/> <sf:errors path="username">
Password:<input type="password" name="password"/> <sf:errors path="password">
Nickname:<input type="text" name="nickname"/></br>
Email<input type="text" name="email"/> </form>
</body>
</html>

2.写Action,如下两种方式都可以:

  第一种,表单的name属性值必须和接受的参数同名。否则,接收到的参数为null,但不报错

  第二种,表单的name属性值必须和接收对象的属性同名。否则,接收到的参数为null,但不报错

@RequestMapping(value="/add",method=RequestMethod.POST)
public String userAdd(String username,String password,String nickname,String email){
User user = new User(username,password,nickname,email);
System.out.println(user.toString());
users.put(user.getNickname(), user);
//客户端跳转
return "redirect:/user/users";
}
@RequestMapping(value="/add",method=RequestMethod.POST)
public String userAdd(User user) {
System.out.println(user.toString());
users.put(user.getNickname(), user);
//客户端跳转
return "redirect:/user/users";
}

注意1:即使我们的Action使用第二种方式(选用User类对象作为参数),前台界面也不能写成user.username ,后台这样会接收失败,得到的值是null。这一点如果没记错的话,应该和Struts2是不一样的

<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%@taglib prefix="sf" uri="http://www.springframework.org/tags/form"%>
<!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> <form method="post" enctype="multipart/form-data">
Username:<input type="text" name="user.username"/>
Password:<input type="password" name="user.password"/>
Nickname:<input type="text" name="user.nickname"/>
Email<input type="text" name="user.email"/>
<input type="submit" value="添加用户" /> </form>
</body>
</html>

注意2:我们的Action使用第二种方式(选用User类对象作为参数),我们可以在服务端使用@Validated注解来进行服务端验证。但是由于我们前台jsp页面没有使用SpringMVC自带的标签库,前台jsp页面无法显示错误信息,也就是<sf:errors path="username"></sf:errors> 不起作用(不报错)。

  ----如果只把<form></form>标签缓存<sf:form></sf:form>,并且添加modelAttribute="user"属性,不该其他内容,<sf:error>会起作用。但是我们不会这样做,没有任何意义,要用就统一用SpringMVC自带的标签库,要么就全部用,混着用容易出错。

后台---->前台  model.addAttribute("users",users):

后台Action代码

@RequestMapping(value={"/users","/",""},method=RequestMethod.GET)
public String userList(Model model){
//model.addAllAttributes(user);//key是map(类型名首字母小写)
model.addAttribute("users",users);
return "user/list";
}
@RequestMapping(value="/add",method=RequestMethod.GET)
public String userAdd(){
model.addAttribute("user", new User("newUser","newUserPwd","newUserNickname","newUser@126.com"));
return "user/add";
}

前台jap页面取值:使用jstl:<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!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>
<a href="add" >添加</a>
<br/>
<c:forEach items="${users }" var="userMap">
${userMap.key }
<!-- 这里使用jstl取值,如果我们把User对象的字段,所对应的getter和setter方法去掉,页面会报错 -->
-----><a href="${userMap.value.username }">${userMap.value.username } </a>
----->${userMap.value.password }
----->${userMap.value.nickname }
----->${userMap.value.email }
-----><a href="${userMap.value.nickname }/update">修改用户</a>
-----><a href="${userMap.value.nickname }/delete">删除用户</a>
</br>
</c:forEach>
</body>
</html>

                        使用SpringMVC自带的标签

前台---->后台,通过表单传递数据():

前台jsp页面代码如下。

  1.需要添加一个taglib <%@taglib prefix="sf"  uri="http://www.springframework.org/tags/form"%>

  2.由于使用了SpringMVC自带的标签<sf:input path="username"/>,<sf:password path="password"/>,带有必须的path属性,所以必须要加上

  modelAttribute="user",否则会报错

<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%@taglib prefix="sf" uri="http://www.springframework.org/tags/form"%>
<!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> <sf:form method="post" modelAttribute="user" enctype="multipart/form-data">
Username:<sf:input path="username"/> <sf:errors path="username"></sf:errors></br>
Password:<sf:password path="password"/> <sf:errors path="password"></sf:errors></br>
Nickname:<sf:input path="nickname"/></br>
Email:<sf:input path="email"/> <input type="submit" value="添加用户" /> </sf:form>
</body>
</html>

2.写Action,如下两种方式都可以:

  第一种,表单的path属性值必须和接受的参数同名。

  第二种,表单的path属性值必须和接收对象的属性同名,并且modelAttribute="user"的属性值,必须为Action参数的类型名小写,即User变user。

public String userAdd(String username,String password,String nickname,String email) {
User user = new User(username,password,nickname,email);
System.out.println(user.toString()); users.put(usera.getNickname(), user);
//客户端跳转
return "redirect:/user/users";
}
public String userAdd(User user) {
System.out.println(user.toString());
users.put(user.getNickname(), user);
//客户端跳转
return "redirect:/user/users";
}

  如果我们的Action使用第二种方式(选用User类对象作为参数),我们可以在服务端使用@Validated注解来进行服务端验证。那么前台jsp页面是能够通过<sf:error>来获取错误信息的。想下面的代码,如果我们填写的User信息有错误,那么我们就会返回到刚才填写信息的add页面,并且还会显示错误信息。

    @RequestMapping(value="/add",method=RequestMethod.POST)
public String userAdd(@Validated User user,BindingResult br,MultipartFile attach,HttpServletRequest re) throws IOException{//一定要紧跟validate写,验证结果类,中间如果有其他参数,就会报错
System.out.println(user.toString());
     //如果有错误,返回添加用户信息的页面。这里不用Model model和model.addAttribute()为什么不报错呢
if(br.hasErrors()){
return "user/add";
} users.put(user.getNickname(), user);
//客户端跳转
return "redirect:/user/users";
}

后台---->前台,传递数据:

后台Action,使用model.addAttribute():

注意:这里有一点需要强调一下,如果我们不适用SpringMVC自带的标签,那么如果我们不想往前台jsp页面传数据,那么我们可以不用添加Action的参数Model model 和 model.addAttribute()。但是如果使用SpringMVC自带的标签,我们必须要向前台页面传送数据,即使传一个空值,也要传,否则报错。

@RequestMapping(value="/add",method=RequestMethod.GET)
public String userAdd(Model model){
//public String userAdd(@ModelAttribute("user")User user){
//model.addAttribute(new User());
model.addAttribute("user", new User("newUser","newUserPwd","newUserNickname","newUser@126.com"));
return "user/add";
}

前台jsp页面取值方式

1.这里我们也可以使用jstl表达式,来获取传到前台jsp页面的值,和不适用SpringMVC自带标签是一样的,就不详述了。

2.但是,我们也可以不使用jstl这种方式来获取值。由于前台jsp页面中,是有SpringMVC自带标签的,<sf:input path="username"/>,<sf:password path="password"/>,这里就会直接把值赋给这个标签。

<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%@taglib prefix="sf" uri="http://www.springframework.org/tags/form"%>
<!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>
<!-- 使用jstl取值 -->
${user.username }
<sf:form method="post" modelAttribute="user" enctype="multipart/form-data"> <!-- 也可以直接把值,自动放到标签里面显示,不需要人工操作 -->
Username:<sf:input path="username"/> <sf:errors path="username"></sf:errors></br>
Password:<sf:password path="password"/> <sf:errors path="password"></sf:errors></br>
Nickname:<sf:input path="nickname"/></br>
Email<sf:input path="email"/> <input type="submit" value="添加用户" /> </sf:form>
</body>
</html>

注意:很重要的一点,如果前台使用了SpringMVC自带的标签,我们用GET请求“添加页面”的时候,即使我们后端没有要传给前台jsp页面数据,我们的Action也必须要有Model model参数,并且函数体中,也必须要添加一个空,model.addAttribute(new User());,否则会报错。也就是说,如果选择了SpringMVC自带的标签:

1.负责GET请求的Action必须 要有Model model参数,并且函数体中,也必须要添加一个空,model.addAttribute(new User());

2.前台jsp页面 <sf:form>表单 一定要有modelAttribute="user"

3.如果在POST请求中,用了@validated,如果页面出错,我们还是会返回“添加页面”,但是奇怪的是为什么此时我不加Model model参数,和model.addAttribute(new User());是不会报错的呢?个人认为,系统为自动给你加的。当然如果报错了之后,你想自己传一些特殊的值给前台jsp页面,那么就需要用到。

。java.lang.IllegalStateException: Neither BindingResult nor plain target object for bean name 'command' available as request attribute  ,

如果我们要使用@Validate进行验证,并且需要在前台通过<sf:error></sf:error>来显示错误信息,那么我们一定要用<sf:form></sf:form>,并且设置modelAttribute="user",它的属性值,必须为小写的类型名 ,表单中的其他标签是否使用<sf:>都可以。

 

此时前台接收的方式

  1.可以使用el表达式,${userMap.value.username }

  2.如果我们想让传过来的值直接放到某个控件上(不使用js),我们可以使用SpringMVC自己带的标签(需要设置taglib)

   比如下面的<sf:input path="username"/>,path属性是必须要设置的。modelAttribute="user"也是必须要设置的。而且如果使用了这种方式,那么后台

  代码必须要有Model model,并且model需要add一个东西

  我们这样理解这个东西,由于<sf:input path="">的path属性是必须的,所以这个属性对应着对象的某一个字段,而对象是什么呢,就需要modelAttribute="user",来确定。这也就说明,只要使用<sf:>,就必须要有modelAttribute=""的原因了。而且后台一定要传东西过来,如果没有

model.addAttribute(),那么<sf:>标签就获取不到对应的值,就会报错

<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%@taglib prefix="sf" uri="http://www.springframework.org/tags/form"%>
<!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> <sf:form method="post" modelAttribute="user" enctype="multipart/form-data">
Username:<sf:input path="username"/> <sf:errors path="username"></sf:errors></br>
Password:<sf:password path="password"/> <sf:errors path="password"></sf:errors></br>
Nickname:<sf:input path="nickname"/></br>
Email<input type="text" name="email"/> <input type="submit" value="添加用户" /> </sf:form>
</body>
</html>

SpringMVC:前台jsp页面和后台传值的更多相关文章

  1. jsp页面向后台传值出现乱码的问题

    1.采用decode()方法 页面: Url: '<%=path%>/sfyh/infodata.jsp?type='+encodeURI(ss) , 后台: String result  ...

  2. 【数据库_Mysql】JAVA-数据库Date格式在前台JSP页面的获取

    问题: 数据库保存的为date格式的日期 在前台JSP页面显示的为一串数字1487897     解决办法: 数据库表中字段对应的实体对象属性的get方法上添加一行代码 页面即可正常显示      

  3. java分页的实现(后台工具类和前台jsp页面)

    1.首先,新建一个类Page.java public class Page implements Serializable { private static final long serialVers ...

  4. springMVC之一(页面<--->控制器 互相传值,转发和重定向)

    #页面--->控制器1.request:不建议使用2.使用属性传值(建议使用)@RequestParam("name") String username3.使用Bean对象传 ...

  5. jsp页面间的传值

    很多的时候我们只是把我们需要的数据,查询出来,然后用request.setAttribute("" ,"" )方法保存这个数据集合.再在我们能跳转到的下一个js ...

  6. 从jsp页面到servlet传值的不同方式

    1.利用超链接<a></a>来传递参数 例如: <td><a href="/month811/Servlet?id=${student.id}&am ...

  7. JSP页面间的传值方法总结

    JSP 页面间传递参数是项目中经常需要的,这应该算是 web 基本功吧.试着将各种方式总结下来,需要时可以进行权衡利弊选择最合适的方式.下面来一起看看详细的介绍: 1. URL 链接后追加参数 ? 1 ...

  8. jsp页面获取后台传过来的list集合的长度

    在jsp页面导入函数标签库: <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"% ...

  9. springMVC在JSP页面取map值

    在springmMVC中.jsp页面取得map值. 在controller层: Map<String, Object> map = new HashMap<String, Objec ...

随机推荐

  1. 【bzoj5018】[Snoi2017]英雄联盟 背包dp

    题目描述 正在上大学的小皮球热爱英雄联盟这款游戏,而且打的很菜,被网友们戏称为「小学生」.现在,小皮球终于受不了网友们的嘲讽,决定变强了,他变强的方法就是:买皮肤!小皮球只会玩N个英雄,因此,他也只准 ...

  2. Python 错误类型及解决方法

    SyntaxError: invalid syntax          表示“语法错误:不正确的语法” 检查代码的缩进,代码格式是否正确,Python的缩进一般为四个空格,tab键尽量不要用. In ...

  3. Codeforces Round #323 (Div. 2) C 无敌gcd 数学/贪心

    C. GCD Table time limit per test 2 seconds memory limit per test 256 megabytes input standard input ...

  4. bootstrap之常见组件应用1

    bootstrap中,常见的组件有很多,比如按钮,输入框,导航条,巨幕,面板等.这次根据对bootstrap的一系列学习进行总结. 按钮:button <button type="bu ...

  5. 【11】react 之 flux

    Flux 是 Facebook 使用的一套前端应用的架构模式.React 标榜自己是 MVC 里面 V 的部分,那么 Flux 就相当于添加 M 和 C 的部分. 1.1.  Flux介绍 Flux并 ...

  6. 【转】axios的基本使用

    axios的基本使用 vue更新到2.0之后,作者就宣告不再对vue-resource更新,而是推荐的 axios 基于 Promise 的 HTTP 请求客户端,可同时在浏览器和 node.js 中 ...

  7. CSS3 基本属性 浅析(含选择器、背景阴影、3D转换、动画等)

    1渐进增强原则 2私有前缀  不同浏览器在发布不同版本(一般测试版)时会加前缀,新增属性加上前缀进行支持测试:     Chrome浏览器:-webkit-border-radius: 5px;   ...

  8. 【BZOJ1299】巧克力棒(Nim游戏,SG函数)

    题意:TBL和X用巧克力棒玩游戏.每次一人可以从盒子里取出若干条巧克力棒,或是将一根取出的巧克力棒吃掉正整数长度. TBL先手两人轮流,无法操作的人输. 他们以最佳策略一共进行了10轮(每次一盒).你 ...

  9. js 数组知识复习

    2.Array类型 2.1 创建数组 两种方式: 1.new Array(); //创建一个空数组 var arr1 = new Array(); //创建一个长度为10的空数组, var arr2 ...

  10. 《Linux命令行与shell脚本编程大全 第3版》Linux命令行---23

    以下为阅读<Linux命令行与shell脚本编程大全 第3版>的读书笔记,为了方便记录,特地与书的内容保持同步,特意做成一节一次随笔,特记录如下: