在恩伯尔有任何公约摘要吗?

时间:2016-11-17 06:01:55

标签: ember.js convention

我开始研究Ember.js 我知道一些惯例,如'application.hbs','index.hbs',但我不知道有哪些类型,有多少约定存在..

而且,当我搜索谷歌时,我得到了约定的名称。我认为Ember有太多的约定。我在哪里搜索谷歌?我已经从教程到词汇表阅读了https://guides.emberjs.com/v2.8.0/getting-started/quick-start/。但是......仍然不知道它是什么..

如果有人知道有关公约的任何摘要或任何网站,请帮助我。感谢。

1 个答案:

答案 0 :(得分:0)

路线和页面

Ember应用程序按页面组织(称为routes)。您的应用程序中的每个页面都有自己的路径,并且route.js以及page_name.hbs模板与其相关联。在模板中编写的任何HTML都只会在该页面上呈现。

您的申请也会有个人application.hbs。放在这里的任何内容都会在每个页面上呈现,因此您不必为导航栏之类的内容复制代码。

所有各种页面都映射到应用程序路由器(router.js)中的URL。以下是路线图的示例:

Router.map(function() {
    this.route('home', { path: '/' });
    this.route('page1', { path: '/pathToPage1' });
    this.route('page2', { path: '/pathToPage2' });
});

可选的Pod样式

不完全确定您的惯例是什么意思,但在最高级别,有两种广泛使用的方式来组织一个余烬应用程序。

  1. 默认情况下,ember会根据类型对应用程序文件进行分组 styles/文件夹中的所有样式,templates/中的模板 文件夹,components/templates/等中的组件模板

  2. 替代方法是使用pod-styles,其中 应用程序按组件组织(分组模板(.hbs), 样式(.css)和路由(.js))。请参阅这个很棒的教程 寻求帮助:http://www.programwitherik.com/ember-pods/

  3. enter image description here

    手柄模板

    Ember使用Handlebars templating library为UI提供支持,并用于声明组件,助手等。然而,Handlebars与HTML完美配合,并且可以在同一文件中使用这两种语言而不会发生冲突。< / p>