Koa---ejs模板的使用（.ejs/.html）

最新推荐文章于 2024-05-05 21:10:49 发布

muzidigbig

最新推荐文章于 2024-05-05 21:10:49 发布

阅读量1.9k

点赞数

分类专栏： Koa 文章标签： Koa ejs Koa中的模板引擎

本文链接：https://blog.csdn.net/muzidigbig/article/details/88096241

版权

Koa 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

1.安装

1. 安装 koa-views npm install --save koa-views / cnpm install --save koa-views

2. 安装 ejs npm install ejs --save / cnpm install ejs --save

2. 引入

let views = require('koa-views');

3.配置

/**

配置模板引擎中间件--第三方中间件

views(模板引擎放置的位置,配置ejs模板引擎)

*/

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

// app.use(views('views',{//(后缀名为.ejs)

// extension:'ejs', //应用ejs模板引擎

// }))

4.使用

router.get('/',async (ctx,next) => {

//渲染模板引擎

      let title = '你好！ejs';

      let arr = ['111','222','333','444'];

      await ctx.render('index',{

          title,

          arr

     })

})

案例：

app_views.js

let Koa = require('koa');
let Router = require('koa-router');
let views = require('koa-views');
let app = new Koa();
let router = new Router();
/** 
配置模板引擎中间件--第三方中间件
views(模板引擎放置的位置,配置ejs模板引擎)
*/
app.use(views('views', { map: {html: 'ejs' }}));//(这样配置，后缀名为.html)
// app.use(views('views',{//(后缀名为.ejs)
//     extension:'ejs', //应用ejs模板引擎
// }))
router.get('/',async (ctx,next) => {
    //渲染模板引擎
    let title = '你好！ejs';
    let arr = ['111','222','333','444'];
    await ctx.render('index',{
        title,
        arr
    })
})

app.use(router.routes());//启动路由
app.use(router.allowedMethods());
app.listen(3003);

views.index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <% include ./public/header.ejs%>
    <h2><%=title%></h2>
    这是一个后缀名为.html
    <h2>循环数组</h2>
    <ul>
        <% for(var i=0;i<arr.length;i++) { %>
        <li>
            <%= arr[i]%>
        </li>
        <% } %>
    </ul>
</body>
</html>

muzidigbig

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Koa---ejs模板的使用（.ejs/.html）

1.安装1. 安装 koa-views npm install --save koa-views / cnpm install --save koa-views2. 安装 ejs npm install ejs --save / cnpm install ejs --save2. 引入let views = require('koa-views');3.配置/**...
复制链接

扫一扫