thinkjs——art-template模板用法

前言：

概述以前先附上此正式版介紹地址：https://github.com/aui/artTemplate  or http://www.jq22.com/jquery-info1097，能夠再看下面文化在那個以前瞭解一下這倆個，若是以前你歷來都沒有接觸過art-template。

深刻了解：

咱們用到最多的就是用thinkjs與art-template配合使用，而這二者怎麼完美的配合在一塊兒呢？

1.首先：

執行命令,此爲在項目中安裝art-template模板：

npm install art-template --save

2.安裝完畢後，再在項目中執行：

thinkjs adapter template/dot

會在src/common/adapter/template/dot.js中建立一個dot.js文件，而在這裏，須要將此文件中的內容稍微更改一下：

art-template.js的文件更改後的內容：

'use strict';
/**
 * base adapter
 */

import template from "art-template";

export default class extends think.adapter.base {
    /**
     * init
     * @return {[]}         []
     */
    init(...args){
        super.init(...args);
    }
    run(templateFile, tVar, config) {
        template.config('extname', "");
        if (this.env != "production") {
            template.config("cache", false);
        }
        return template(templateFile, tVar);
    }
}

3.改完以後，再將view.js中內容更改成：

'use strict';
/**
 * template config
 */
export default {
    type: 'art-template',
    content_type: 'text/html',
    file_ext: '.html',
    file_depr: '_',
    root_path: think.ROOT_PATH + '/view',
    adapter: {}
};

這樣在前臺頁面展現的時候就能夠用到後臺模板渲染過來的數據，好比：

後記：

「好記性不如爛筆頭」，這樣但願以後本身或者其餘小夥伴們碰見相似的用法，方便使用。