前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Koa中配置使用ejs模板引擎

Koa中配置使用ejs模板引擎

作者头像
明知山
发布2020-09-03 14:36:47
1.8K0
发布2020-09-03 14:36:47
举报
文章被收录于专栏:前端开发随笔

安装插件

代码语言:javascript
复制
npm install koa-views --save
npm install ejs --save
代码语言:javascript
复制
var koa = require('koa');
var Router = require('koa-router');
var views = require('koa-views');
var app = new koa();
var router = new Router();

/**
 * 这样配置后缀名为html
 * app.use(views('./views', {map: {html: 'ejs'}}))
 * */
app.use(views('./views', {
    extension: 'ejs' //配置后缀名为ejs
}))

// 通过中间件为每个ejs引擎赋值
app.use(async (ctx, next) => {
    ctx.state.userName = "张三"
    await next()
})

router.get('/', async (ctx, next) => {
    let title = '你好ejs'
    let list = [1111, 2222, 3333]
    let content = '<h2>标题</h2>'
    await ctx.render('index', {
        title: title,
        list: list,
        content: content
    });
})

app.use(router.routes())
app.use(router.allowedMethods())

app.listen(3000);
代码语言:javascript
复制
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ejs模板引擎</title>
</head>

<body>
    <!-- 获取外部ejs -->
    <%- include ('../public/header.ejs') %>

    <!-- 绑定字段 -->
    <h1><%=title %> </h1>

    <!-- 循环数组 -->
    <ul>
        <% for( let i in list ) { %>
        <li><%=list[i]%> </li>
        <% } %>
    </ul>

    <!-- 绑定富文本 -->
    <%- content %>

    <!-- 条件判断 -->
    <% if(true){ %>
    <div>打印为真</div>
    <% }else{ %>
    <div>打印为假</div>
    <% } %>

    <!-- 接收公共的信息 -->
    <%=userName %>
</body>

</html>
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020/06/26 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
消息队列 TDMQ
消息队列 TDMQ (Tencent Distributed Message Queue)是腾讯基于 Apache Pulsar 自研的一个云原生消息中间件系列,其中包含兼容Pulsar、RabbitMQ、RocketMQ 等协议的消息队列子产品,得益于其底层计算与存储分离的架构,TDMQ 具备良好的弹性伸缩以及故障恢复能力。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档