先寫一個簡單登陸頁,沒有數據庫,只是練習後臺取值。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值。函數
完整代碼見: