eclipse-登录注册web项目-练

Love Life .

已于 2022-03-03 08:28:12 修改

阅读量1.3w

点赞数 37

文章标签： eclipse 前端 java

于 2022-03-02 16:23:41 首次发布

本文链接：https://blog.csdn.net/m0_52901132/article/details/123232517

版权

本文档详细介绍了如何使用Eclipse Java EE IDE创建一个动态Web项目，包括设置软件环境、创建Dynamic Web Project、导入JDBC jar包、编写JSP页面、实现登录和注册功能的Servlet，以及配置web.xml和数据库操作。最后，提供了运行和截图的步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.软件环境

2.创建Dynamic Web Project项目

9. 新建一个 Servlet 用于注册用户

10.修改 web.xml

11.数据库建库（testdb）建表(user)

12.右键项目运行

13. 运行截图

1.软件环境

Eclipse Java EE IDE

Java JDK

Mysql

Navicat Premium 15

Tomcat

Mysql JDBC 驱动包

2.创建Dynamic Web Project项目

填写项目名称后俩次 next ，然后 finish

项目结构：

3.导入JDBC jar包

4. 登录 JSP 页面

打开刚创建的 Login.jsp 页面把原有的代码全选删掉复制以下代码：

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8" import="java.util.*"%>
<!DOCTYPE html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
	href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script
	src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
<script
	src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

<head>
<meta charset="UTF-8">
<title>用户登录</title>
</head>
<style>
.log_btn {
	margin-right: 12%;
	margin-left: 3%;
}

/* .argee_box {
	margin-right: 40%;
} */

.box {
	background-color: RGBA(249, 249, 249, .7);
}

.outer_box {
	margin-top: 5%;
}

.navbar {
	padding: 30px;
}
</style>

<body>
	<nav
		class="navbar navbar-expand-sm bg-primary navbar-dark justify-content-end">
		<!-- <ul class="navbar-nav">
          <li class="nav-item active">
            <a class="nav-link" href="#">Active</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">Link</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">Link</a>
          </li>
          <li class="nav-item">
            <a class="nav-link disabled " href="#">Disabled</a>
          </li>
        </ul> -->
	</nav>
	<div class="container-fluid outer_box">
		<div class="row">
			<div class="col">
				<div class="container-fluid"></div>

			</div>
			<div class="col" style="background-color: rgba(240, 240, 245, .1);">
				<div
					class="container col-sm-7 border border-2 p-3 box my-5 mt-5 box">
					<h2 class="text-muted">欢迎登陆</h2>
					<form action="LoginServlet" method="post" class="needs-validation"
						novalidate onsubmit="return check(this)">
						<div class="mb-1 mt-1">
							<label for="username" class="form-label"></label> <input
								type="text" class="form-control" id="username"
								placeholder="请输入账号" name="username" required>
							<div class="valid-feedback">验证成功！</div>
							<div class="invalid-feedback">请输入用户名！</div>
						</d

最低0.47元/天解锁文章