溫馨提示×

ubuntu中js如何使用模板引擎

小樊
46
2025-08-09 16:14:39
欄目: 編程語言

在Ubuntu系統中,要在JavaScript中使用模板引擎,你需要選擇一個合適的模板引擎,然后按照該模板引擎的文檔和語法來實現。這里以EJS(Embedded JavaScript templates)為例,介紹如何在Ubuntu中使用EJS模板引擎。

  1. 首先,在你的Ubuntu項目中安裝Node.js。如果你還沒有安裝Node.js,請打開終端并運行以下命令:
sudo apt update
sudo apt install nodejs
sudo apt install npm
  1. 接下來,使用npm(Node.js包管理器)安裝EJS模板引擎。在你的項目目錄中運行以下命令:
npm init -y
npm install ejs

這將在你的項目中創建一個package.json文件,并將EJS安裝為依賴項。

  1. 在你的項目中創建一個名為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標簽,它們將被傳遞給模板的數據替換。

  1. 在你的項目中創建一個名為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模板,同時傳遞了一些數據(titlepage)。

  1. 在你的項目中安裝Express框架:
npm install express
  1. 最后,在終端中運行你的項目:
node app.js

現在,你可以在瀏覽器中訪問http://localhost:3000,看到EJS模板引擎渲染的結果。

這只是一個簡單的示例,你可以根據自己的需求選擇其他模板引擎,并按照相應的文檔和語法來實現。

0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女