Lettuce开发框架怎么使用

这篇文章主要介绍“Lettuce开发框架怎么使用”，在日常操作中，相信很多人在Lettuce开发框架怎么使用问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”Lettuce开发框架怎么使用”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

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("<h4>{%=o.about%}</h4>", data);     document.getElementById("results").innerHTML = result; };  function what() {     var result = L.tmpl("<h4>{%=o.what%}</h4>", data);     document.getElementById("results").innerHTML = result; }  function why() {     var result = L.tmpl("<h4>{%=o.why%}</h4>", 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("<h4>" + this.message + "</h4>", 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开发框架怎么使用”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注亿速云网站，小编会继续努力为大家带来更多实用的文章！