下面是“NodeJS创建基础应用并应用模板引擎”的完整攻略：

1. 准备工作

在开始创建基础应用之前，我们需要确保已经安装了Node.js。可以在命令行或终端中运行以下命令验证：

node -v

如果能够输出 Node.js 的版本号，即表明已经安装成功。

2. 创建基础应用

使用以下命令可以快速创建一个空的Node.js应用：

mkdir myApp // 创建一个文件夹
cd myApp // 进入文件夹
npm init -y // 初始化，其中 -y 表示自动同意所有设置

上述命令将创建一个名为 'myApp' 的文件夹，并在其中创建一个 package.json 文件，其中描述了我们的应用程序的所有依赖项。

3. 安装模板引擎

在这里我们以 EJS 为例讲解如何安装模板引擎。使用以下命令可以在应用程序中安装 EJS：

npm install ejs

4. 创建index.ejs页面

在myApp文件夹中创建views文件夹，并创建index.ejs页面，如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title><%= pageTitle %></title>
</head>
<body>
    <h1><%= pageTitle %></h1>
    <p><%= content %></p>
</body>
</html>

上面的模板代码包含了两个变量，分别为pageTitle和content，这些变量的值将在渲染过程中从 Node.js 应用程序中传递过来。

5. 创建 server.js 文件

在myApp文件夹中创建 server.js 文件，如下：

const express = require('express');
const ejs = require('ejs');

const app = express();

app.engine('ejs', ejs.renderFile);
app.set('view engine', 'ejs');
app.set('views', './views');

app.get('/', (req, res) => {
    const pageTitle = '欢迎访问我的网站';
    const content = '这是我的第一个 Node.js 应用程序，并使用了 EJS 模板引擎';
    res.render('index', { pageTitle: pageTitle, content: content });
});

const port = 3000;
app.listen(port, () => {
    console.log(`Server running at port ${port}`);
});

上述代码使用了 Express.js 框架来创建一个 HTTP 服务器，同时将 EJS 作为模板引擎。代码中指定了视图文件的路径，以及渲染 index.ejs 页面所需的数据。最后，该代码将服务器监听在 3000 端口上。

6. 启动应用

使用以下命令可以启动我们的应用程序：

node server.js

在浏览器中打开 http://localhost:3000，即可看到渲染后的页面。

7. 示例说明

下面给出两个示例说明：

示例一

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title><%= title %></title>
</head>
<body>
    <h1><%= headline %></h1>
    <p><%= content %></p>
</body>
</html>

const express = require('express');
const ejs = require('ejs');

const app = express();

app.engine('ejs', ejs.renderFile);
app.set('view engine', 'ejs');
app.set('views', './views');

app.get('/', (req, res) => {
    const title = '示例页面';
    const headline = '欢迎来到示例页面';
    const content = '这是一个简单的示例页面';
    res.render('index', { title: title, headline: headline, content: content });
});

const port = 3000;
app.listen(port, () => {
    console.log(`Server running at port ${port}`);
});

示例二

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title><%= title %></title>
</head>
<body>
    <% if (loggedIn) { %>
        <h1>欢迎，<%= username %>！</h1>
        <a href="/logout">注销</a>
    <% } else { %>
        <h1>请先登录</h1>
        <a href="/login">登录</a>
    <% } %>
</body>
</html>

const express = require('express');
const ejs = require('ejs');

const app = express();

app.engine('ejs', ejs.renderFile);
app.set('view engine', 'ejs');
app.set('views', './views');

app.get('/', (req, res) => {
    const title = '示例登录页面';
    const loggedIn = false;
    res.render('login', { title: title, loggedIn: loggedIn });
});

app.get('/login', (req, res) => {
    const title = '登录';
    const username = '张三';
    const loggedIn = true;
    res.render('login', { title: title, username: username, loggedIn: loggedIn });
});

app.get('/logout', (req, res) => {
    const title = '已退出';
    const loggedIn = false;
    res.render('login', { title: title, loggedIn: loggedIn });
});

const port = 3000;
app.listen(port, () => {
    console.log(`Server running at port ${port}`);
});

以上就是“NodeJS创建基础应用并应用模板引擎”的完整攻略，希望你能有所收获。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：NodeJS创建基础应用并应用模板引擎 - Python技术站

NodeJS创建基础应用并应用模板引擎