先写一个简单登陆页,没有数据库,只是练习后台取值。javascript
包含一个前台页面login.jsp,一个后台控制器LoginController。html
login.jsp里面有个form表单,用于提交数据,数据包括用户名和密码。模板来自网络,使用的是Bootstrap的ACE模板。java
关键代码:git
<form action="doLogin.html" method="post" name="loginForm" id="loginForm">
action用于指定提交地址,id用于js获取form对象spring
<input type="text" name="username" id="username" value="" placeholder="请输入用户名" />
用户名输入框,name属性用于后台取值数据库
<a onclick="doLogin();" class="flip-link btn btn-info" id="to-recover">登陆</a>
提交按钮,用于提交表单,onclick用于设置点击登陆按钮时触发的事件网络
<script type="text/javascript"> function doLogin(){ $('#loginForm').submit(); } </script>
js函数,用于相应登陆按钮的事件,提交表单。app
@Controller public class LoginController { @RequestMapping(value="doLogin.html") public String doLogin(HttpServletRequest request){ String username = request.getParameter("username"); System.out.println("username:"+username); if("admin".equals(username)){ return "hello"; }else{ return "login"; } } }
java控制器代码,用于响应前台的提交,调用相应的业务逻辑,控制跳转。这里只是举了个小例子,当用户名是"admin"的时候跳转到欢迎页,不然跳转回登陆页。jsp
经过request.getParameter来取得前台表单提交过来的值,参数就是前台input的name值。函数
完整代码见: