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开发框架怎么使用”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注创新互联网站，小编会继续努力为大家带来更多实用的文章！