注意:请按题目的要求建立相应的Java Web项目源文件,截取程序及其运行结果的屏幕界面粘贴在文档中。 请编写登录页面login.jsp,向index.jsp提交用户名、密码等信息,在index.jsp中获取用户登录信息并在本页面显示(使用EL表达式)
时间: 2024-02-19 09:01:27 浏览: 78
以下是实现要求的 Java Web 项目源文件及其运行结果截图:
1. 在 Eclipse 中创建一个名为 `LoginDemo` 的 Dynamic Web Project。
2. 在 `WebContent` 目录下创建一个名为 `login.jsp` 的 JSP 页面文件,编写如下代码:
```jsp
<%@ page language="java" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登录</title>
</head>
<body>
<h1>登录</h1>
<form action="index.jsp" method="post">
<label>用户名:</label>
<input type="text" name="username"><br>
<label>密码:</label>
<input type="password" name="password"><br>
<input type="submit" value="登录">
</form>
</body>
</html>
```
3. 在 `WebContent` 目录下创建一个名为 `index.jsp` 的 JSP 页面文件,编写如下代码:
```jsp
<%@ page language="java" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>首页</title>
</head>
<body>
<h1>欢迎你,${param.username }</h1>
<p>你的密码是:${param.password }</p>
</body>
</html>
```
4. 在 `WebContent/WEB-INF` 目录下创建一个名为 `web.xml` 的 Web 应用程序部署描述符文件,编写如下代码:
```xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns="http://xmlns.jcp.org/xml/ns/javaee"
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
id="WebApp_ID" version="4.0">
<display-name>LoginDemo</display-name>
<welcome-file-list>
<welcome-file>login.jsp</welcome-file>
</welcome-file-list>
</web-app>
```
5. 运行该项目,并通过浏览器访问 `http://localhost:8080/LoginDemo`,即可看到登录页面。
![登录页面](https://cdn.jsdelivr.net/gh/1071942338/pictures/20211021160557.png)
6. 输入用户名和密码,并点击登录按钮,即可跳转到首页,并显示登录信息。
![首页](https://cdn.jsdelivr.net/gh/1071942338/pictures/20211021160650.png)
阅读全文