JSP+Servlet培训班作业管理系统[1]-登录功能的简单实现

1. 背景

按照猫哥的一般习惯,做一个项目的顺序如下:

  1. 先搞定数据库
  2. 搞定Java Web项目基本结构,包括数据库相关操作类
  3. 开发Java Web各项功能
  4. 测试、部署

这个顺序呢,是有经验的人做项目的顺序。对初学者来说不够直观,而且容易使人厌倦,非常无聊,是故,抛弃之。

这次猫哥从看的见摸得着的网页出发,然后网页需要后台提供啥功能,就搞啥。后台需要数据库啥样,就弄啥样。

2. 编写登录页面

用户要使用系统,首先就得访问登录页面,设计一个最简单的登录页面login.jsp如下。

提示:如果还不知道如何建立Java Web工程,不知道login.jsp页面放到哪个目录,我还是建议您先看下我之前的入门教程。

<%@ 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="userName" />
  		<br/>
  		请输入密码:<input type="password" name="userPassword"/>	
  		<br/>
  		<input type="submit" value="登录"/>
  	</form>
  </body>
</html>

接下来我仔细的解释下。

  1. <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>,这个用来表示当前页面是jsp页面,使用语言是java,页面编码是utf-8,注意该编码支持中文,如果不用该编码的话,可能会引起页面中文显示乱码问题。
  2. <html>表示这是一个网页开始部分,注意由于上面一行已经说明了这是一个jsp动态网页了,所以实际上还是按动态网页进行处理的。
  3. <head>部分是网页头部,设置了网页的标题为login.jsp。
  4. <form>部分是表单,表单内容会以post方式提交到/HomeworkSystem/LoginServlet,注意这个提交地址是个相对地址,其含义表单被提交给HomeworkSystem项目的/LoginServlet
  5. 表单中有三个控件,分别用来输入用户名(userName),密码(userPassowrd),再有一个登录按钮,点击按钮后提交表单。

3. 获取表单输入内容

上面说了,点击按钮后,将表单内容提交给/LoginServlet。所以,我们来编写LoginServlet,以处理登录页面提交的登录请求,首先就是要获取用户提交表单中输入内容。

@WebServlet("/LoginServlet")
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 userName = request.getParameter("userName");
		String userPassword = request.getParameter("userPassword");
	}
}

接下来我仔细的解释下。

  1. @WebServlet("/LoginServlet"),表示当前类接受/LoginServlet路径的请求,这样刚刚表单提交的请求就正好要被这个类处理了。
  2. public class LoginServlet extends HttpServlet,继承HttpServlet就直接具备了处理网页http请求的能力,这就是继承的好处。
  3. doGet方法直接调用dotPost方法,也就是说对于网页发起的get/post请求,都是由doPost方法处理。
  4. doPost方法比较关键,当表单提交后,由于我们写了method="post",所以请求就由该方法处理,相应的请求参数都会被自动放入request对象,非常方便。
  5. 首先设置了输入输出的格式和编码,这是为了防止乱码,固定写法,记住就行。
  6. String userName = request.getParameter("userName");,其中userName对应网页里面<input type="text" name="userName" />的userName,所以表单提交后,文本框中输入的用户名的值就赋给了变量userName了。

这样,我们的后端Servlet就已经知道网页上用户填写的用户名和密码了,这两个信息已经存入变量userName和userPassword 。

3. 处理登录请求

现在,用户的登录请求抛给了我们的Servlet处理,此时的逻辑应该如下设计:

  1. 如果用户名或密码为空,提示用户用户名密码不能为空
  2. 如果用户名或密码错误,提示用户重新输入
  3. 如果用户名和密码都正确,跳转到相应用户页面。
  4. 因为存在校长、教师、学生三种不同的角色,不同角色登录后页面显示内容不同。

根据以上讨论,我们至少知道我们需要用户的信息有:用户名,密码,角色(校长、教师、学生),另外为了避免用户名重复,我们需要一个唯一标识id(就像QQ上网名可以重复,但是QQ号是唯一的)。此处我们先不管数据库(实际用到的时候再去实现),先把用户这个类设计出来。

4. 编写用户类

既然是面向对象设计,就得针对现实社会中的对象,有一个对应的程序中虚拟对象(类)。我们根据上面的讨论设计用户类如下:

package org.maoge.model;
public class User {
	private int userId;
	private String userName;
	private String userPassword;
	private String userRole;
	// 省略get set方法
}

接下来我们解释下。

  1. 因为是面向对象开发,所以现实社会中一个真实的用户,在内存(java代码中)就对应一个User类的对象,而在数据库中就对应用户表中的一条记录。
  2. userRole用户角色,在此处就是写死的三种:校长、教师、学生,所以我们直接在数据库中写死就可以了,此处直接用一个字符串表示即可。

