在Ubuntu系統中,要在JavaScript中使用模板引擎,你需要選擇一個合適的模板引擎,然后按照該模板引擎的文檔和語法來實現。這里以EJS(Embedded JavaScript templates)為例,介紹如何在Ubuntu中使用EJS模板引擎。
sudo apt update
sudo apt install nodejs
sudo apt install npm
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
)。
npm install express
node app.js
現在,你可以在瀏覽器中訪問http://localhost:3000
,看到EJS模板引擎渲染的結果。
這只是一個簡單的示例,你可以根據自己的需求選擇其他模板引擎,并按照相應的文檔和語法來實現。