nodejs模板引擎(一)

最新推荐文章于 2024-08-16 13:53:42 发布

svygh123

最新推荐文章于 2024-08-16 13:53:42 发布

阅读量971

点赞数 26

分类专栏：编程 js html+css 文章标签： javascript ejs 模板引擎 nodejs模板引擎 nodejs

本文链接：https://blog.csdn.net/svygh123/article/details/140366476

版权

编程同时被 3 个专栏收录

178 篇文章 4 订阅

订阅专栏

33 篇文章 0 订阅

订阅专栏

html+css

19 篇文章 0 订阅

订阅专栏

在 Node.js 中使用模板引擎可以让您更轻松地生成动态 HTML 页面，通过将静态模板与动态数据结合，您可以创建可维护且易于扩展的 Web 应用程序。以下是一个使用 Express 框架和 EJS 模板引擎的基本示例：

安装必要的依赖：
首先，确保您已安装 Node.js 和 npm。然后，在您的项目目录中运行以下命令来安装 Express 和 EJS：
```
npm install express ejs
```

创建 Express 应用：
接下来，创建一个基本的 Express 应用，并设置 EJS 作为模板引擎：

const express = require('express');
const app = express();
const path = require('path');

// 设置 EJS 引擎和视图路径
app.set('view engine', 'ejs');
app.set('views', path.join(__dirname, 'views'));

// 设置静态资源目录
app.use(express.static(path.join(__dirname, 'public')));

// 路由
app.get('/', (req, res) => {
    const data = { title: 'My Title', message: 'Hello from EJS!' };
    res.render('index', data);
});

// 启动服务器
const port = process.env.PORT || 3000;
app.listen(port, () => {
    console.log(`Server running on port ${port}`);
});

创建模板文件：
在 views 文件夹中创建一个名为 index.ejs 的文件。EJS 使用 <% %> 作为脚本标签来嵌入 JavaScript 代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title><%= title %></title>
</head>
<body>
    <h1>Welcome to my site</h1>
    <p><%= message %></p>
</body>
</html>