需求:使用JSP页面制作一个登陆界面login.jsp, 界面包括一个用户名输入框,密码输入框和一个 登陆按钮,要把login.jsp界面设置为项目主界面. 当点击登陆按钮时发送客户端请求到服务器(用jsp 代替服务器端程序)doLogin.
时间: 2024-09-20 19:09:22 浏览: 47
idea做一个带有验证码的登录界面,包函forword转发和sendRedirect重定向方法
为了创建一个简单的登录界面login.jsp并将其设为主界面,你需要按照以下步骤操作:
1. **HTML结构**:
使用JSP标签构建登录表单的基本结构。在`<body>`部分添加如下内容:
```jsp
<form action="doLogin" method="post">
<label for="username">用户名:</label>
<input type="text" id="username" name="username"><br>
<label for="password">密码:</label>
<input type="password" id="password" name="password"><br>
<input type="submit" value="登陆">
</form>
```
2. **CSS样式(可选)**:
如果需要,你可以添加一些基本的CSS来美化界面,例如:
```html
<style>
form {
width: 300px;
margin: auto;
}
</style>
```
3. **设置主界面**:
将login.jsp作为项目的默认首页。通常在Web应用的根目录下有一个名为`index.jsp`或`welcome.jsp`的文件,你可以将它替换为login.jsp,或者配置web.xml文件将login.jsp作为主页。
4. **处理请求(doLogin.jsp)**:
创建一个名为`doLogin.jsp`的文件,用于处理POST请求。在这个文件里,你可以检查用户提交的用户名和密码,并返回相应的响应(比如跳转、提示消息等)。由于这里没有实际的业务逻辑,我们只显示一个简单示例:
```jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<body>
<%@ include file="common.jsp" %> <!-- 包含通用头部和尾部 -->
<% if (isValidLogin()) { %>
<p>登陆成功,重定向...</p>
<jsp:forward page="/success.jsp" />
<% } else { %>
<p>用户名或密码错误,请重新尝试。</p>
<% } %>
</body>
</html>
```
其中,`isValidLogin()`是一个假设的函数,你需要自定义这个函数来检查用户输入的有效性。
阅读全文