本篇在上篇数据库操作层实现的基础上，实现培训班作业管理系统的登录功能，具体过程如下：
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 PRefix="c" uri="http://java.sun.com/jsp/jstl/core" %><!-- 使用c:标签需要添加本行代码 --><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>index.jsp</title> <link href="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; }新闻热点
疑难解答