5. 封装登录服务

我们现在需要操作数据库了,以便查询用户输入的用户名、密码是否正确。

但是此时我们可以不用直接把数据库操作模块实现,先调用一个服务类,再由服务类去具体调用数据库操作即可。

这就好比,我们是八路军指挥官一样,直接让三团上去干鬼子,至于三团怎么干鬼子,让三团长自己想办法,先把命令下去再说。

此处建立登录服务类如下,用于封装登录时需要的方法,需要调用数据时,再从登录服务调用数据库。(Servlet是控制器,总体调度,他不管下面的服务具体如何去搞数据库)。

服务类定义如下:

package org.maoge.service;
public class LoginService {
}

结合需求分析,我们需要向LoginService这个小团长,下达检查登录指令。这个指令描述如下:

指令:检查登录
动作:检查userName和userPassword是否正确
行动结果:成功:把此人带来见我!我要根据他的能力(校长、教师、学生)给他安排工作。
行动结果:失败:执行失败原因(无此人?信息错误?..)

所以我们设计检查登录方法如下:

public class LoginService {
	public User checkLogin(String userName, String userPassword) throws Exception {
		if (userName.equals("") || userPassword.equals("")) {
			// 抛出输入信息异常
			throw new Exception("用户名和密码不能为空");
		}
		User user = null;
		try {
			// 从数据库中执行查询
		} catch (Exception e) {
			// 抛出数据库异常
			throw new Exception("数据库操作异常:" + e.getMessage());
		}
		return user;// 返回查询结果
	}
}

好的,这样一看,我们后续只需要把执行用户查询的语句放在//从数据库中执行查询处,就可以了。

6. 完善登录控制

好的,此时,我们就可以在LoginServlet中调用LoginService 完成数据库操作了,代码如下:

public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {// 处理post请求
		// 设置输入输出格式、编码
		response.setContentType("text/html");
		request.setCharacterEncoding("utf-8");
		response.setCharacterEncoding("utf-8");
		// 获取用户在网页输入的用户名和密码
		String userName = request.getParameter("userName");
		String userPassword = request.getParameter("userPassword");

		LoginService lc = new LoginService();
		User user = null;
		try {
			user = lc.checkLogin(userName, userPassword);
			if (user == null) {
				// 跳转到错误提示页面,并提示用户不存在
			}
			// 根据用户角色显示不同内容
		} catch (Exception e) {
			// 跳转到错误提示页面,并提示相应错误信息
		}
	}

7. 跳转错误信息提示页面

根据用户不同角色显示不同内容,是一个比较复杂的事情,这个猫哥下一篇博客再论,我们来先来实现比较简单的跳转到错误提示页面,并提示相应错误信息

修改LoginServlet 为:

        LoginService lc = new LoginService();
		User user = null;
		String tipInfo = "";// 提示内容
		String page = "";// 跳转页面
		try {
			user = lc.checkLogin(userName, userPassword);
			if (user == null) {
				// 跳转到错误提示页面,并提示用户不存在
				tipInfo = "用户不存在";
				page = "tip.jsp";
			}
			// 根据用户角色显示不同内容
		} catch (Exception e) {
			// 跳转到错误提示页面,并提示相应错误信息
			tipInfo = e.getMessage();
			page = "tip.jsp";
		}
		request.setAttribute("tipInfo", tipInfo);// 设置提示信息
		request.getRequestDispatcher("/" + page).forward(request, response);// 跳转到page页面

此处解释下,request.setAttribute("tipInfo", tipInfo);// 设置提示信息,可以将tipInfo放入request对象,以便跳转到tip.jsp页面后显示其内容。
request.getRequestDispatcher("/" + page).forward(request, response);// 跳转到page页面,执行改行代码,将跳转到/[page]对应的页面,由于page是变量,所以实际跳转的页面以变量的值为准。

好的,最后,设计tip.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>tip.jsp</title>
</head>
<body>
	<!-- 如果tipInfo为空 -->
	<c:if test="${empty tipInfo}">
	  	欢迎使用猫哥培训班管理系统
	</c:if>
	<!-- 如果tipInfo不为空,显示 tipInfo -->
	<c:if test="${not empty tipInfo}">
		提示信息:${tipInfo}<br />
	</c:if>
</body>
</html>

7. 测试

重新部署、运行后,测试输入空的内容,提交后发现:错误信息:用户名或者密码为空,如果随便输如用户名密码,提交后发现:错误信息:用户名或者密码错误

大功告成,亲个嘴儿,哈哈。


如有问题请扫码联系我
在这里插入图片描述

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 代码科技 设计师:Amelia_0503 返回首页