浅谈对Mustache的学习情况

最新推荐文章于 2023-07-23 12:42:15 发布

weixin_34381666

最新推荐文章于 2023-07-23 12:42:15 发布

阅读量134

点赞数

CC 4.0 BY-SA版权

文章标签：移动开发测试前端 ViewUI

原文链接：https://my.oschina.net/u/205358/blog/122757

本文详细介绍了Mustache模板库的基本使用方法，包括如何将数据与HTML页面分离，并通过示例展示了如何在前端MVC模型开发中应用。同时，文章还探讨了与Backbone框架的潜在整合方式，为开发者提供了一种新的开发思路。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

Mustache

下载： https://github.com/janl/mustache.js/

Mustache是一个模板库，用起来非常的简单

它可以很好的把数据，html页面分开，然后就是进行页面分割来，进行前端MVC模型开发来，加上框架backbone的MVC功能，前端就可以进行MVC模型开发了。

现在我简单地讲解下我今日对Mustache的学习情况

一个简单的例子：

var person = {
    firstName: "Christophe",
    lastName: "Coenraets",
    blogURL: "http://coenraets.org"
};
var template = "<h1>{{firstName}} {{lastName}}</h1>Blog: {{blogURL}}";
var html = Mustache.to_html(template, person);
$('#sampleArea').html(html);

输入出结果：