简介
express-mvc-builder 是一个用于快速构建 Express MVC 应用的 npm 包。它遵循了 MVC 架构模式，将路由、控制器、视图、模型等分离开来，让代码更加易于维护和扩展。同时，其还可以让你更加方便的管理路由和中间件，减少了很多重复代码和工作。
本文将详细介绍如何使用 express-mvc-builder，旨在提供深度的学习和指导意义。在完成本文学习之后，你将能够迅速上手并使用 express-mvc-builder 快速构建 Express MVC 应用。
安装
要安装 express-mvc-builder，只需在终端中运行以下代码：
npm install express-mvc-builder
创建项目
在使用 express-mvc-builder 前，你需要创建一个 Express 项目。如果你已经有一个 Express 项目，那么你可以跳过这一步。
在终端中运行以下代码，创建一个 Express 项目：
npx express-generator --view=ejs myapp
这将会创建一个名为 myapp 的 Express 项目，并使用 EJS 作为模版引擎（你也可以使用其他模版引擎，比如 Handlebars 等）。
引入 express-mvc-builder
在你的项目根目录下，新建一个 app.js 文件。在 app.js 中，引入 express-mvc-builder 并初始化它：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ----- - ------- ----------- ---- - - ------------------------------- ----- ------ - --- --------- ----- ---------- - --- ------------- ----- ---- - --- --------- ----------- -- ---------------
在上面的代码中，我们先引入了 Express 和 express-mvc-builder 两个包。然后，我们创建了一个新的 Router、Controller 和 View 对象，使用 app 和 __dirname 初始化了 View 对象，并将三个对象分别赋值给了 router、controller 和 view 变量中。
定义路由
接下来，我们可以使用 router 对象定义我们的路由。我们假设我们的站点只需要两个页面：首页和关于页面。
请将以下代码添加到刚才的 app.js 文件中：
router.get('/', controller.index);
router.get('/about', controller.about);在这里，我们使用 router.get 方法来定义了两个路由，分别是 / 和 /about。这两个路由都将由 controller 中的 index 和 about 方法处理。controller 中的代码将在接下来的步骤中编写。
定义控制器
现在，我们需要创建一个名为 controller.js 的文件，在其中编写处理请求的 JavaScript 代码。
首先，我们需要引入 express-mvc-builder 和定义一个 Controller 类：
const { Controller } = require('express-mvc-builder');
class MyController extends Controller {
// 这里将会实现你的方法，稍后我们将详细介绍如何编写
}我们使用 Controller 类可以更加方便的处理路由，其中 MyController 就是我们自己定义的一个控制器名。
现在，我们可以在 MyController 中定义之前路由中提到的 index 方法和 about 方法：
-- -------------------- ---- -------
----- ------------ ------- ---------- -
---------- ---- -
-------------------- ------- -------- --- -----------
-
---------- ---- -
-------------------- ------- ----------
-
-在这里，view 对象是在 app.js 中定义的 View 对象。view.render 方法接收两个参数：第一个是视图文件名，第二个是一个包含所需数据的对象。
定义视图
现在，我们需要定义两个视图文件：views/index.ejs 和 views/about.ejs。我们假设这两个视图文件都只是简单的 HTML 文档。
views/index.ejs 文件：
-- -------------------- ---- -------
--------- -----
------
------
---------- ----- ----------
-------
------
------- ----- -------
---------- -- ------- --- -----------
-------
-------views/about.ejs 文件：
-- -------------------- ---- -------
--------- -----
------
------
---------- ----- ----------
-------
------
--------------
---------- --- ------- -- - ------- ------- ---- ----- ---------- ------ ------- --- ------------ ---- -----------
-------
-------启动应用
现在，我们的项目已经搭建完毕，可以启动应用了。
在终端中进入项目目录，并运行以下代码：
node app.js
然后，打开浏览器访问 http://localhost:3000 和 http://localhost:3000/about，你就可以看到两个页面了。
总结
在本文中，我们学习了如何使用 express-mvc-builder 快速构建 Express MVC 应用。我们学习了如何定义路由、编写控制器和定义视图，并最终启动了我们的应用。希望本文对你学习 Express 和 MVC 架构模式有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005596381e8991b448d6dc1