实现效果:
Java逻辑部分:
- 变量声明:
String message
用于存储反馈信息(如成功或失败)。 - 获取请求参数:
request.getParameter("username")
和request.getParameter("password")
从表单中获取用户输入的用户名和密码。 - 请求方法判断:使用
request.getMethod()
检查请求类型是否为 POST。只有在表单提交后才会执行验证逻辑。 - 验证逻辑:
- 如果用户名是
"admin"
且密码是"password"
,则设置message
为欢迎消息。 - 否则,设置
message
为错误提示。
- 如果用户名是
<%
String message = "";
String username = request.getParameter("username");
String password = request.getParameter("password");
if ("POST".equalsIgnoreCase(request.getMethod())) {
// 简单的用户名和密码验证
if ("admin".equals(username) && "password".equals(password)) {
message = "欢迎,您已成功登录!";
} else {
message = "登录失败,请检查用户名和密码!";
}
}
%>
HTML部分:
- HTML 文档结构:标准的 HTML5 文档结构。
- 表单:
<form>
标签定义了一个表单,action=""
表示提交到当前页面,method="post"
指定使用 POST 方法发送数据。- 输入字段使用
<input>
标签,type="text"
和type="password"
分别用于文本框和密码框。required
属性表示这些字段是必填的。
- 提交按钮:
<input type="submit" value="登录" />
创建一个提交按钮,点击后会发送表单数据。 - 动态消息输出:使用
<%= message %>
将 Java 代码中的message
内容插入到 HTML 中,显示在页面上。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登录页面</title>
</head>
<body>
<h2>用户登录</h2>
<form action="" method="post">
用户名: <input type="text" name="username" required /><br/><br/>
密码: <input type="password" name="password" required /><br/><br/>
<input type="submit" value="登录" />
</form>
<h3><%= message %></h3>
</body>
</html>