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

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

 /**
 *2010-1-23
 */
 packageorg.zlex.spring.domain;

 importjava.io.Serializable;

 /**
 *账户
 *
 *@author梁栋
 *@version1.0
 *@since1.0
 */
 publicclassAccountimplementsSerializable{

 /**
 *
 */
 privatestaticfinallongserialVersionUID=-533698031946372178L;

 /**
 *主键
 */
 privateintid;
 /**
 *用户名
 */
 privateStringusername;
 /**
 *密码
 */
 privateStringpassword;



 publicAccount(){
 }

 /**
 *@paramid
 */
 publicAccount(intid){
 this.id=id;
 }

 //get、set方法省略

 }

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

 /**
 *2010-1-23
 */
 packageorg.zlex.spring.service;

 importorg.springframework.transaction.annotation.Transactional;
 importorg.zlex.spring.domain.Account;

 /**
 *账户业务接口
 *
 *@author梁栋
 *@version1.0
 *@since1.0
 */
 @Transactional
 publicinterfaceAccountService{

 /**
 *获得账户
 *
 *@paramusername
 *@parampassword
 *@return
 */
 Accountread(Stringusername,Stringpassword);

 /**
 *获得账户
 *
 *@paramid
 *@return
 */
 Accountread(intid);
 }

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

 /**
 *2010-1-23
 */
 packageorg.zlex.spring.service.impl;

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

 /**
 *账户业务
 *
 *@author梁栋
 *@version1.0
 *@since1.0
 */
 @Service
 publicclassAccountServiceImplimplementsAccountService{

 @Autowired
 privateAccountDaoaccountDao;

 @Override
 publicAccountread(Stringusername,Stringpassword){
 Accountaccount=null;
 if(username.equals("snowolf")&&password.equals("zlex")){
 account=newAccount();
 account.setId(1);
 account.setUsername(username);
 account.setPassword(password);
 }
 returnaccount;
 }

 @Override
 publicAccountread(intid){
 Accountaccount=newAccount();
 account.setId(1);
 account.setUsername("snowolf");
 account.setPassword("zlex");
 returnaccount;
 }
 }

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

 /**
 *2010-1-26
 */
 packageorg.zlex.spring.controller;

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

 /**
 *账户信息控制器
 *
 *@author梁栋
 *@version1.0
 *@since1.0
 */
 @Controller
 @RequestMapping(value="/profile.do")
 publicclassProfileController{
 @Autowired
 privateAccountServiceaccountService;

 /**
 *账户信息展示
 *
 *@paramid
 *@parammodel
 *@return
 */
 @RequestMapping(method=RequestMethod.GET)
 publicStringprofile(@RequestParam("id")intid,ModelMapmodel){
 Accountaccount=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

 用户信息
   
     用户名:"${account.username}"/>

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

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

 /**
 *2010-1-25
 */
 packageorg.zlex.spring.controller;

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

 /**
 *登录控制器
 *
 *@author梁栋
 *@version1.0
 *@since1.0
 */
 @Controller
 @RequestMapping(value="/login.do")
 publicclassLoginController{

 @Autowired
 privateAccountServiceaccountService;

 /**
 *初始化表单
 *
 *@parammodel
 *@return
 */
 @RequestMapping(method=RequestMethod.GET)
 publicStringinitForm(ModelMapmodel){
 Accountaccount=newAccount();
 model.addAttribute("account",account);
 //直接跳转到登录页面
 return"account/login";
 }

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

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

 /**
 *初始化表单
 *
 *@parammodel
 *@return
 */
 @RequestMapping(method=RequestMethod.GET)
 publicStringinitForm(ModelMapmodel){
 Accountaccount=newAccount();
 model.addAttribute("account",account);
 //直接跳转到登录页面
 return"account/login";
 }

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

 /**
 *登录
 *
 *@paramaccount
 *@return
 */
 @RequestMapping(method=RequestMethod.POST)
 publicStringlogin(@ModelAttribute("account")Accountaccount){
 Accountacc=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

 登录"account">
 "id"/>
   
     "username">用户名:  
     path="username"/>  
     "password">密码:  
     path="password"/>  
       
     "submit">登录  
     "reset">重置

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

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

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