Lettuce是一个小巧而有力的移动开发框架。
在线demo:http://phodal.github.io/lettuce.
示例
1.新建实例
- var L = new lettuce();
2.定义数据
- var data = {
- about: "Template",
- what: "This about A Mobile Framework For Romantic",
- why: "Why is a new Framework"
- };
3.创建router功能
- function about() {
- var result = L.tmpl("<h3>{%=o.about%}</h3>", data);
- document.getElementById("results").innerHTML = result;
- };
- function what() {
- var result = L.tmpl("<h3>{%=o.what%}</h3>", data);
- document.getElementById("results").innerHTML = result;
- }
- function why() {
- var result = L.tmpl("<h3>{%=o.why%}</h3>", data);
- document.getElementById("results").innerHTML = result;
- }
4.添加router
- L.Router
- .add(/#about/, about)
- .add(/#what/, what)
- .add(/#why/, why)
- .load();
过程
Done
- Template
- Router
- Ajax
- Class
- Promise
- Event
On Going
- Model
简单视图
- var pageView = function(){};
- pageView.prototype = {
- init:function(){
- var result = L.tmpl("<h3>" + this.message + "</h3>", data);
- document.getElementById("results").innerHTML = result;
- }
- };
- var about = new L.Class(pageView);
- about.prototype.message = data.about;
- var what = new L.Class(pageView);
- what.prototype.message = data.what;
- var why = new L.Class(pageView);
- why.prototype.message = data.why;
许可
此代码是在MIT许可下发布。看到这个目录license.txt。
github:https://github.com/phodal/lettuce
© 2015 Phodal Huang.