网页登录设计(二):登录部分

这个是上一个网页登录设计的后续,所谓的后续,肯定是建立再上一个的基础上更改的,如果不晓得,阔以先去看上一个,网页简单登录设计看完以后,再继续看这个.

在上一个当中,创建Servlet类是创建个类,然后去添加方法,那么其实在myeclipse中,可以直接创建Servlet类,在new中找到Servlet点击创建.这个里面需要创建的方法只需要有doGet()和doPost()两个,所以选中这两个即可

在这里插入图片描述
然后点击next,在这里,我大概解释一下它每个所对应的东西,至于对应的那个来自于哪里,上一个创建好的,不用在意,只看对应的地方就好了

在这里插入图片描述
创建完以后,在web.xml中,也就是刚刚对应的对方,会自动配置内容,
在这里插入图片描述
然后创建的servlet类自动插入的代码

在这里插入图片描述

所以,创建Servlet类的方法有两个,可以根据自己的喜好去选择哈,不做要求。
写完以后,我们需要先写.jsp页面,在上一篇博客中已经有了,我这了就不再过多解释,我就直接放代码了.

1.这是登录的.jsp的代码
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
  </head>
  
  <body>
		<form action="Login" method="post">
			<table border="1" cellspacing="0" cellpadding="0">
				<tr>
					<th colspan="2">登录页面</th>
				</tr>
				<tr>
					<td><label for="userName">用户名: </label></td>
					<td><input type="text" name="userName" id="" /></td>
				</tr>
				<tr>
					<td><label for="pwd">密码: </label></td>
					<td><input type="text" name="pwd" id="" /></td>
				</tr>
				<tr>
					<td colspan="2">
						<input type="submit" value="登录" />
						<button><a href="index.jsp">注册</a></button>
					</td>
				</tr>
			</table>
		</form>
	</body>
</html>

2.这是登录的servlet.java代码
package lession.servlet;

import java.io.IOException;
import java.io.PrintWriter;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import lession.util.UtilDBHelper;

public class LoginServlet extends HttpServlet {
	@Override
	protected void doGet(HttpServletRequest req, HttpServletResponse resp)
			throws ServletException, IOException {
		// 由于doGet方法中的内容基本和doPost方法差不多,所以我们直接调用
		doPost(req, resp); 
	}

	@Override
	protected void doPost(HttpServletRequest request,
			HttpServletResponse response) throws ServletException, IOException {
		// 1.编码问题
		request.setCharacterEncoding("UTF-8");
		response.setCharacterEncoding("UTF-8");
		// 响应格式
		response.setContentType("text/html");
		// 2. 接收数据(这个是按照注册的接收数据写的)
		String userName = request.getParameter("userName"); // 用户名
		String pwd = request.getParameter("pwd"); // 密码
		// jdbc插入数据
		Connection conn = UtilDBHelper.getConn(); // 数据库连接
		String sql = "SELECT * FROM message WHERE userName = ? AND pwd = ?"; // SQL语句
		// 交互
		PreparedStatement ps = null;
		boolean isNot = false; 
		try {
			ps = conn.prepareStatement(sql);
			ps.setString(1, userName);
			ps.setString(2, pwd);
			// 执行
			ResultSet result = ps.executeQuery();
			// 结果
			if (result.next()) {
				isNot = true;
			} else {
				isNot = false;
			}

		} catch (SQLException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		// 关闭资源
		UtilDBHelper.close(conn, ps, null);

		PrintWriter out = response.getWriter();
		if (isNot) {
			out.print("登录成功");
			//登录成功-->>这里是不是要跳转我登录后的页面
		} else {
			out.print("登录失败");
			response.sendRedirect("login.jsp"); // 登录失败,继续登录
		}

		out.flush();
		out.close();
	}
}

3.上面的servlet.java中用到了一个DBhelper类,所以我们在创建一个辅助类.

在这里插入图片描述
它的代码如下:

package lession.util;

import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;

public class UtilDBHelper {
	// 1.加载驱动程序
	static{
		try {
			Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver");
		} catch (ClassNotFoundException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
	}
	// 2.连接数据库
	public static Connection getConn(){
		Connection conn = null;
		try {
			conn = DriverManager.getConnection("jdbc:sqlserver://localhost:1433;databaseName=MyDB", "sa", "1");
		} catch (SQLException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		return conn;
	}
	// 3.关闭资源
	public static void close(Connection conn,PreparedStatement ps,ResultSet result){
		if (conn != null) {
			try {
				conn.close();
			} catch (SQLException e) {
				// TODO Auto-generated catch block
				e.printStackTrace();
			}
		}
		if (ps != null) {
			try {
				ps.close();
			} catch (SQLException e) {
				// TODO Auto-generated catch block
				e.printStackTrace();
			}
		}
		if (result != null) {
			try {
				result.close();
			} catch (SQLException e) {
				// TODO Auto-generated catch block
				e.printStackTrace();
			}
		}
	}
}

一个简单的登录的设计就完成了,运行一下大概看一下效果.我先在数据库中随便插入个数据测试一下.
在这里插入图片描述
在这里插入图片描述
点击登录就会出现登录成功,因为还没有写登录成功后的部分,所以先看效果,后面的慢慢来

在这里插入图片描述
登录设计的登录部分就写好了,虽然还很简陋,我会慢慢的去改进的.下来的是网页登录设计(三):注册部分 ,可以在这里跳转去了解

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值