koa art-template模板引擎

怼烎@ 2021-07-25 00:22 397阅读 0赞

优势:速度极快,能接近js的极限速度
    
    1、安装
    	npm install --save art-template
    	npm install --save koa-art-template
    	
    2、引入
    	const render = require('koa-art-template');
    	const path=require('path');
    
    3、配置模板引擎
    	render(app, {
    	    root: path.join(__dirname, 'views'), //配置模板引擎路径
    	    extname: '.html',  //以什么后缀结尾
    	    debug: process.env.NODE_ENV !== 'production' //在开发阶段开启debug
    	  });
    
    4、渲染数据
    	await ctx.render('/x',{参数键值对})
    
    5、获取数据
    	方式一:ejs调用数据语法
    	方式二:{
       {}}
    		{
       {键名}}
    		{
       {@键名}}   能够解析html标签
    		循环:
    		 {
       {each 数据}}
    	         {
       {$index}}--{
       {$value}}
    	     {
       {/each}}
    
    6、引入外部模板
    	{
       {include '模板路径/x.html'}}

[文档][Link 1]

代码示例:  
server.js:

const Koa=require('koa');
    const Router=require('koa-router');
    // const views=require('koa-views');
    const commonm=require('./public/common');
    const bodyParser=require('koa-bodyparser');
    const static=require('koa-static');
    const render = require('koa-art-template');
    const path=require('path');
    
    const app=new Koa();
    const router=new Router();
    
    //配置模板引擎
    // app.use(views('views',{extension:"ejs" })); //文件后缀必须为.ejs
    // app.use(views('views',{map:{html:'ejs'}}));
    render(app, { 
        root: path.join(__dirname, 'views'), //配置模板引擎路径
        extname: '.html',  //以什么后缀结尾
        debug: process.env.NODE_ENV !== 'production' //在开发阶段开启debug
      });
    
    //配置static
    app.use(static('static'));
    
    app.use(router.routes())
        .use(router.allowedMethods());
    
    
    
    app.use(bodyParser());
    
    router.get('/',async(ctx,next)=>{ 
        await ctx.render("index",{ 
            title:'jeff',
            info:"<h2 style='color:red'>渲染</h2>"
        });
    })
    
    router.get('/news',async(ctx,next)=>{ 
        
        await ctx.render('news',{ 
            names:"jeff",
            h:'<h2>jjj</h2>',
            list:[1,2,3,4]
        })
    })
    
    //路由中间件
    router.get('/det',async(ctx,next)=>{ 
        // ctx.body='det1';
        console.log('aaa');
        await next();
    })
    
    router.get('/det',async(ctx,next)=>{ 
        ctx.body='det2';
      
    })
    
    router.post('/info',async (ctx,next)=>{ 
        // var data=await commonm.Posts(ctx);
        var data=ctx.request.body.name;
        ctx.body=data;
    })
    
    router.get('/msg',async(ctx,next)=>{ 
        ctx.body=ctx.query.id;
    })
    
    //动态路由
    router.get('/home/:aid/:aic',async(ctx,next)=>{ 
        ctx.body=ctx.params.aid+ctx.params.aic;
    })
    
    app.listen(3000,()=>{ 
        console.log('this koa server is running at http://localhost:3000/');
    })

news.html:

<!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>
           koa art
           <li><%=name%></li>
           { { names}}
           { { 1+2}}
           { { @h}}
           <%-h%>
           { { include './public/1.html'}}
    
           { { each list}}
             { { $index}}--{ { $value}}
           { { /each}}
        </ul>
    </body>
    </html>

[Link 1]: http://aui.github.io/art-template/zh-cn/docs/index.html

发表评论取消回复

表情：

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

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

相关阅读

相关 koa使用ejs模板引擎

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

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

相关 artTemplate模板引擎

经常被用到，你还用过哪些模板引擎，个人认为：对于模板引擎，挑一个性能稍高的，使用简单的，容易调试的就可以，一个足以，没有必要使用那么多。作为前端人员，较推崇artTemplat

古城微笑少年丶/ 2022年09月27日 12:27/ 0 赞/ 248 阅读

相关 arttemplate模板

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; ch

绝地灬酷狼/ 2022年06月14日 07:37/ 0 赞/ 257 阅读

相关【artTemplate】artTemplate模板引擎入门（一）：简洁语法的使用

artTemplate 是新一代 javascript 模板引擎，它采用预编译方式让性能有了质的飞跃，并且充分利用 javascript 引擎特性，使得其性能无论在前端还是后端

系统管理员/ 2022年05月22日 04:27/ 0 赞/ 243 阅读

相关【artTemplate】artTemplate模板引擎入门（二）：原生语法

引入文件 <script src="./template-native.js"></script> 一.遍历数组 html <div id="b

男娘i/ 2022年05月19日 23:28/ 0 赞/ 343 阅读

相关 koa中使用模板引擎

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

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

相关模板引擎artTemplate 介绍

一.介绍 (1).介绍 art-template 是一个简约、超快的模板引擎。artTemplate 是新一代 javascript 模板引擎，它采用预编译方式让性能有了质

快来打我*/ 2021年09月14日 09:48/ 0 赞/ 572 阅读

相关模板引擎-koa-ejs

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

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

相关 koa art-template模板引擎

优势:速度极快,能接近js的极限速度 1、安装 npm install --save art-template npm insta

怼烎@/ 2021年07月25日 00:22/ 0 赞/ 398 阅读

相关 koa ejs模板引擎

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

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