liteview

0.2.4 • Public • Published

liteview

a NodeJS template engine ! fast ! type less, do more !

install:

>npm install liteview  # install version 0.1.1 + 

example:

var view = require('liteview');
view.init(tpl_base); // set template base to view
view.debug(true); //if needed, set debug ,view will console.log the debug info
view.render('test.html',{
    name:'liteview',
    version:'v x.x.x',
    list:[
        {name:'fish',address:'abc'},
        {name:'cat',address:'def',child:[{item:'apple'},{item:'orange'}]},
        {name:'dog',address:'ghi',array:['a','b','c']},
    ]
});

============== tpl  test.html =============
<html>
    <head></head>
    <body>
        #{set(totalPage = 5)}
        #{if(#list)}
        <ul>
            #{foreach(#list)}
            <li>
                #{[-]} : #{[name]} - #{[address]}
                #{foreach(#[child])}
                    <span>#{[item]}</span>
                #{end}
                #{foreach(#[array])}
                    <i>#{[_]}</i>
                #{end}
                
                #{for(var i=0;i<#var:totalPage;i++)}
                    <a href="/page/#{var:i}">page-#{var:i}</a>
                #{end}
            </li>
            #{end}
        </ul>
        #{end}
    </body>
</html>

PS: inline script must add ";" when needed !!!

features:

* simple syntax,type less , do more;
* cache template into mem, so run more faster;

syntax:

* variable define , set up local vars, it's different with replacement
    #{set(a=0)}  equal in javascript: var a = 0;
    #{var:a}
* single replacement
    #{replacement}   #var
* if else
    #{if(#replacement)} #{elseif(#replacement)} #{else} #{end}
* foreach
    #{foreach(#replacement)} #{end}
    replacement in foreach using #{[xxx]} , #[xxx]
    magic var : #{[-]} , #{[_]} , #{[%]}  // array index , array item , array length
* for
    #{for(var n=0;n<#total;n++)}
        page#{var:n}
    #{end}
* const
    #{const:xxx}
* expression
    #{(#a+1)} 
    #{(func(#a+1))}
* literal
    display content without syntax parse
    #{literal} 
    literal output , useful for inline-script in html
    #{literal}
* block
    define a code block
    #{block=test}
      //TODO your html code here , everything can be here
    #{blockend}
    invoke block
    #{block:test}

api:

* init(base,[const]);  init template base ,constants
* debug(bool); set debug
* reg(name,func); regist functions that called in the tpl
* constant(const); set constants
* preload(tpl); pre-compile the tpl file, and tpl will be cached ,so when cal render, no more compile;
* render(tpl,[data]); return string (usually  html code);

... to be contine

adapter to express connect 

Readme

Keywords

none

Package Sidebar

Install

npm i liteview

Weekly Downloads

12

Version

0.2.4

License

none

Last publish

Collaborators

  • fish