Ember——在构建Ember应用程序时，咱们会使用到六个主要部件：应用程序（Application）、模型（Model）、视图（View）、模板（Template）、路由（

在构建Ember应用程序时，咱们会使用到六个主要部件：

模板（Template）、应用程序（Application）、视图（View）、路由（Routing）、控制器（Controller）和模型（Model）。

第一步：建立index.html页面

第二步：模板（Handlebars）

它让开发人员能够混合原始HTML和Handlebars表达式生成渲染相应的HTML；表达式以包括在{{}}中，咱们能够经过两种方法把 Handlebars模板加载到页面中

第三步：应用程序（Application）

每一个Ember应用程序都须要一个Ember应用程序实例，接下来让咱们在app.js中建立第一个Ember应用程序实例吧！

其实，这里有个“潜规则”：若是咱们没有定义ApplicationView（应用程序 视图），那么Ember会自动生成一个 ApplicationView而且默认加载名为application的模板，假设，咱们把模板重命名为application1，那么默认的 ApplicationView将找不到要加载的模板。

固然，咱们也能够经过定义ApplicationView来指定须要加载的模板名称，具体实现如

第四步：路由（Routing）

{{outlet}}的内容是根据路由选择后，动态获取的模板内容

它能够帮助管理应用程序的状态和用户导航所需资源的资源；当咱们的应用程序启动时，路由是负责显示模板，加载数据，以及管理应用程序的状态。

上面，咱们定义了两个路由分别是：应用程序的全局路由home和employee，在index页面进行加载同时访问home路由的模板，数据和应用程序状态；

而employee路由将根据employee_id访问每一个一个员工的基本信息。

接下来，咱们定义home模板，具体实现以下：

使用了each表达来迭代访问employeeInfo对象中的元素，这时咱们又有一个疑问了，那就是employeeInfo对象从哪里获取呢？

第五步：控制器Controller

Controller负责从Model中获取数据，而后经过模板加载显示，那么咱们能够经过显市定义Controller   来获取数据，若是咱们不定义的话，Ember会自动生成一个HomeController。

上面，咱们自定义了HomeController而且初始化了employeeInfo数组，如今咱们刷新一下index页面。

 

第六步：模型（Model）

模型是一个用来表示应用程序数据的对象，它多是一个简单的数组或经过RESTful API动态检索的数据；

ember-data.js为每一个应用程序都提供存储空间，存储空间负责保持已加载的Model和检索还未加载的Model。

建立程序的模型（实体）Employee，接下来咱们将实现模型的定义。

定义了Employee模型，它继承了DS.Model而且包含三个字段分别是name，department和title。

接下来，咱们经过定义App.Employee.FIXTURES，模拟从服务器端获取数据。