Node.js+Express配置入门教程详解

下面是详细的 Node.js+Express 配置入门教程详解：

1. 环境搭建

首先，我们需要在本地安装 Node.js 和 Express。安装 Node.js 是非常简单的，只需要去官网下载对应的安装包，然后按照提示一步一步安装即可。而要安装 Express，则需要使用 Node.js 自带的包管理器 npm，在终端执行以下命令：

npm install express --save

上述代码中，--save 参数表示把 Express 作为依赖项安装，这样就能在项目中使用它了。

2. 基本配置

接下来，在项目的根目录中创建一个名为 index.js 的文件，输入以下代码：

var express = require('express'); //引入 Express 模块
var app = express(); //创建 Express 实例
var port = 3000; //设置端口号

app.get('/', function(req, res) {
  res.send('Hello World!'); // 输出 "Hello World!"
});

app.listen(port, function() {
  console.log('Server listening on port ' + port);
});

上述代码中，我们首先通过 require() 函数引入了 Express 模块，然后创建了一个 Express 实例，并设置了端口号为 3000。在 app.get() 函数中，我们定义了一个路由，当用户访问应用的根路径时，会输出 “Hello World!”。最后，通过 app.listen() 函数启动了服务，并在控制台输出信息表示服务器已经成功启动。

3. 静态文件服务

接下来，我们将给我们的应用添加静态文件服务。我们可以通过 app.use() 函数来实现。在 index.js 文件中添加以下代码：

app.use(express.static('public'));

上述代码中，我们使用了 express.static() 函数来指定应用中的静态文件目录。在这个例子中，我们把静态文件保存在 public 目录下，因此这里的参数就是 'public'。

4. 模板引擎

接下来，我们将需要一个模板引擎来渲染动态页面。这里我们使用模板引擎中最流行的之一 - EJS。

首先，我们需要在项目中安装 EJS。在终端中执行以下命令：

npm install ejs --save

然后，我们需要在 index.js 文件中添加以下代码：

app.set('views', './views'); //设置模板文件夹
app.set('view engine', 'ejs'); //设置模板引擎

app.get('/user', function(req, res) {
  var users = [
    { name: 'Tom', age: 19 },
    { name: 'Jack', age: 20 },
    { name: 'Mary', age: 18 }
  ];
  res.render('user', { users: users }); //渲染 user.ejs 模板文件
});

上述代码中，我们首先使用 app.set() 函数来设置应用的模板文件夹和模板引擎。然后，在 app.get() 函数中定义了一个路由，当用户访问应用的 /user 路径时，会渲染 user.ejs 模板文件，将其中的 users 数据和页面相关联，并输出生成的动态页面。

此时，我们还需要在根目录中创建 views 文件夹，并在其中创建一个名为 user.ejs 的模板文件，输入以下代码：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>User List</title>
  </head>
  <body>
    <h1>User List</h1>
    <ul>
      <% users.forEach(function(user) { %> 
        <li><%= user.name %> - <%= user.age %>岁。</li>
      <% }); %>
    </ul>
  </body>
</html>

上述代码中，我们使用 EJS 的语法创建了一个动态页面。其中，<% %> 用来定义 JavaScript 代码块，<%= %> 用来输出数据。在这个例子中，我们将 users 数据和页面中的 HTML 相关联，渲染成一个动态页面。

5. 总结

至此，我们已经完成了 Node.js+Express 的配置入门教程。在这个教程中，我们学会了如何搭建环境、进行基本配置、添加静态文件服务、使用模板引擎等功能。通过这个教程，相信大家已对 Node.js 和 Express 有了更深入的了解。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：Node.js+Express配置入门教程详解 - Python技术站