express mvc简单实例

Express MVC（Model-View-Controller）是基于Node.js平台的Web应用框架，它极大地简化了构建Web服务的过程。Express框架采用MVC设计模式，这种模式在软件工程中被广泛使用，用于分离应用程序的不同部分，使其更易于管理和维护。在这个简单的实例中，我们将深入探讨Express MVC的基本概念和操作步骤。 我们需要了解MVC架构的三个主要组成部分： 1. **模型（Model）**：负责处理数据和业务逻辑。在Node.js和Express中，模型通常是数据库操作的抽象，例如使用ORM（对象关系映射）库如Sequelize或Mongoose来与数据库交互。 2. **视图（View）**：负责展示用户界面。在Express中，视图通常由模板引擎如EJS、Pug或Jade生成，它们接收数据并渲染成HTML页面供用户查看。 3. **控制器（Controller）**：作为模型和视图之间的桥梁，处理HTTP请求，调用模型操作，并将结果传递给视图进行渲染。在Express中，控制器通常是路由处理函数，它们定义了对特定URL的响应。 接下来，让我们看一个简单的Express MVC实例： 1. **安装Express**：使用npm（Node.js包管理器）安装Express。在命令行输入： ``` npm install express ``` 2. **创建应用**：创建一个新的JavaScript文件，如`app.js`，然后导入Express并创建一个应用实例。 ```javascript const express = require('express'); const app = express(); ``` 3. **设置视图引擎**：选择一个模板引擎，例如EJS，并设置为默认视图引擎。 ```javascript app.set('view engine', 'ejs'); ``` 4. **设置静态文件目录**：如果需要提供静态资源（如CSS、JavaScript文件），可以设置一个静态文件目录。 ```javascript app.use(express.static('public')); ``` 5. **创建路由和控制器**：定义一个路由，例如处理GET请求到根URL（"/"），并创建一个对应的控制器函数。在控制器中，我们可以调用模型（这里假设我们有一个简单的数据数组作为模拟数据库）并传递数据给视图。 ```javascript const data = [ { id: 1, title: 'Example 1' }, { id: 2, title: 'Example 2' } ]; app.get('/', (req, res) => { res.render('index', { items: data }); }); ``` 6. **设置监听端口**：让应用监听指定的端口，如3000。 ```javascript app.listen(3000, () => { console.log('App is listening on port 3000'); }); ``` 7. **创建视图文件**：在`views`目录下创建`index.ejs`文件，用EJS语法渲染数据。 ```ejs <ul> <% for (let item of items) { %> <li><%= item.title %></li> <% } %> </ul> ``` 这个小实例展示了如何使用Express MVC实现一个简单的Web应用，处理GET请求并显示数据。在实际项目中，你可能需要连接数据库、处理POST请求、添加中间件等功能，但这个基础实例足以让你理解Express MVC的核心概念。通过扩展这个实例，你可以逐步构建出功能更丰富的Node.js应用。