使用jsp编写登录页面

6 篇文章 0 订阅

首先写一个DBUtil 工具类方便调用

package org.work.util;

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

public class DBUtil {
	static {
		try {

			// 加载jdbc驱动程序

			Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver");
		} catch (ClassNotFoundException e) {

			e.printStackTrace();
		}
	}

	public static Connection getConn() {
		Connection conn = null;
		try {
			// 使用DriverManager建立数据库连接

			conn = DriverManager.getConnection(
					"jdbc:sqlserver://127.0.0.1:1433;databaseName=consumer",
					"sa", "1");
		} catch (SQLException e) {
			System.err.println("连接失败");
		}

		return conn;

	}

	public static void getClose(PreparedStatement ps, ResultSet rs,
			Connection conn) {

		// 关闭资源

		try {
			if (ps != null) {
				ps.close();
			}
			if (rs != null) {
				rs.close();
			}
			if (conn != null) {
				conn.close();
			}
		} catch (SQLException e) {

			e.printStackTrace();
		}
	}
}

然后创建一个login.jsp文件用来写页面登录界面,并且把pageEncoding="ISO-8859-1"改为pageEncoding=“UTF-8”

<%@ 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">
	-->
		<style type="text/css">
table {
	margin: 0 auto;
}

.login {
	margin: 0 auto;
}

a {
	text-decoration: none;
}
</style>

	</head>

	<body>
		<form>
			<table>

				<tr>
					<td>
						用户名:
					</td>

					<td>
						<input type="text" name="userName">
					</td>
				</tr>
				<tr>
					<td>
						密码:
					</td>

					<td>
						<input type="password" name="pwd">
					</td>
				</tr>
				<tr>

					<td colspan="2" class="login">
						<a href="userList.jsp"><input type="button" value="登录">
						</a>
						<a href="index.jsp"><input type="button" value="未有账号?注册">
						</a>
					</td>
				</tr>
			</table>

		</form>
	</body>
</html>

然后再创建一个userList.jsp文件用来书写页面布局和java代码

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@page import="java.sql.Connection"%>
<%@page import="java.sql.PreparedStatement"%>
<%@page import="java.sql.ResultSet"%>
<%@page import="org.work.util.DBUtil"%>
<%@page import="java.sql.SQLException"%>
<%
	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 'userList.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>
		<table>
			<tr>
				<th>
					编号
				</th>
				<th>
					姓名
				</th>
				<th>
					年龄
				</th>
				<th>
					用户名
				</th>
				<th>
					密码
				</th>
			</tr>
			<%
				Connection conn = null;
				PreparedStatement ps = null;
				ResultSet rs = null;

				// 1.调用util包下的DBUtil.getConn();加载驱动并和数据库建立连接

				conn = DBUtil.getConn();

				// 2.准备一个sql语句
				String sql = "SELECT * FROM users";

				try {

					// 3.使用prepareStatement访问数据库
					ps = conn.prepareStatement(sql);

					// 4.使用ResultSet接收访问数据库的反馈结果
					rs = ps.executeQuery();
					while (rs.next()) {
			%>
			<tr>
				<th>
					<%=rs.getInt("id")%>
				</th>
				<th>
					<%=rs.getString("name")%>
				</th>
				<th>
					<%=rs.getInt("age")%>
				</th>
				<th>
					<%=rs.getString("user_name")%>
				</th>
				<th>
					<%=rs.getString("pwd")%>
				</th>

			</tr>
			<%
				}
				} catch (SQLException e) {

					e.printStackTrace();
				}

				// 5.调用util包下的getClose();方法关闭资源
				DBUtil.getClose(ps, rs, conn);
			%>
		</table>
	</body>
</html>

最后运行效果图如下
在这里插入图片描述
在这里插入图片描述
数据库数据如下
在这里插入图片描述

  • 8
    点赞
  • 34
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
下面是使用 Eclipse 编写登录和注册页面的步骤: 1. 首先创建一个动态 Web 项目,右键点击项目,选择 New -> Other -> Web -> Dynamic Web Project,然后按照向导创建项目。 2. 创建好项目后,右键点击项目,选择 New -> Other -> Web -> HTML File,然后创建一个名为 index.html 的文件。在该文件中编写登录页面的 HTML 代码。 3. 创建注册页面的 HTML 文件,方法同上。 4. 创建一个 Servlet 类,用于处理登录和注册的请求。右键点击项目,选择 New -> Servlet。 5. 在 Servlet 类中,重写 doPost 方法,根据请求的参数进行登录或注册操作。 6. 在 doPost 方法中,可以调用一个 DAO 类来实现数据库的操作。DAO 类可以使用 JDBC 连接数据库,并实现数据的增删改查等操作。 7. 在登录或注册成功后,可以使用 request.setAttribute 方法将用户信息保存在 HttpSession 中。 8. 最后,在登录或注册页面的 HTML 文件中,使用表单提交用户输入的数据。例如,在登录页面中,可以使用如下代码: ```html <form action="/login" method="post"> <label for="username">用户名:</label> <input type="text" name="username" id="username"> <br> <label for="password">密码:</label> <input type="password" name="password" id="password"> <br> <input type="submit" value="登录"> </form> ``` 其中,action 属性指定了表单提交的地址,method 属性指定了请求类型(POST 或 GET)。在 Servlet 中,可以使用 request.getParameter 方法获取表单中提交的参数。 以上就是使用 Eclipse 编写登录和注册页面的基本步骤。需要注意的是,为了实现更好的用户体验,可以使用 AJAX 技术实现异步提交数据,避免页面刷新。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值