MobileFramework:简约不简单的移动开发框架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("
{%=o.about%}
", data); 
  
  
  
  
    document.getElementById("results").innerHTML = result; 
  
  
  
  
}; 
  
  
  
  
 
  
  
  
  
function what() { 
  
  
  
  
    var result = L.tmpl("
{%=o.what%}
", data); 
  
  
  
  
    document.getElementById("results").innerHTML = result; 
  
  
  
  
} 
  
  
  
  
 
  
  
  
  
function why() { 
  
  
  
  
    var result = L.tmpl("
{%=o.why%}
", 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("
" + this.message + "
", 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.

当前标题：MobileFramework:简约不简单的移动开发框架Lettuce
文章地址：http://www.csdahua.cn/qtweb/news31/428781.html

网站建设、网络推广公司-快上网，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 快上网