简约不简单的移动开发框架Lettuce
Lettuce是一个小巧而有力的移动开发框架。本文简要介绍了Lettuce的示例,并放出了代码供大家下载使用。
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();过程
简单视图
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
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
【简约不简单的移动开发框架Lettuce】相关文章
4. Sencha Touch 2 开发者预览版发布,基于HTML5的移动应用框架
5. Ionic - 先进的 HTML5 移动开发框架和 SDK
9. 通过Ionic构建一个简单的混合式(Hybrid)跨平台移动应用
10. Letter Pile
本文来源:https://www.51html5.com/a80.html
﹝简约不简单的移动开发框架Lettuce﹞相关内容
- 15个基于HTML5清爽简约风格的创意网站欣赏
- 为什么越简单的技术对于开发人员越难
- 强大的 HTML5 Mobile App 开发框架
- Motorola发布企业级HTML5移动应用开发框架
- HTML5移动应用开发框架 Mobello
- 一个HTML5移动Web开发框架 - Lungo.js
- ADOBE CS5.5 最简单的破解版
- 用绳子原理制作的一款简单的html5小游戏
- 简单的HTML5 Web Storage留言册
- 利用HTML5与jQuery技术创建一个简单的自动表单完成