Made-View
Getting Started
module's short-class will transform automatic, class will become sid + class. sid generate use made-id.
module's id will become sit + instance + id.
more case please read test/index.js
Language Reference
doctype
doctype html
tags
ulli Item Ali Item Bli Item C
attributes
a(href='http://google.com') Googlea(href='http://mail.com'title='Mail') Link to Mail
extend
extend(name={first: 'simon',last: 'hao'}mobile='my phone : #{mobile}'desc='this is #{desc}'keywords=['web', 'code']) layout.jadereplace headerheader Headerprepend mainmain Mainappend footerfooter Footer
include
div.persondiv.name Madediv.age 24include(like=tea, name='#{author}') desc.jade:topdiv.descinclude(like=eat, name='#{name}') desc.jade:bottom
conditionals
if person.age === 1div Maleselse if person.age === 2div Femaleselsediv God
case
case countwhen 0div Zerowhen 1div Onedefaultdiv NaN
code
- for(var i = 0; i < 5; i++){- console.log(i)- }
API
Install
npm install made-view
Options
var options =basedir: 'module_base_dir' //模块相对的根目录,一般来说为工程的src目录filename: filename //模块文件名entry: 'view.jade' //模块的入口文件ext: '.jade' //模块的默认扩展名instance: '' //模块的实例名;
Transform
//转换属性{return 'http://' + server_name + server_path + val + md5;}
Compile
var made_view = ;var fs = ; var filename = 'module_path';var str = fs; var options = basedir: 'module_base_dir' filename: filename entry: 'view.jade' ext: '.jade' instance: 'top'; var transform = { return 'http://' + server_name + server_path + val + md5; };//预编译 var render = made_view; var render = made_view; var html = ; //编译为客户端版本 var js = made_view;var js = made_view; //js为一个函数,第一个参数即为需要传递的参数