设计登录页面login.jsp,包含用户名和密码输入框,点击登录跳转到main.jsp,显示“欢迎进入”几个字。
时间: 2024-09-10 21:04:42 浏览: 143
要设计一个简单的登录页面`login.jsp`,你需要在页面中包含两个输入框,分别用于输入用户名和密码。同时,需要一个按钮用于提交登录信息。当用户填写完毕信息并点击登录按钮后,页面会跳转到`main.jsp`,并显示“欢迎进入”。
以下是`login.jsp`的示例代码:
```jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>登录页面</title>
</head>
<body>
<form action="main.jsp" method="post">
<label for="username">用户名:</label>
<input type="text" id="username" name="username" required><br><br>
<label for="password">密码:</label>
<input type="password" id="password" name="password" required><br><br>
<input type="submit" value="登录">
</form>
</body>
</html>
```
在这个例子中,我们创建了一个简单的HTML表单,该表单通过`post`方法将数据发送到与登录页面相同的服务器地址(即`main.jsp`)。你需要确保服务器端有相应的逻辑来处理这些数据,验证用户名和密码是否正确,然后根据验证结果进行相应的处理。
以下是`main.jsp`的示例代码:
```jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>欢迎页面</title>
</head>
<body>
<%
// 这里假设登录验证已经成功
// 实际情况下,你需要在这里添加验证登录信息的代码
String username = request.getParameter("username");
if(username != null && !username.isEmpty()) {
out.println("欢迎进入," + username + "!");
} else {
// 登录验证失败或其他情况
response.sendRedirect("login.jsp"); // 重定向回登录页面
}
%>
</body>
</html>
```
在`main.jsp`中,我们通过`request.getParameter`方法获取了从前端传递过来的用户名参数。假设登录验证已经成功(实际中你需要添加这部分逻辑),页面将向用户显示欢迎信息。
阅读全文