《Web服务器端应用开发》实验报告五

最新推荐文章于 2024-10-16 11:23:07 发布

⁰⁹⁹⁷⁶

最新推荐文章于 2024-10-16 11:23:07 发布

阅读量83

点赞数

文章标签：前端 servlet java

本文链接：https://blog.csdn.net/2301_77580515/article/details/131156219

版权

EL+JSTL消除JSP中的Java代码

实验内容

1、使用Servlet+JSP技术开发一个登录跳转的web应用，其中Servlet负责业务处理及跳转控制，JSP负责显示数据。至少有两个jsp页面(login.jsp和list.jsp)，且不能有Java代码。其中login.jsp负责登录界面并支持错误回显，list.jsp负责显示欢迎xxx登录并用表格显示一个商品列表（数据自行模拟，可不写实体类）。

为了开发这个Web应用，我们需要完成以下步骤：

编写login.jsp文件，用于显示登录界面并接收用户输入的用户名和密码。

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Login Page</title> </head> <body> <form action="/login" method="POST"> <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> <c:if test="${not empty errorMsg}"> <p>${errorMsg}</p> </c:if> </body> </html>

编写Web.xml文件，用于配置Servlet和JSP的映射关系。

<?xml version="1.0" encoding="UTF-8"?> <web-app version="3.0" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"> <servlet> <servlet-name>LoginServlet</servlet-name> <servlet-class>com.example.LoginServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>LoginServlet</servlet-name> <url-pattern>/login</url-pattern> </servlet-mapping> <welcome-file-list> <welcome-file>login.jsp</welcome-file> </welcome-file-list> </web-app>

编写LoginServlet.java文件，用于接收用户提交的用户名和密码，进行登录验证并跳转到list.jsp页面。

package com.example; import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import com.example.model.User; @WebServlet("/login") public class LoginServlet extends HttpServlet { private static final long serialVersionUID = 1L; protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String username = request.getParameter("username"); String password = request.getParameter("password"); if (username.equals("admin") && password.equals("admin")) { User user = new User("Admin"); request.getSession().setAttribute("user", user); response.sendRedirect(request.getContextPath() + "/list.jsp"); } else { request.setAttribute("errorMsg", "Invalid username or password"); request.getRequestDispatcher("/login.jsp").forward(request, response); } } }

编写list.jsp文件，用于显示欢迎XXX登录和商品列表。

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>List Page</title> </head> <body> <h1>Welcome ${user.name}!</h1> <table border="1"> <tr> <th>Product ID</th> <th>Product Name</th> <th>Price</th> </tr> <tr> <td>001</td> <td>Product A</td> <td>$100</td> </tr> <tr> <td>002</td> <td>Product B</td> <td>$200</td> </tr> <tr> <td>003</td> <td>Product C</td> <td>$300</td> </tr> </table> </body> </html>

其中，我们使用了EL表达式${user.name}来显示用户名，${not empty errorMsg}用于判断错误信息是否为空。