在我之前的教程中,我介绍了如何使用Ember.Object来定义模型并使用数据集。在本节中,我们将更仔细地了解Ember如何使用Handlebars模板框架来定义应用的用户界面。
客户端模板
大多数服务器端开发人员习惯于使用模板来定义将动态填充的标记。如果您曾经使用过ASP.NET、ColdFusion、PHP或Rails,那么您肯定知道我在说什么。
JavaScript客户端模板最近确实开始流行,特别是因为它专注于构建更多类似桌面的体验。这意味着更多的处理是在客户端完成的,数据主要通过服务器端API请求拉取。
我记得不久前jQuery模板插件首次发布时写过有关客户端模板的文章。近三年后,它仍然是我博客上阅读量最大的帖子,表明人们对客户端模板的兴趣有多么高涨。从那时起,许多其他框架已经发布,提供了丰富的功能和支持社区。Handlebars是更流行的选项之一,也是Ember项目选择的框架来满足其模板需求。这是有道理的,因为Handlerbars是由Ember.js联合创始人兼核心团队成员YehudaKatz创建的。但请注意,我不打算在模板框架之间进行比较,我将严格关注Handelbars,因为这是Ember.js默认使用的。
在之前的文章中,我在代码中展示了一些非常基本的模板: