zoukankan      html  css  js  c++  java
  • 模板引擎art-template怎么安装?

    art-template支持标准语法和原始语法。标准语法允许模板更易于读写。而原始语法具有强大的逻辑处理能力。标准语法支持基本模板语法和JavaScript表达式。原始语法支持任意JavaScript语句,与Ejs相同。

    资源搜索网站大全https://55wd.com 广州品牌设计公司http://www.maiqicn.com

    安装art-template的方法:

    在需要使用模板的目录下安装 art-template 模板

    进入控制台,输入

    npm install art-template

    等待安装结束。

    Nodejs 使用 art-template 模板引擎

    引入模板文件:

    var template = reuqire('art-template');

    编辑模板

    <!-- art-template.html -->
    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="UTF-8">
      <title>Document</title>
    </head>
    <body>
      <p>芳名:{{ name }}</p>
      <p>芳龄:{{ age }}</p>
      <p>gender:{{ gender }}</p>
      <p>hobbies:{{ each hobbies }} {{ $value }} {{ /each }}</p>
      <script>
          // 模板引擎不关心内容,会对 {{content}} 进行解析。
          var str = '{{ content }}';
      </script>
    </body>
    </html>

     

    art-template 语法

    子模版

    {{ include './header.html' }} 引入公共的头部文件

    模板继承

    {{ extend './layout.html'}} 
    引入母板文件
    {{ block 'head' }}<link rel="stylesheet" type="text/css" href="./public/css/test.css">{{ /block }}
    引入样式文件
    {{ block 'script' }}<script type="text/javascript" src = "./public/js/test.js"></script>{{ /block }} 
    引入脚本文件
    {{ block 'content' }}默认内容{{ /block }} 挖坑,留给将要继承该模板的模板去填坑,可写入默认内容
  • 相关阅读:
    .......
    JavaScript在IE和Firefox下的兼容性问题
    锁定库位
    期初数据导入
    AX实施的想法
    Inside Microsoft Dynamics AX 4.0 下载
    移库的问题
    js判断select列表值的函数
    SQL Injection攻击检测工具
    js如何向select选项中插入新值
  • 原文地址:https://www.cnblogs.com/qianxiaox/p/13750922.html
Copyright © 2011-2022 走看看