本篇在上篇數據庫操作層實現的基礎上，實現培訓班作業管理系統的登錄功能，具體過程如下：
1，登錄頁面login.jsp，注意修改為了使用用戶編號和密碼登錄，因為用戶編號是由MySQL自動分配的自增長的字段肯定是唯一的，這樣就避免了判斷用戶名重復的邏輯，使代碼更加簡單便于維護。
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>login.jsp</title> </head> <body> <form id="mainForm" method="post" action="/HomeworkSystem/LoginServlet"> 請輸入用戶編號：<input type="text" name="userId" /> <br/> 請輸入密碼：<input type="passWord" name="userPassword"/> <br/> <input type="submit" value="登錄"/> </form> </body></html>2，點擊登錄后根據web.xml配置跳轉到LoginServlet如下：
需要注意的是，貓哥的建議是，Servlet作為控制器，相當于軍隊的首長、公司的大老板，僅僅負責戰略方面的事情，具體的小事可以一層層分解讓下屬去辦。但是這并不是絕對的，有的公司本來就很小（項目規模?。?，你還分4、5個層級，那不是鋪張浪費么。凡是無絕對，什么樣體量的公司搭配什么樣的部門架構，都是有一個規律的，Servlet管好聽取意見、下令處理、指示結果三件事——從網頁獲取信息，處理數據，將結果返回給網頁——就夠了。
package servlet;import java.io.*;import util.*;import java.util.Date;import javax.servlet.ServletException;import javax.servlet.http.*;import command.LoginCommand;import entity.User;import exception.MyException;public class LoginServlet extends HttpServlet {//用于處理登錄請求的LoginServlet public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { this.doPost(request, response);//直接調用doPost方法處理get請求 } public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//處理post請求 //設置輸入輸出格式、編碼 response.setContentType("text/html"); request.setCharacterEncoding("utf-8"); response.setCharacterEncoding("utf-8"); //獲取信息 String userId=request.getParameter("userId"); String userPassword=request.getParameter("userPassword"); try { //下令處理 LoginCommand lc=new LoginCommand(); User user=null; user=lc.checkLogin(userId, userPassword); if(user==null) throw new MyException(new Date(),"用戶名或者密碼錯誤","用戶名或者密碼錯誤"); String[][] loginRoleMenu=Constant.roleMenu.get(user.getUserRole().getRoleName());//根據用戶角色名找到對應菜單信息 //返回處理結果（正常信息） request.getsession().setAttribute("loginRoleMenu", loginRoleMenu);//記錄登錄用戶的菜單信息 request.getSession().setAttribute("loginUser", user);//記錄登錄用戶信息 request.getRequestDispatcher("/index.jsp").forward(request,response);//跳轉到index.jsp } catch (MyException e) { //返回處理結果（異常信息） request.setAttribute("errorInfo", e.getInfo());//設置錯誤信息 request.getRequestDispatcher("/error.jsp").forward(request,response);//跳轉到error.jsp } }}3，具體登錄相關事項處理交給LoginCommand如下：
package command;import java.util.Date;import Operation.UserOperation;import entity.EntityFactory;import entity.User;import exception.MyException;public class LoginCommand {//從此處向數據庫類下操作指令 public User checkLogin(String userId,String userPassword) throws MyException{ if(userId.trim().equals("")||userPassword.trim().equals("")){ //拋出輸入信息異常 throw new MyException(new Date(),"用戶編號或者密碼為空","用戶名或者密碼為空"); } try{ //從數據庫中執行查詢,此處暫時使用測試工廠類創建一個代替 User user=null; UserOperation oper=new UserOperation(); int id=Integer.parseInt(userId); user=(User)oper.selectById(id); if(user.getUserPassword().equals(userPassword))//用戶編號和密碼匹配 return user; else//不匹配 return null; }catch(Exception e){ throw new MyException(new Date(),e.getMessage(),"數據庫訪問異常"); } }}數據庫層前面一篇已經分析了，本篇及以后不再詳述，如有需要，可參見JSP+Servlet培訓班作業管理系統[9] -數據庫操作層實現
4，登錄后跳轉到index.jsp或error.jsp頁面，error.jsp僅僅負責輸出需要提示用戶的錯誤信息：
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>error.jsp</title> </head> <body> 錯誤信息：${errorInfo}<br/> <a href="login.jsp">點此返回登錄頁</a> </body></html>而index.jsp需要在左側菜單欄，加載登錄用戶角色對應的菜單，相關信息可以直接通過$操作符加載：
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%@ taglib CSS/index.css" type="text/css" rel="stylesheet"/> </head> <body> <div id="main"> <div id="top"> <div id="top_title"> 貓哥培訓班作業管理系統 </div><!-- 標題部分 --> <div id="top_info"> 歡迎您，尊敬的：${loginUser.userName} </div><!-- 登錄用戶信息部分 --> </div><!-- top部分是標題欄 --> <div id="left"> <ul> <c:forEach items="${loginRoleMenu}" var="menu"> <li> <a href="/HomeworkSystem/RouteServlet?type=${menu[1]}">${menu[0]}</a> </li> </c:forEach> </ul> </div><!-- left部分是菜單欄 --> <div id="right"> <c:if test="${empty type}"> 歡迎來到貓哥培訓班管理系統 </c:if> <c:if test="${not empty type}"> <jsp:include page="${type}" flush="true"></jsp:include> </c:if> </div><!-- right部分是具體內容顯示區 --> </div> </body></html>因為css之前已經介紹過如何實現的，所以本篇為了清晰演示代碼將css單獨摘出到WebRoot下css文件夾下，代碼如下(以后只在第一次出現css時粘貼當頁css代碼)：
/*css/index.css*/ /*星號表示選擇全部，設置外邊距0，內邊距0，字體大小12px，宋體*/ *{ margin:0px; padding:0px; font-size:12px; font-family:"宋體"; } /*整個body區域背景色為#F5F5F5，這個很簡單，自己下載個取色器，找個漂亮的網頁，取個顏色就行*/ body { background-color: #FCFCFC; } /*在top、left、right外面套用一層main是為了控制寬度，并且整體居中*/ #main{ width:1000px; margin:0px auto; } /*寬度占滿它爹的寬度，高度64px是瞎試的，不好看再調整，貓哥喜歡用16px、32px、64px、128px這些，你懂的。 背景色貓哥繼續取色器 line-height表示文字占用的高度，它也是64那就是文字占用高度跟top區域高度是一樣的嘛，所以文字就居中了*/ #top{ width:100%; height:64px; background-color:#000000; line-height:64px; } /*文字顏色取色器，標題部分啊文字用微軟雅黑，大氣！*/ #top_title{ line-height:64px; font-family:"微軟雅黑"; color:#FFFFFF; float:left; font-size:32px; margin-left:16px; } /*顏色依然是自己取色的*/ #top_info{ color:#71777D; float:right; line-height:64px; font-size:16px; margin-right:16px; } /*寬度占200px差不多了吧 float表示漂浮，left的話就是靠左了，所以這個left區域就得靠左飄飄了 內部的東西跟邊距有點距離好看點，暫時定為10px，上下左右都是哦*/ #left{ width:200px; height:536px;/*貓哥認為600-64=536*/ float:left; background-color:#EEEEEE; padding:10px; } /*調整id=left的div中的ul標簽下的li標簽的樣式為上邊距10px，左邊距15px*/ #left ul li{ margin:10px 0px 0px 15px; } /*注意逗號表示同時設置兩組對象的CSS屬性 a:link表示未訪問的鏈接,a:visited表示已訪問的鏈接，顏色憑愛好了*/ #left a:link, #left a:visited { color: #333333; text-decoration:none;/*不要下劃線*/ } /*a:hover表示鼠標懸停的鏈接,a:active表示被選擇的鏈接*/ #left a:hover, #left a:active { color: #0AA770; text-decoration:none; } /*同理right向右飄*/ #right{ width:760px;/*1000-200-10*4=760,此處一定要注意padding的內容會拓寬div整體寬度，有志于前端的可以專門去研究下*/ min-width:600px; height:536px;/*貓哥認為600-64=536*/ float:right; background-color:#FFFFFF; padding:10px; }新聞熱點
疑難解答
