koa模板引擎ejs 和 art-template

目录

• ejs模板引擎
• art-template模板引擎

---

一、ejs模板引擎

下载相关依赖：

cnpm install koa --save

cnpm install koa-router --save

cnpm install koa-views --save

cnpm install ejs  --save

 配置代码

const Koa=require('koa'),
const router = require('koa-router')(),
const views = require('koa-views');

const app=new Koa();


//配置模板引擎中间件  --第三方中间件
//app.use(views('views', { map: {html: 'ejs' }}));   //这样配置也可以  注意如果这样配置的话 模板的后缀名是.html

app.use(views('views',{
    extension:'ejs'  /*应用ejs模板引擎*/
}))

//写一个中间件配置公共的信息
app.use(async (ctx,next)=>{

    ctx.state.userinfo='张三';

    await next();/*继续向下匹配路由*/
})

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

   let title="你好ejs";

   await ctx.render('index',{

        title:title
    });

})

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

ejs文档   https://ejs.bootcss.com/#docs

               https://www.npmjs.com/package/ejs

二、art-template模板引擎

下载相关依赖：

cnpm install koa --save

ccnpm install koa-router --save

cnpm install --save art-template

cnpm install --save koa-art-template

配置代码：

const Koa=require('koa');
const router = require('koa-router')();
const render = require('koa-art-template');
const path=require('path');

const app=new Koa();

//配置 koa-art-template模板引擎
render(app, {
    root: path.join(__dirname, 'views'),   // 视图的位置
    extname: '.html',  // 后缀名
    debug: process.env.NODE_ENV !== 'production'  //是否开启调试模式

});

router.get('/',async (ctx)=>{
   //ctx.body="首页"
    let list={

        name:'张三',
        h:'
这是一个h2
',
        num:20,
        data:['11111111','2222222222','33333333333']
    }

    await ctx.render('index',{
        list:list

    });
})

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

 art-template文档   http://aui.github.io/art-template/koa/