express結合EJS模板渲染HTML

時間 2019-11-21

標籤 express 結合 ejs 模板渲染 html 欄目 HTML 简体版

原文原文鏈接

注意：如下是在Windwo環境下 php

運行：html

npm install ejs

而後你的目錄node_modules下將增長ejs文件夾node

app.jsexpress

var express = require("express");
var app = express();

//指定模板引擎
app.set("view engine", 'ejs');
//指定模板位置
app.set('views', __dirname + '/views');

//利用模板文件home.ejs渲染爲html
app.get("/", function(req, res) {
    res.render('home.ejs', {
        name: 'tinyphp'
    });
});

var server = app.listen(3000, function() {
    console.log("請在瀏覽器訪問：http://localhost:3000/");
});

home.ejs ，模板寫法可參考官方：http://www.embeddedjs.com/ 或：http://ejs.co/npm

<html>
<head>
<title>my ejs template</title>
</head>

<body>
    <p>Hi <%= name %></p>
</body>
</html>

node下app.js後，訪問：http://localhost:3000/瀏覽器

上面不想手動建立文件夾和文件的，能夠參考如下命令：app

新建文件夾ui

mkdir views

新建文件spa

cd.>home.ejs

想必聰明的你會發現jade和ejs上調用過程是同樣的，只是模板的寫法不一樣。code

相關標籤/搜索