koa使用ejs模板引擎

本是古典何须时尚 2022-10-13 15:56 229阅读 0赞

## koa使用ejs模板引擎 ##

> 安装`koa-views` `ejs`  
> `npm i koa-views -S` , `npm i ejs -S`

引入koa-views配置中间件

const views =require('koa-views')
    //配置模板引擎 views是文件地址，意思就是把views下面的文件编译成html文件
    app.use(views('views',{ 
      extension:'ejs'
    }))

> 文件名就应该是以ejs结尾在views下面  
> ![在这里插入图片描述][20210707194358629.png]

//另外的一种配置方式但是注意文件名
    const views =require('koa-views')
    app.use(views('views',{ 
    	map:{ html:'ejs'}}
    ))

> 这里的文件名是以html结尾的  
> ![在这里插入图片描述][20210707194612447.png]

接下来就是渲染

// 配置中间件
    router.get('/', async (ctx, next) => { 
      let title ='你好ejs'  //这是js里面的数据
      await ctx.render('index',  //渲染用ctx.render,index是页面
      { dataTitle:title}	 //将定义的数据title传给dataTitle
      )
    })

> 一些简单的ejs语法
> 
>  *  <%=dataTitle%> 获取数据 可以在里面使用js语法
>  *  使用js语法作为参照 换行就需要就
>  *  <%=%> 绑定数据不解析标签
>  *  <%- %> 绑定数据解析HTML标签  
>     `<%for(var i=0;i<arr.length;i++){%> <li> <%=arr[i]%> </li> <%}%>`
>  *  <%- include(‘public/healder’) -%> 引入内部文件活或者模块

ejs中的公共数据 ，写在中间件的地方那么在任意路由下面都可以使用

app.use(async (ctx, next) => { 
      ctx.state.name='张三'   //ctx.state存放公共数据的地方
      await next()  //当前路由匹配完成继续向下匹配
    })
    //接收数据在任何路由下面直接引入就行<%=name%>

[20210707194358629.png]: /images/20221005/dd1f792669f44ab2b6f8ae507b2a0e36.png
[20210707194612447.png]: /images/20221005/ae8cc32f69e745439f3d8ce4465c59be.png

发表评论取消回复

表情：

评论列表（有 0 条评论，229人围观）

还没有评论，来说两句吧...

相关阅读

相关 Koa2：node.js模板引擎选择 EJS 还是 Jade 呢？

前言 EJS 结构更像原生 HTML，而 Jade 更简洁。作为一个初学者该如何选择呢？摘录一些大佬们的想法朴灵： > 为嘛我这么喜欢EJS呢，我只想要一个

￡神魔★判官ぃ/ 2023年07月12日 08:53/ 0 赞/ 22 阅读

相关 ejs模板引擎

> 1. [ejs官网][ejs] > 2. “E” 代表 “effective”，即【高效】。高效的 JavaScript 模板引擎。 > EJS 是一套简单

﹏ヽ暗。殇╰゛Y/ 2023年06月23日 12:52/ 0 赞/ 22 阅读

相关 nodejs ejs模板引擎

1.EJS模板 ejs模板的语法主要是使用：<%= %> 和<% %>两种；前者是要进行输出的（输出到html页面），后者不输出（一般用于控制语句和声明语句，比如：if…

偏执的太偏执、/ 2022年11月25日 10:23/ 0 赞/ 203 阅读

相关 koa使用ejs模板引擎

koa使用ejs模板引擎 > 安装`koa-views` `ejs` > `npm i koa-views -S` , `npm i ejs -S` 引入koa-v

本是古典何须时尚/ 2022年10月13日 15:56/ 0 赞/ 230 阅读

相关 koa中使用模板引擎

在node中使用模板引擎需要一个中间件koa-views 在koa中使用ejs 安装模块安装koa模板使用中间件 npm install --

清疚/ 2022年04月22日 16:10/ 0 赞/ 314 阅读

相关 Node.js-ejs模板引擎

2. EJs模板引擎使用 (1) 安装并导入 npm install ejs Const

ゝ一世哀愁。/ 2022年04月02日 12:30/ 0 赞/ 275 阅读

相关模板引擎EJS

1.安装 npm install ejs 2.使用 var ejs = require("ejs"); var str = "I

我不是女神ヾ/ 2022年03月17日 08:08/ 0 赞/ 276 阅读

相关 koa2中使用模板引擎

创建项目目录 mkdir koa_view 进入项目目录 cd koa_view 初始化 npm init 安装对应模块

ゝ一纸荒年。/ 2021年12月01日 14:46/ 0 赞/ 380 阅读

相关模板引擎-koa-ejs

如果想要返回HTML文件，则需要安装模板引擎。 EJS是一个JavaScript模板库，用来从JSON数据中生成HTML字符串。Koa2框架中ejs可以把数据库查询的数据渲染

亦凉/ 2021年07月26日 01:33/ 0 赞/ 454 阅读

相关 koa ejs模板引擎

1、安装 cnpm install koa-views --save cnpm install ejs --save 2、配置模板

向右看齐/ 2021年07月24日 21:55/ 0 赞/ 469 阅读