https://github.com/shimondoodkin/nodejs-meta-templates

php-alike, double pass templates, 1) onload , 2) onuse , used in nodejs-mongodb-app see it as example
https://github.com/shimondoodkin/nodejs-meta-templates

Last synced: about 1 month ago
JSON representation

php-alike, double pass templates, 1) onload , 2) onuse , used in nodejs-mongodb-app see it as example

• Host: GitHub
• URL: https://github.com/shimondoodkin/nodejs-meta-templates
• Owner: shimondoodkin
• Created: 2010-06-25T13:44:17.000Z (over 14 years ago)
• Default Branch: master
• Last Pushed: 2010-09-30T21:11:18.000Z (over 14 years ago)
• Last Synced: 2024-10-19T22:55:22.679Z (3 months ago)
• Language: JavaScript
• Homepage:
• Size: 113 KB
• Stars: 5
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Meta templates / Double Template for Node.js

 

 I have checked many templates and not found a really stright forwared simple templets script.

 So i decided to write my own.

 

The idea is to have a template like php mixed with html.

A template that processed twice: 

* 1st time prepeared with static data 

* 2nd time - each time a request is made.

 The template is compiled at runtime when preloaded in to a simple javascript funciton. 

 My requirement was a minimal learning curve.

 The template is planed for nodejs to be prepeared once and used many times.

 I decided on `?>` tags for runtime part of the template.

 I decided on `<%%>` tags for prepeare part of the template.

### example template:

      hello  if(myvar) { ?>=myvar?> } else { ?> world }?>

 A complex template example with calling other template and recursion,

 A website with satic recusive menu and dynamic content in the center

     

      complex template example

      

       

           

             

             

             =content?>

             

             

             

              <%

               function print_menu(menu1)

               {

                var echo; //redefine local echo variable

                for(link in menu1)

                {

                 echo+='';

                 %>

                 


                  
=link.name?>

                  <%=print_menu(menu1)%>

                 

                 <%

                }

                return echo;

               }

               echo+=print_menu(menu); // echo is defined in the begining of the function 

                                       // and returned at the end of the function. 

              %>

             

           

       


      <%=this.templates.footer(vars); 

       // vars is an argument of the template function,  it is extracted at the begining of function.

       // it calls for other template , with same variable you have in this function

       // for more information see buildtemplate function below.

      %>

      

     

### to include in in nodejs I use:

      var te = require('doubletemplate');  //load double teplate module

or

      var loadtemplate=require('doubletemplate').loadtemplate; // only load template function

### example of using `parsedir` function:

      te.parsedir(__dirname+'/templates',this,{'app':app});

### example of using `loadfile` function:

      te.loadfile(__dirname+'/templates/filename.html',this,{'app':app},__dirname);

### in the code you can use:

      te.templates['subdir/filename.html'].call(this,{name:'your name'});

### example of using `loadtemplate` function:

      var mytemplate=te.loadtemplate(__dirname+'/templates/filename.html',this,{'app':app});

      mytemplate.call(this,{name:'your name'});

the code is in stright forward logic you can read it and understand how it works.

### todo:

* add managed templates = reload templates automaticaly

* to add parsing of first ; position for output shortcut tag to allow easier convertion to non bloking style if needed.  

* later I plan to rewrite it to support html paritials with sizzle css selector. like styling html with paritial html.

* later I plan to enhance the api and the module structure.

for now what is here is enought for me.

### common tricks solutions:

unclosed quotes in javascript may lead to show the source of the template in a full or in a paritial way.

if it tells you unexpected token ">" it might mean that there is a missing question mark "?" before it, and it is a part of "?>"

if you get a duplicate page header and footer like 3 to 8 times it might be becuse you have an extra spontaneous html  tag at the bottom, it is just becuase chrome randers it badly, chrome creates a new extra div tag similar to a one in that place, to createa an openning tag for the spontaneous close tag.

it might help to have a page object and app object, example will be added later as used in nodejs-mongo-app.

to load tampaltes on in the prepere strage. use .call to change the object of this of the function:

##

    templatefunction.call(newthis,{});  

the wrapper is a fun part of this templates system,

it allows adding a wraper and receive a solid function after the template is prepered.

and you can use it many times,

## example:

    <%

    this.load1('listgrid','paritials/listgrid.html'); // load a template

    

    echo+=this.listgrid({'app':app,'page':page,'model_name':'model1','model':model1,'cursor_name':'cursor1'}); // run loaded template

    

    echo=app.templates.admin.call(page,this._.replace(vars,{'content':echo}));  //this is a wrapper,

    

    // the result varibale called echo so you can play with it:

    // save it,clear it , acamulate again, change it , restore it appaned the changed ..., 

    // and so you have a wrapper. a good idea only use it in the preperaring step only.

    %>

by Shimon Doodkin, [email protected] http://github.com/shimondoodkin/nodejs-meta-templates