W3Cschool
恭喜您成為首批注冊用戶
獲得88經驗值獎勵
本篇之前的6篇文章都是第一章的內容,這一章節(jié)主要介紹了Ember
的對象模型。其中最重要的是計算屬性和枚舉這2章,非常之重要,一定要好好掌握!
下一章節(jié)是第二章模板,Ember
應用使用的模板庫是handlebar
(點我查看更多有關此模板的介紹),這個模板庫功能強大,有豐富的標簽,包括判斷標簽if
,if else
,以及遍歷標簽each
等等。
另外,從下一章開始,我們不再自己手動搭建Ember
項目,也不用手動引入Ember
庫文件,而是使用官方提供的一個非常棒的構建工具——Ember CLI
,要使用這個構建工具首先安裝并配置。下面兩個地址是介紹安裝與配置的(推薦第一個):
Ember CLI
是一個非常重要的構建工具,它可以為開發(fā)者創(chuàng)建文件并初始化部分固定的代碼。它還可以運行、打包、測試Ember
應用。
下面使用這個工具創(chuàng)建一個新的Ember
項目chapter2_tempalte
。
ember new chapter2_tempalte
cd chapter2_template
ember server
如果項目創(chuàng)建成功你可以繼續(xù)往下看,如果項目創(chuàng)建不成功請重試,因為后面的代碼都基于這個項目來演示的!??!對于創(chuàng)建項目后得到的每個文件和目錄請你看官網文檔,上面會有非常詳細的說明。為了方便懶人在此就簡單介紹其中幾個很重要的文件和目錄:
目錄 | 說明 |
app | 項目的主要代碼都是放在這個目錄下 |
app/controllers | 存放C(MVC)層(controller)的代碼文件 |
app/helpers | 存放自定義的helper代碼文件 |
app/models | 存放M(MVC)層(model)代碼文件 |
app/routes | 存放項目路由設置代碼文件 |
app/templates | 存放項目模板代碼文件 |
bower_components | 存放使用bower命令安裝的第三方插件庫 |
bower.json | 保存使用bower命令安裝的第三方庫的配置 |
package.json | 保存使用npm命令安裝的第三方庫的配置 |
node_modules | 存放使用npm命令安裝的第三方插件庫 |
ember-cli-build.js | 設置構建規(guī)范,引入第三方庫 |
dist | 存放編譯打包后的項目文件,可以直接復制到服務器中運行 |
上述這些文件或者目錄是后面開發(fā)過程經常會用到,相對其他目錄和文件來說這些目錄和文件是很重要的,只要你是使用ember new appName
命令生成的項目都會包括上述這些目錄或者文件。其中最重要的就是app
目錄下的文件、目錄了,從app
里面的目錄結果你就可以很清楚的看到這是個MVC
框架的項目。Ember
之所以能找到controller
對應的template
也是根據目錄和文件的名稱找到的,Ember
是有自己的一套命名規(guī)則的,如果你想了解更多有關信息請移步folder-layout。
搭好環(huán)境之后開始我們的Ember
之旅吧?。?!
博文完整代碼放在Github(博文經過多次修改,博文上的代碼與github代碼可能又出入,不過影響不大!),如果你覺得博文對你有點用,請在github項目上給我點個star
吧。您的肯定對我來說是最大的動力??!
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯系方式:
更多建議: