Express 4.x框架用法02

2023-06-29 14:21:07 浏览数 (1)

视图模板引擎

ejs的标签:

  <% code %>  JavaSctipt代码

  <%=code%> 显示替换过HTML特殊字符的内容

  <%-code%>  显示原始HTML内容

ejs:

1.安装npm install express-ejs-layouts

2.获取这个模块

var express = require('express');

var expressLayouts = require('express-ejs-layouts'); 

var app = express(); 

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

app.use(expressLayouts);

//设置自定义默认布局

app.set('layout', 'layout');

//为单一渲染设置自定义布局

app.get('/', function(req, res) {

  res.render('the-view', { layout: 'specific-layout' });

);

jade的实现:

在我们的请求的目的页面中第一句话写上extends(继承) 模版布局模版名

例如: extends layout       

js代码实现:

<% include header.ejs %>

0 人点赞