`
hz_chenwenbiao
  • 浏览: 1010590 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

Spring 注解学习手札（三） 表单页面处理

SpringGmailWebJSPUI 
阅读更多

昨天小歇一天，看着两篇博客迅速飙升的点击率，十分欣慰。今天来研究一下表单页面的处理问题。

相关参考：
Spring 注解学习手札（一） 构建简单Web应用
Spring 注解学习手札（二） 控制层梳理
Spring 注解学习手札（三） 表单页面处理
Spring 注解学习手札（四） 持久层浅析
Spring 注解学习手札（五） 业务层事务处理
Spring 注解学习手札（六） 测试


如果要说表单，最简单的就是用户登录页面了！估计大多数做B/S出身的兄弟可能写的第一个表单就是登录表单了！ 今天，我也不例外，做一个登录验证实现！
首先，改造一下账户类Account，增加一个id字段：
Account.java

Java代码 复制代码
  1. /**  
  2.  * 2010-1-23  
  3.  */  
  4. package org.zlex.spring.domain;   
  5.   
  6. import java.io.Serializable;   
  7.   
  8. /**  
  9.  * 账户  
  10.  *   
  11.  * @author <a href="mailto:zlex.dongliang@gmail.com">梁栋</a>  
  12.  * @version 1.0  
  13.  * @since 1.0  
  14.  */  
  15. public class Account implements Serializable {   
  16.   
  17.     /**  
  18.      *   
  19.      */  
  20.     private static final long serialVersionUID = -533698031946372178L;   
  21.   
  22.     /**  
  23.      * 主键  
  24.      */  
  25.     private int id;   
  26.     /**  
  27.      * 用户名  
  28.      */  
  29.     private String username;   
  30.     /**  
  31.      * 密码  
  32.      */  
  33.     private String password;   
  34.   
  35.        
  36.   
  37.     public Account() {   
  38.     }   
  39.   
  40.     /**  
  41.      * @param id  
  42.      */  
  43.     public Account(int id) {   
  44.         this.id = id;   
  45.     }   
  46.   
  47.      // get、set方法省略   
  48.   
  49. }  
/**
 * 2010-1-23
 */
package org.zlex.spring.domain;

import java.io.Serializable;

/**
 * 账户
 * 
 * @author <a href="mailto:zlex.dongliang@gmail.com">梁栋</a>
 * @version 1.0
 * @since 1.0
 */
public class Account implements Serializable {

	/**
	 * 
	 */
	private static final long serialVersionUID = -533698031946372178L;

	/**
	 * 主键
	 */
	private int id;
	/**
	 * 用户名
	 */
	private String username;
	/**
	 * 密码
	 */
	private String password;

	

	public Account() {
	}

	/**
	 * @param id
	 */
	public Account(int id) {
		this.id = id;
	}

	 // get、set方法省略

}


接下来，为了协调逻辑处理，我们改造接口AccountService及其实现类AccountServiceImpl：
AccountService.java

Java代码 复制代码
  1. /**  
  2.  * 2010-1-23  
  3.  */  
  4. package org.zlex.spring.service;   
  5.   
  6. import org.springframework.transaction.annotation.Transactional;   
  7. import org.zlex.spring.domain.Account;   
  8.   
  9. /**  
  10.  * 账户业务接口  
  11.  *   
  12.  * @author <a href="mailto:zlex.dongliang@gmail.com">梁栋</a>  
  13.  * @version 1.0  
  14.  * @since 1.0  
  15.  */  
  16. @Transactional  
  17. public interface AccountService {   
  18.   
  19.     /**  
  20.      * 获得账户  
  21.      *   
  22.      * @param username  
  23.      * @param password  
  24.      * @return  
  25.      */  
  26.     Account read(String username, String password);   
  27.   
  28.     /**  
  29.      * 获得账户  
  30.      *   
  31.      * @param id  
  32.      * @return  
  33.      */  
  34.     Account read(int id);   
  35. }  
/**
 * 2010-1-23
 */
package org.zlex.spring.service;

import org.springframework.transaction.annotation.Transactional;
import org.zlex.spring.domain.Account;

/**
 * 账户业务接口
 * 
 * @author <a href="mailto:zlex.dongliang@gmail.com">梁栋</a>
 * @version 1.0
 * @since 1.0
 */
@Transactional
public interface AccountService {

	/**
	 * 获得账户
	 * 
	 * @param username
	 * @param password
	 * @return
	 */
	Account read(String username, String password);

	/**
	 * 获得账户
	 * 
	 * @param id
	 * @return
	 */
	Account read(int id);
}


我们暂时抛开AccountDao该做的事情，在AccountServiceImpl中完成数据提取：
AccountServiceImpl.java

Java代码 复制代码
  1. /**  
  2.  * 2010-1-23  
  3.  */  
  4. package org.zlex.spring.service.impl;   
  5.   
  6. import org.springframework.beans.factory.annotation.Autowired;   
  7. import org.springframework.stereotype.Service;   
  8. import org.zlex.spring.dao.AccountDao;   
  9. import org.zlex.spring.domain.Account;   
  10. import org.zlex.spring.service.AccountService;   
  11.   
  12. /**  
  13.  * 账户业务  
  14.  *   
  15.  * @author <a href="mailto:zlex.dongliang@gmail.com">梁栋</a>  
  16.  * @version 1.0  
  17.  * @since 1.0  
  18.  */  
  19. @Service  
  20. public class AccountServiceImpl implements AccountService {   
  21.   
  22.     @Autowired  
  23.     private AccountDao accountDao;   
  24.   
  25.     @Override  
  26.     public Account read(String username, String password) {   
  27.         Account account = null;   
  28.         if (username.equals("snowolf") && password.equals("zlex")) {   
  29.             account = new Account();   
  30.             account.setId(1);   
  31.             account.setUsername(username);   
  32.             account.setPassword(password);   
  33.         }   
  34.         return account;   
  35.     }   
  36.   
  37.     @Override  
  38.     public Account read(int id) {   
  39.         Account account = new Account();   
  40.         account.setId(1);   
  41.         account.setUsername("snowolf");   
  42.         account.setPassword("zlex");   
  43.         return account;   
  44.     }   
  45. }  
/**
 * 2010-1-23
 */
package org.zlex.spring.service.impl;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import org.zlex.spring.dao.AccountDao;
import org.zlex.spring.domain.Account;
import org.zlex.spring.service.AccountService;

/**
 * 账户业务
 * 
 * @author <a href="mailto:zlex.dongliang@gmail.com">梁栋</a>
 * @version 1.0
 * @since 1.0
 */
@Service
public class AccountServiceImpl implements AccountService {

	@Autowired
	private AccountDao accountDao;

	@Override
	public Account read(String username, String password) {
		Account account = null;
		if (username.equals("snowolf") && password.equals("zlex")) {
			account = new Account();
			account.setId(1);
			account.setUsername(username);
			account.setPassword(password);
		}
		return account;
	}

	@Override
	public Account read(int id) {
		Account account = new Account();
		account.setId(1);
		account.setUsername("snowolf");
		account.setPassword("zlex");
		return account;
	}
}


先来一个账户信息的展示，构建一个控制器ProfileController：
ProfileController.java

Java代码 复制代码
  1. /**  
  2.  * 2010-1-26  
  3.  */  
  4. package org.zlex.spring.controller;   
  5.   
  6. import org.springframework.beans.factory.annotation.Autowired;   
  7. import org.springframework.stereotype.Controller;   
  8. import org.springframework.ui.ModelMap;   
  9. import org.springframework.web.bind.annotation.RequestMapping;   
  10. import org.springframework.web.bind.annotation.RequestMethod;   
  11. import org.springframework.web.bind.annotation.RequestParam;    
  12. import org.zlex.spring.domain.Account;   
  13. import org.zlex.spring.service.AccountService;   
  14.   
  15. /**  
  16.  * 账户信息控制器  
  17.  *   
  18.  * @author <a href="mailto:zlex.dongliang@gmail.com">梁栋</a>  
  19.  * @version 1.0  
  20.  * @since 1.0  
  21.  */  
  22. @Controller  
  23. @RequestMapping(value = "/profile.do")   
  24. public class ProfileController {   
  25.     @Autowired  
  26.     private AccountService accountService;   
  27.   
  28.     /**  
  29.      * 账户信息展示  
  30.      *   
  31.      * @param id  
  32.      * @param model  
  33.      * @return  
  34.      */  
  35.     @RequestMapping(method = RequestMethod.GET)   
  36.     public String profile(@RequestParam("id") int id, ModelMap model) {   
  37.         Account account = accountService.read(id);   
  38.         model.addAttribute("account", account);   
  39.   
  40.         // 跳转到用户信息页面   
  41.         return "account/profile";   
  42.     }   
  43. }  
/**
 * 2010-1-26
 */
package org.zlex.spring.controller;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.ModelMap;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RequestParam; 
import org.zlex.spring.domain.Account;
import org.zlex.spring.service.AccountService;

/**
 * 账户信息控制器
 * 
 * @author <a href="mailto:zlex.dongliang@gmail.com">梁栋</a>
 * @version 1.0
 * @since 1.0
 */
@Controller
@RequestMapping(value = "/profile.do")
public class ProfileController {
	@Autowired
	private AccountService accountService;

	/**
	 * 账户信息展示
	 * 
	 * @param id
	 * @param model
	 * @return
	 */
	@RequestMapping(method = RequestMethod.GET)
	public String profile(@RequestParam("id") int id, ModelMap model) {
		Account account = accountService.read(id);
		model.addAttribute("account", account);

		// 跳转到用户信息页面
		return "account/profile";
	}
}


@RequestMapping(value = "/profile.do")为该控制器绑定url（/profile.do）
@RequestMapping(method = RequestMethod.GET)指定为GET请求
model.addAttribute("account", account);绑定账户
return "account/profile";跳转到“/WEB-INF/page/account/porfile.jsp”页面
对应构建这个页面：
porfile.jsp

Jsp代码 复制代码
  1. <fieldset><legend>用户信息</legend>   
  2. <ul>   
  3.     <li><label>用户名:</label><c:out value="${account.username}" /></li>   
  4. </ul>   
  5. </fieldset>  
<fieldset><legend>用户信息</legend>
<ul>
	<li><label>用户名:</label><c:out value="${account.username}" /></li>
</ul>
</fieldset>


账户信息已经绑定在response的属性上。自然，使用<c:out />标签就可以获得账户信息内容。
访问地址http://localhost:8080/spring/profile.do?id=1，结果如图所示：

接着构建一个登录控制器LoginController
LoginController.java

Java代码 复制代码
  1. /**  
  2.  * 2010-1-25  
  3.  */  
  4. package org.zlex.spring.controller;   
  5.   
  6. import org.springframework.beans.factory.annotation.Autowired;   
  7. import org.springframework.stereotype.Controller;   
  8. import org.springframework.ui.ModelMap;   
  9. import org.springframework.web.bind.annotation.ModelAttribute;   
  10. import org.springframework.web.bind.annotation.RequestMapping;   
  11. import org.springframework.web.bind.annotation.RequestMethod;   
  12. import org.zlex.spring.domain.Account;   
  13. import org.zlex.spring.service.AccountService;   
  14.   
  15. /**  
  16.  * 登录控制器  
  17.  *   
  18.  * @author <a href="mailto:zlex.dongliang@gmail.com">梁栋</a>  
  19.  * @version 1.0  
  20.  * @since 1.0  
  21.  */  
  22. @Controller  
  23. @RequestMapping(value = "/login.do")   
  24. public class LoginController {   
  25.   
  26.     @Autowired  
  27.     private AccountService accountService;   
  28.   
  29.     /**  
  30.      * 初始化表单  
  31.      *   
  32.      * @param model  
  33.      * @return  
  34.      */  
  35.     @RequestMapping(method = RequestMethod.GET)   
  36.     public String initForm(ModelMap model) {   
  37.         Account account = new Account();   
  38.         model.addAttribute("account", account);   
  39.         // 直接跳转到登录页面   
  40.         return "account/login";   
  41.     }   
  42.   
  43.     /**  
  44.      * 登录  
  45.      *   
  46.      * @param account  
  47.      * @return  
  48.      */  
  49.     @RequestMapping(method = RequestMethod.POST)   
  50.     public String login(@ModelAttribute("account") Account account) {   
  51.         Account acc = accountService.read(account.getUsername(), account   
  52.                 .getPassword());   
  53.         if (acc != null) {   
  54.             return "redirect:profile.do?id=" + acc.getId();   
  55.         } else {   
  56.             return "redirect:login.do";   
  57.         }   
  58.     }   
  59. }  
/**
 * 2010-1-25
 */
package org.zlex.spring.controller;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.ModelMap;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.zlex.spring.domain.Account;
import org.zlex.spring.service.AccountService;

/**
 * 登录控制器
 * 
 * @author <a href="mailto:zlex.dongliang@gmail.com">梁栋</a>
 * @version 1.0
 * @since 1.0
 */
@Controller
@RequestMapping(value = "/login.do")
public class LoginController {

	@Autowired
	private AccountService accountService;

	/**
	 * 初始化表单
	 * 
	 * @param model
	 * @return
	 */
	@RequestMapping(method = RequestMethod.GET)
	public String initForm(ModelMap model) {
		Account account = new Account();
		model.addAttribute("account", account);
		// 直接跳转到登录页面
		return "account/login";
	}

	/**
	 * 登录
	 * 
	 * @param account
	 * @return
	 */
	@RequestMapping(method = RequestMethod.POST)
	public String login(@ModelAttribute("account") Account account) {
		Account acc = accountService.read(account.getUsername(), account
				.getPassword());
		if (acc != null) {
			return "redirect:profile.do?id=" + acc.getId();
		} else {
			return "redirect:login.do";
		}
	}
}


分段详述，先说初始化表单：

Java代码 复制代码
  1. /**  
  2.  * 初始化表单  
  3.  *   
  4.  * @param model  
  5.  * @return  
  6.  */  
  7. @RequestMapping(method = RequestMethod.GET)   
  8. public String initForm(ModelMap model) {   
  9.     Account account = new Account();   
  10.     model.addAttribute("account", account);   
  11.     // 直接跳转到登录页面   
  12.     return "account/login";   
  13. }  
	/**
	 * 初始化表单
	 * 
	 * @param model
	 * @return
	 */
	@RequestMapping(method = RequestMethod.GET)
	public String initForm(ModelMap model) {
		Account account = new Account();
		model.addAttribute("account", account);
		// 直接跳转到登录页面
		return "account/login";
	}


@RequestMapping(method = RequestMethod.GET)指定了GET请求方式，这与POST表单提交相对应！
model.addAttribute("account", account);绑定账户对象，也就是这个登录表单对象
return "account/login";指向登录页面
再看登录方法：

Java代码 复制代码
  1. /**  
  2.  * 登录  
  3.  *   
  4.  * @param account  
  5.  * @return  
  6.  */  
  7. @RequestMapping(method = RequestMethod.POST)   
  8. public String login(@ModelAttribute("account") Account account) {   
  9.     Account acc = accountService.read(account.getUsername(), account   
  10.             .getPassword());   
  11.     if (acc != null) {   
  12.         return "redirect:profile.do?id=" + acc.getId();   
  13.     } else {   
  14.         return "redirect:login.do";   
  15.     }   
  16. }  
	/**
	 * 登录
	 * 
	 * @param account
	 * @return
	 */
	@RequestMapping(method = RequestMethod.POST)
	public String login(@ModelAttribute("account") Account account) {
		Account acc = accountService.read(account.getUsername(), account
				.getPassword());
		if (acc != null) {
			return "redirect:profile.do?id=" + acc.getId();
		} else {
			return "redirect:login.do";
		}
	}


@RequestMapping(method = RequestMethod.POST)绑定POST表单提交请求
@ModelAttribute("account") Account account绑定表单对象。
最后，再来看看页面：
login.jsp

Jsp代码 复制代码
  1. <fieldset><legend>登录</legend><form:form commandName="account">   
  2.     <form:hidden path="id" />   
  3.     <ul>   
  4.         <li><form:label path="username">用户名:</form:label><form:input   
  5.             path="username" /></li>   
  6.         <li><form:label path="password">密码:</form:label><form:password   
  7.             path="password" /></li>   
  8.         <li>   
  9.         <button type="submit">登录</button>   
  10.         <button type="reset">重置</button>   
  11.         </li>   
  12.     </ul>   
  13. </form:form></fieldset>  
<fieldset><legend>登录</legend><form:form commandName="account">
	<form:hidden path="id" />
	<ul>
		<li><form:label path="username">用户名:</form:label><form:input
			path="username" /></li>
		<li><form:label path="password">密码:</form:label><form:password
			path="password" /></li>
		<li>
		<button type="submit">登录</button>
		<button type="reset">重置</button>
		</li>
	</ul>
</form:form></fieldset>


注意，<form:form commandName="account">必须指明commandName，且与表单初始化、提交方法中的表单对象名称保持一致！
页面目录结构如下图所示：

在页面中，我加入了一部分css效果，这部分代码我就不在这里唠叨了，大家可以看源码！
登录试试，如图：

用户名：snwolf 密码：zlex
如果登录成功，我们就会跳转到之前的账户信息页面！
注解的确减少了代码的开发量，当然，这对于我们理解程序是一种挑战！如果你不知道原有的SpringMVC的流程，很难一开始就能摆弄清楚这些内容！

分享到：
| Spring 注解学习手札（二） 控制层梳理
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Spring 注解学习手札（一） 构建简单Web应用

    在本篇《Spring注解学习手札（一）构建简单Web应用》中，我们将深入探讨如何使用Spring框架的注解来构建一个基本的Web应用程序。Spring框架是Java开发中的核心工具，尤其在企业级应用中广泛应用。它简化了依赖注入、...

    Spring 注解学习手札

    【Spring注解学习手札】 在现代Java Web开发中，Spring框架因其强大的功能和灵活性而备受推崇。Spring注解的引入极大地简化了配置文件，提高了开发效率。本篇将聚焦于Spring MVC中的注解，通过构建一个简单的Web...

    Spring 注解学习手札（二） 控制层梳理

    这篇“Spring注解学习手札（二）控制层梳理”主要聚焦于如何利用注解来构建和理解Spring MVC的控制层，即Controller。Spring MVC是Spring框架的一部分，专门用于处理Web应用程序的请求和响应。 一、@RestController...

    Spring 注解学习手札（四） 持久层浅析

    在本篇《Spring注解学习手札（四）持久层浅析》中，我们将深入探讨Spring框架在持久层的应用，特别是如何通过注解简化数据库操作。Spring作为一个强大的轻量级框架，提供了丰富的功能来处理数据访问，使得开发者可以...

    Spring 注解学习手札（五） 业务层事务处理

    这篇“Spring注解学习手札（五）——业务层事务处理”深入探讨了如何使用注解来管理应用程序中的事务，确保数据的一致性和完整性。Spring提供了声明式事务管理，使得开发者无需编写繁琐的事务控制代码，只需在方法上...

    Spring 注解学习手札（六） 测试

    在本篇《Spring注解学习手札（六）——测试》中，我们将深入探讨Spring框架中的测试支持，尤其是如何利用注解进行单元测试和集成测试。Spring为开发者提供了丰富的注解，使得测试代码更加简洁、易读且易于维护。本文...

    Spring 注解学习手札（七） 补遗——@ResponseBody，@RequestBody，@PathVariable

    总之，`@ResponseBody`、`@RequestBody`和`@PathVariable`是Spring MVC中不可或缺的三大注解，它们在构建RESTful服务时起着至关重要的作用。掌握它们的用法和工作原理，能够提升我们的开发效率，使我们更好地利用...

    Spring 注解学习

    以上内容基于Snowolf的博客文章《Spring注解手札》系列，该系列文章详尽地介绍了Spring注解的使用，从构建简单的Web应用到控制层、表单处理、持久层以及事务管理和测试，覆盖了Spring注解的多个方面。通过这些实例，...

    Perl_学习手札

    在"Perl学习手札"中，你将深入学习如何构建和使用这些表达式，以及如何结合其他Perl函数进行更复杂的文本处理。 其次，Perl提供了丰富的内置数据结构，如数组、哈希（关联数组）和标量，使你能够有效地组织和操作...

    perl学习手札中文

    "Perl学习手札中文"是一份专为初学者设计的学习资料，旨在帮助读者快速掌握Perl语言的基础和高级特性。以下是对这些文件内容的概览： 1. **word.css**: 这个文件可能是样式表，用于定义文档中的排版和格式。在学习...

    perl学习手札(简体中文)_简信昌

    关于作者： 简信昌 “傲尔网”专案经理 博仲法律事务所资讯部门 台北Perl推广组 (Taipei.pm) 召集人 Newzilla召集人 目前专案： Open Source Foundry (OSSF) Newzilla 线上杂志 ...“Perl学习手札”

    Perl学习手札.chm

    Perl学习手札.chmPerl学习手札.chmPerl学习手札.chm

    spring 的详细使用

    - "spring-reference.pdf" 和 "Spring注解手札.pdf" 可能是详细的 Spring 参考文档和注解指南，对于深入学习 Spring 极为有用。 以上内容只是 Spring 框架的冰山一角，想要精通 Spring，还需要通过阅读文档、实践...

    hibernate学习手札.z03

    hibernate学习手札.z03

    Perl 学习手札

    通过深入学习“Perl学习手札”，你可以系统地掌握这些概念，并逐步成长为一个熟练的Perl程序员。记住，实践是检验知识的最好方式，所以不仅要理解理论，还要动手编写代码，解决实际问题。祝你在Perl的学习之旅中取得...

    Perl 学习手札.pdf

    ### Perl学习手札知识点概述 #### 1. 关于Perl - **1.1 Perl的历史**：Perl由Larry Wall在1987年创建，旨在为文本处理提供一种更强大的工具。随着时间的发展，Perl逐渐成为了脚本编程领域的领导者之一。 - **1.2 ...

    hibernate学习手札.z01

    hibernate学习手札.z01

    高级Perl编程(黑豹书)+学习手札

    "高级Perl编程(黑豹书)"和"Perl_学习手札"这两本书籍是深入理解并掌握Perl编程的重要资源。 《高级Perl编程》（黑豹书）是Perl编程领域的经典之作，它不仅适合初学者作为进阶读物，也对有经验的Perl程序员提供了...

Magicbox
Global site tag (gtag.js) - Google Analytics