设计模式-前端控制器模式

简介

前端控制器模式（Front Controller Pattern）是一种用于处理 Web 应用程序请求的设计模式。在该模式中，一个单一的入口点（前端控制器）接收所有来自客户端的请求，并委派给相应的处理程序进行处理。前端控制器模式能够提供集中的请求处理机制，从而实现较高的代码复用和架构的可扩展性。

代码示例

以下是前端控制器模式的一个简单示例。

// 前端控制器
class FrontController {
  constructor() {
    this.dispatcher = new Dispatcher();
  }

  processRequest(request) {
    // 模拟校验用户身份
    const isAuthorized = this.authenticateUser();

    if (isAuthorized) {
      this.dispatcher.dispatch(request);
    } else {
      this.sendResponse("Unauthorized");
    }
  }

  authenticateUser() {
    // 校验用户身份逻辑
    return true;
  }

  sendResponse(message) {
    console.log(`Response: ${message}`);
  }
}

// 请求调度器
class Dispatcher {
  dispatch(request) {
    if (request === "Home") {
      this.showHomePage();
    } else if (request === "Order") {
      this.showOrderPage();
    } else {
      this.showNotFoundPage();
    }
  }

  showHomePage() {
    console.log("Displaying Home Page");
  }

  showOrderPage() {
    console.log("Displaying Order Page");
  }

  showNotFoundPage() {
    console.log("Displaying Not Found Page");
  }
}

// 客户端代码
const frontController = new FrontController();
frontController.processRequest("Home");
frontController.processRequest("Order");
frontController.processRequest("Login");

解析

在上述示例中，前端控制器(FrontController)充当了所有客户端请求的入口点。它包含一个调度器(Dispatcher)，根据请求的类型来委派给相应的处理程序进行处理。如果用户身份验证通过，则会调用调度器的dispatch方法来处理请求。

调度器根据请求的类型来调用相应的方法，例如显示主页(showHomePage)、显示订单页面(showOrderPage)，如果请求无法匹配任何已知类型，则显示未找到页面(showNotFoundPage)。

这种模式的优点是集中化的请求处理，所有的请求都通过前端控制器进行处理，从而提供了代码的复用性和可扩展性。例如，如果需要添加新的页面或功能，只需要在调度器中添加相应的处理方法即可。

总结

前端控制器模式是一种用于处理 Web 应用程序请求的设计模式。它通过一个单一的入口点（前端控制器）来接收所有客户端请求，并将请求委派给相应的处理程序进行处理。这种模式提供了集中化的请求处理机制，能够提高代码的复用性和架构的可扩展性。