Ember 第一章對(duì)象模型小結(jié)

本篇之前的6篇文章都是第一章的內(nèi)容，這一章節(jié)主要介紹了Ember的對(duì)象模型。其中最重要的是計(jì)算屬性和枚舉這2章，非常之重要，一定要好好掌握！

下一章節(jié)是第二章模板，Ember應(yīng)用使用的模板庫是handlebar（點(diǎn)我查看更多有關(guān)此模板的介紹），這個(gè)模板庫功能強(qiáng)大，有豐富的標(biāo)簽，包括判斷標(biāo)簽if，if else,以及遍歷標(biāo)簽each等等。

另外，從下一章開始，我們不再自己手動(dòng)搭建Ember項(xiàng)目，也不用手動(dòng)引入Ember庫文件，而是使用官方提供的一個(gè)非常棒的構(gòu)建工具——Ember CLI，要使用這個(gè)構(gòu)建工具首先安裝并配置。下面兩個(gè)地址是介紹安裝與配置的（推薦第一個(gè)）：

1. http://www.ember-cli.com/user-guide/
2. https://guides.emberjs.com/v2.4.0/getting-started/

Ember CLI是一個(gè)非常重要的構(gòu)建工具，它可以為開發(fā)者創(chuàng)建文件并初始化部分固定的代碼。它還可以運(yùn)行、打包、測(cè)試Ember應(yīng)用。

下面使用這個(gè)工具創(chuàng)建一個(gè)新的Ember項(xiàng)目chapter2_tempalte。

1. 新建項(xiàng)目命令: ember new chapter2_tempalte
2. 進(jìn)入項(xiàng)目目錄并啟動(dòng)服務(wù)器： cd chapter2_template
ember server
3. 運(yùn)行項(xiàng)目，瀏覽器打開這個(gè)鏈接：http://localhost:4200/，如果你能看到如下信息說明安裝成功了。

如果項(xiàng)目創(chuàng)建成功你可以繼續(xù)往下看，如果項(xiàng)目創(chuàng)建不成功請(qǐng)重試，因?yàn)楹竺娴拇a都基于這個(gè)項(xiàng)目來演示的?。?！對(duì)于創(chuàng)建項(xiàng)目后得到的每個(gè)文件和目錄請(qǐng)你看官網(wǎng)文檔，上面會(huì)有非常詳細(xì)的說明。為了方便懶人在此就簡單介紹其中幾個(gè)很重要的文件和目錄：

上述這些文件或者目錄是后面開發(fā)過程經(jīng)常會(huì)用到，相對(duì)其他目錄和文件來說這些目錄和文件是很重要的，只要你是使用ember new appName命令生成的項(xiàng)目都會(huì)包括上述這些目錄或者文件。其中最重要的就是app目錄下的文件、目錄了，從app里面的目錄結(jié)果你就可以很清楚的看到這是個(gè)MVC框架的項(xiàng)目。Ember之所以能找到controller對(duì)應(yīng)的template也是根據(jù)目錄和文件的名稱找到的，Ember是有自己的一套命名規(guī)則的，如果你想了解更多有關(guān)信息請(qǐng)移步folder-layout。

搭好環(huán)境之后開始我們的Ember之旅吧?。?！
博文完整代碼放在Github（博文經(jīng)過多次修改，博文上的代碼與github代碼可能又出入，不過影響不大?。绻阌X得博文對(duì)你有點(diǎn)用，請(qǐng)?jiān)趃ithub項(xiàng)目上給我點(diǎn)個(gè)star吧。您的肯定對(duì)我來說是最大的動(dòng)力??！