前后端分离之前，页面导航如何实现？

前后端分离之前，页面导航如何实现？

Model 1 (JSP + JavaBean)

在 Model 1 中，导航通常通过以下方式实现：

• 请求转发：使用 JSP 直接进行页面跳转。示例如下：

  <jsp:forward page="targetPage.jsp" />
  

• 重定向：在 JSP 中，通过 JavaScript 或 meta 标签进行重定向。示例如下：

  <meta http-equiv="refresh" content="0; URL=targetPage.jsp">
  

Model 2 (JSP + Servlet + JavaBean)

在 Model 2 中，Servlet 作为控制器，处理请求并进行页面导航：

• 请求转发：通过 Servlet 的 RequestDispatcher 转发请求到另一个 JSP 页面。示例如下：

  RequestDispatcher dispatcher = request.getRequestDispatcher("targetPage.jsp");
  dispatcher.forward(request, response);
  

• 重定向：通过 Servlet 的 sendRedirect 方法重定向到另一个页面。示例如下：

  response.sendRedirect("targetPage.jsp");
  

请求转发和重定向的区别

• 请求转发：服务器内部的跳转，URL 不会改变，适用于传递请求和响应对象到目标页面。
• 重定向：浏览器的跳转，URL 会改变，适用于需要跳转到不同的域或完全不同的页面。

导航逻辑示例

假设有一个简单的登录系统，通过 Servlet 处理登录请求并进行页面导航：

LoginServlet.java

@WebServlet("/login")
public class LoginServlet extends HttpServlet {
    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("password")) {
            // 请求转发到欢迎页面
            RequestDispatcher dispatcher = request.getRequestDispatcher("welcome.jsp");
            dispatcher.forward(request, response);
        } else {
            // 重定向到登录失败页面
            response.sendRedirect("loginFailed.jsp");
        }
    }
}

login.jsp

<form action="login" method="post">
    <label for="username">Username:</label>
    <input type="text" id="username" name="username">
    <label for="password">Password:</label>
    <input type="password" id="password" name="password">
    <button type="submit">Login</button>
</form>

通过这种方式，后端在处理用户请求后，决定将用户导航到相应的页面。