ubuntu中js如何使用模板引擎 - 问答

在Ubuntu系统中，要在JavaScript中使用模板引擎，你需要选择一个合适的模板引擎，然后按照该模板引擎的文档和语法来实现。这里以EJS（Embedded JavaScript templates）为例，介绍如何在Ubuntu中使用EJS模板引擎。

首先，在你的Ubuntu项目中安装Node.js。如果你还没有安装Node.js，请打开终端并运行以下命令：

sudo apt update
sudo apt install nodejs
sudo apt install npm

接下来，使用npm（Node.js包管理器）安装EJS模板引擎。在你的项目目录中运行以下命令：

npm init -y
npm install ejs

这将在你的项目中创建一个package.json文件，并将EJS安装为依赖项。

在你的项目中创建一个名为views的文件夹，用于存放EJS模板文件。在该文件夹中创建一个名为index.ejs的文件，并添加以下内容：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><%= title %></title>
</head>
<body>
    <h1>Welcome to <%= page %></h1>
</body>
</html>

在这个模板文件中，<%= title %>和<%= page %>是EJS标签，它们将被传递给模板的数据替换。

在你的项目中创建一个名为app.js的文件，并添加以下内容：

const express = require('express');
const app = express();
const port = 3000;

app.set('view engine', 'ejs');

app.get('/', (req, res) => {
    res.render('index', { title: 'My EJS Template', page: 'Home' });
});

app.listen(port, () => {
    console.log(`Server is running at http://localhost:${port}`);
});

在这个文件中，我们使用Express框架设置了EJS作为视图引擎，并在根路由中使用res.render()方法渲染index.ejs模板，同时传递了一些数据（title和page）。

在你的项目中安装Express框架：

npm install express

最后，在终端中运行你的项目：

node app.js

现在，你可以在浏览器中访问http://localhost:3000，看到EJS模板引擎渲染的结果。

这只是一个简单的示例，你可以根据自己的需求选择其他模板引擎，并按照相应的文档和语法来实现。

0 赞

0 踩