expres 渲染ejs模板

最新推荐文章于 2024-03-13 15:00:00 发布

guokanglun

最新推荐文章于 2024-03-13 15:00:00 发布

阅读量286

点赞数

分类专栏： express

本文链接：https://blog.csdn.net/gklcsdn/article/details/104368024

版权

express 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

文章目录

1. 安装ejs模块

npm install ejs --save

ejs是一个后台模板
<%= 变量 %>
<% 代码 %>
<%- include(’ ') %> 引入模板

2. 使用

var express = require('express');
// 实例化
var app = express();


/* 配置ejs模板引擎 */
app.set('view engine','ejs');

//设置模板的位置(在views文件夹下)
app.set('views', __dirname + '/views');

// get 请求（路由，回调函数）
app.get('/login', function(req, res) {
    var arr = ['python', 'java', 'shell', 'c++']
    res.render('login.ejs', {
        list: arr
    })
})

// 监听端口
app.listen(3000)

3. ejs文件

ejs文件必须放在当前项目views文件夹下
<%=list[i]%> 插值

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <ul>
        <% for( var i = 0;i<list.length;i++ ){ %>
            <li>
                <%=list[i]%>
            </li>
            <% } %>
    </ul>
</body>

</html>

4. 页面显示

在这里插入图片描述

package.json 文件存放下载的所有包
在这里插入图片描述

guokanglun

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
expres 渲染ejs模板

文章目录1. 安装ejs模块2. 使用3. ejs文件4. 页面显示1. 安装ejs模块npm install ejs --save2. 使用var express = require('express');// 实例化var app = express();/* 配置ejs模板引擎 */app.set('view engine','ejs');//设置模板的位置(在vie...
复制链接

扫一扫

专栏目录