koa2中使用art-template模板引擎

Love The Way You Lie 2021-11-29 06:12 359阅读 0赞

#### 地址 ####

[https://www.npmjs.com/package/koa-art-template][https_www.npmjs.com_package_koa-art-template]

#### 创建目录 ####

mkdir koa_art_template

#### 进入目录 ####

cd koa_art_template

#### 初始化 ####

npm init

#### 安装模块 ####

npm install --save koa
    npm install --save koa-router
    npm install --save art-template
    npm install --save koa-art-template

#### 使用 ####

#### 目录结构 ####

![在这里插入图片描述][20190721142705435.png]

#### 模板引擎使用说明 ####

在art-template中可以用两种方式绑定数据：ejs和\{ \{\}\}形式

<h2>绑定数据</h2>
    <p>{
       {@list.name}}</p>
    
    <h2>条件判断</h2>
    {
       {if list.age > 23}}
    <strong>年龄大于23</strong>
    {
       {else}}
    <strong>年龄小于23</strong>
    {
       {/if}}
    
    <h2>循环数据</h2>
    <ul>
        {
       {each list.love}}
            <li>{
       {$index}}--{
       {$value}}</li>
        {
       {/each}}
    </ul>
    
    <h2>引入字模板</h2>
    {
       {include 'public/footer.html'}}

[https_www.npmjs.com_package_koa-art-template]: https://www.npmjs.com/package/koa-art-template
[20190721142705435.png]: /images/20211129/6c09dbc1d0a649098630e4ef5ed43c1d.png