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

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

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

importjava.io.Serializable;

/**
*账户
*
*@author<ahref="mailto:[e-mail]">梁栋</a>
*@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<ahref="mailto:[e-mail]">梁栋</a>
*@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<ahref="mailto:[e-mail]">梁栋</a>
*@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<ahref="mailto:[e-mail]">梁栋</a>
*@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

<fieldset><legend>用户信息</legend>
<ul>
<li><label>用户名:</label><c:outvalue="${account.username}"/></li>
</ul>
</fieldset>

账户信息已经绑定在response的属性上。自然，使用<c:out />标签就可以获得账户信息内容。
访问地址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<ahref="mailto:[e-mail]">梁栋</a>
*@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

<fieldset><legend>登录</legend><form:formcommandName="account">
<form:hiddenpath="id"/>
<ul>
<li><form:labelpath="username">用户名:</form:label><form:input
path="username"/></li>
<li><form:labelpath="password">密码:</form:label><form:password
path="password"/></li>
<li>
<buttontype="submit">登录</button>
<buttontype="reset">重置</button>
</li>
</ul>
</form:form></fieldset>

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

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

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