用eclipse写html登录网页,输入用户名和密码点击登录,确认正确后进入信息修改界面,错误则返回登录页面,信息和mysql相关联
时间: 2023-11-21 11:05:03 浏览: 29
首先,你需要安装 Eclipse 的 Web 开发插件,如 Eclipse Web Tools Platform (WTP) 插件。然后,你需要创建一个新的动态 Web 项目。在创建项目时,请指定项目名称、目标运行时环境和 Web 根目录。
接下来,你需要创建一个 HTML 登录页面。在 Web 根目录下创建一个名为 "login.html" 的文件,并添加以下代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>Login Page</title>
</head>
<body>
<h1>Login Page</h1>
<form method="post" action="loginServlet">
<label for="username">Username:</label>
<input type="text" id="username" name="username"><br><br>
<label for="password">Password:</label>
<input type="password" id="password" name="password"><br><br>
<input type="submit" value="Login">
</form>
</body>
</html>
```
在表单中,我们定义了两个输入字段(用户名和密码),以及一个提交按钮。表单的 "action" 属性指向一个名为 "loginServlet" 的 Servlet。
接下来,你需要创建一个 Java Servlet,用于处理用户的登录请求。在 Eclipse 中,右键单击项目并选择“New -> Servlet”菜单项。在“New Servlet”对话框中,指定 Servlet 名称,URL 映射和包名。
在 Servlet 的 doPost 方法中,你需要获取用户输入的用户名和密码,并进行验证。如果验证成功,则将用户重定向到信息修改页面;否则,将用户重定向回登录页面。
```java
import java.io.IOException;
import java.io.PrintWriter;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class LoginServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
private static final String JDBC_DRIVER = "com.mysql.jdbc.Driver";
private static final String DB_URL = "jdbc:mysql://localhost:3306/test";
private static final String USER = "root";
private static final String PASS = "root";
protected void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html;charset=UTF-8");
PrintWriter out = response.getWriter();
String username = request.getParameter("username");
String password = request.getParameter("password");
try {
Class.forName(JDBC_DRIVER);
Connection conn = DriverManager.getConnection(DB_URL, USER, PASS);
PreparedStatement ps = conn.prepareStatement("SELECT * FROM users WHERE username=? AND password=?");
ps.setString(1, username);
ps.setString(2, password);
ResultSet rs = ps.executeQuery();
if (rs.next()) {
response.sendRedirect("modify.html");
} else {
response.sendRedirect("login.html");
}
rs.close();
ps.close();
conn.close();
} catch (Exception e) {
out.println("Exception: " + e.getMessage());
}
}
}
```
在 doPost 方法中,我们首先获取用户输入的用户名和密码。然后,我们使用 JDBC API 连接到 MySQL 数据库,并执行一条 SELECT 语句,以检查用户名和密码是否正确。如果验证成功,则将用户重定向到信息修改页面;否则,将用户重定向回登录页面。
最后,你需要创建一个信息修改页面。在 Web 根目录下创建一个名为 "modify.html" 的文件,并添加以下代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>Modify Page</title>
</head>
<body>
<h1>Modify Page</h1>
<form method="post" action="modifyServlet">
<label for="name">Name:</label>
<input type="text" id="name" name="name"><br><br>
<label for="email">Email:</label>
<input type="email" id="email" name="email"><br><br>
<input type="submit" value="Save">
</form>
</body>
</html>
```
在表单中,我们定义了两个输入字段(姓名和电子邮件地址),以及一个提交按钮。表单的 "action" 属性指向一个名为 "modifyServlet" 的 Servlet。
现在,你需要创建一个 Java Servlet,用于处理用户的信息修改请求。在 Eclipse 中,右键单击项目并选择“New -> Servlet”菜单项。在“New Servlet”对话框中,指定 Servlet 名称,URL 映射和包名。
在 Servlet 的 doPost 方法中,你需要获取用户输入的姓名和电子邮件地址,并将其保存到 MySQL 数据库中。
```java
import java.io.IOException;
import java.io.PrintWriter;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class ModifyServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
private static final String JDBC_DRIVER = "com.mysql.jdbc.Driver";
private static final String DB_URL = "jdbc:mysql://localhost:3306/test";
private static final String USER = "root";
private static final String PASS = "root";
protected void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html;charset=UTF-8");
PrintWriter out = response.getWriter();
String name = request.getParameter("name");
String email = request.getParameter("email");
try {
Class.forName(JDBC_DRIVER);
Connection conn = DriverManager.getConnection(DB_URL, USER, PASS);
PreparedStatement ps = conn.prepareStatement("UPDATE users SET name=?, email=? WHERE username=?");
ps.setString(1, name);
ps.setString(2, email);
ps.setString(3, request.getSession().getAttribute("username"));
ps.executeUpdate();
ps.close();
conn.close();
response.sendRedirect("modify.html");
} catch (Exception e) {
out.println("Exception: " + e.getMessage());
}
}
}
```
在 doPost 方法中,我们首先获取用户输入的姓名和电子邮件地址。然后,我们使用 JDBC API 连接到 MySQL 数据库,并执行一条 UPDATE 语句,以将用户的姓名和电子邮件地址保存到数据库中。最后,我们将用户重定向回信息修改页面。
以上就是用 Eclipse 写 HTML 登录网页,输入用户名和密码点击登录,确认正确后进入信息修改界面,错误则返回登录页面,信息和 MySQL 相关联的完整步骤。