emberjs--目錄結構

emberjs一個工程能夠建立多個目錄，可是咱們須要編輯的只有那麼幾個。

routes：對於頁面進行初始化，數據加載等；
controllers：對於事件進行監聽，處理後臺請求等；
templates：頁面管理，以.hbs文件命名，至關於html+css

打開http://localhost:4200
welcome to ember js加載的頁面爲application.hbs

<h2 id="title">Welcome to Ember.js</h2> {{outlet}}

ember會將applicaton.hbs首先加載到前臺，{{outlet}}是其餘頁面當中的html代碼，而後根據請求的地址進行加載其餘的頁面，因新工程當中未建立頁面，因此沒有加載。

在新工程當中新建一個hbs文件
ember g route app
以上命令能夠建立一個名爲app.hbs的文件在templates當中以及一個app.js在routes當中

關於ember如何建立template，route，controller，能夠用ember help進行查看

在新建立的app.hbs當中，寫入如下代碼：

<h2 id="title">Hello World</h2>

ember自動刷新頁面，並將app.hbs裏面的html放入到application.hbs的{{outlet}}當中。

說明：
最好不要使用新建文件的方式來建立route,template或controller。用ember建立的文件會在route.js當中添加相應的目錄結構。

import Ember from 'ember';
import config from './config/environment';

var Router = Ember.Router.extend({
  location: config.locationType
});

export default Router.map(function() {
  this.route('app');
});

this.route(‘app’); 是ember自動建立的。