Lettuce开发框架怎么使用
这篇文章主要介绍“Lettuce开发框架怎么使用”,在日常操作中,相信很多人在Lettuce开发框架怎么使用问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Lettuce开发框架怎么使用”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
创新互联专注于企业营销型网站、网站重做改版、光明网站定制设计、自适应品牌网站建设、H5页面制作、购物商城网站建设、集团公司官网建设、成都外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为光明等各大城市提供网站开发制作服务。
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();
简单视图
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;
到此,关于“Lettuce开发框架怎么使用”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!
分享题目:Lettuce开发框架怎么使用
本文URL:http://pwwzsj.com/article/jdpidi.html