此教程將分為三步完成CMS1.0的功能使用：分別是文章編輯發(fā)布、文章列表頁的綁定、文章詳情頁的綁定。學(xué)習(xí)它，你將學(xué)會(huì)學(xué)習(xí)如何通過意派Coolsite360后臺(tái)內(nèi)容管理模塊，來編寫發(fā)布內(nèi)容、完成博客、新聞等動(dòng)態(tài)內(nèi)容發(fā)布。

文章制作發(fā)布

1.首先在返回工作臺(tái)，在左側(cè)導(dǎo)航欄找到內(nèi)容管理。

2.鼠標(biāo)懸停在all分組上點(diǎn)擊新建分類的可創(chuàng)建新的分組（綁定后顯示是分組里的文章）。這里分組默認(rèn)用all。

3.點(diǎn)擊創(chuàng)建新內(nèi)容可創(chuàng)建一篇未發(fā)布的文章。

4.鼠標(biāo)移動(dòng)文章列表上，點(diǎn)擊編輯按鈕可進(jìn)入文本編輯器。下圖CMS1-2。

 

CMS1.0的文本編輯器如下圖：

 

4.編輯好文章后點(diǎn)擊右下角保存按鈕。

5.對(duì)文章進(jìn)行發(fā)布即可。 

文章列表頁的綁定

1.在編輯器內(nèi)左側(cè)功能模塊找到支持CMS1.0的組件。這里以文章列表-兩欄為例 。

 

2.在CMS模塊的菜單欄點(diǎn)擊數(shù)據(jù)綁定按鈕，在右側(cè)面板的添加內(nèi)容源選擇在工作臺(tái)制作好的文章分組——all.

 

3.這時(shí)保存預(yù)覽看看效果。（預(yù)覽才能生效）。

 

4.如果顯示結(jié)果是工作臺(tái)的文章列表標(biāo)題封面就綁定成功了。 文章詳情頁的綁定

 上面只是綁定了文章的封面、標(biāo)題等。下面給大家介紹怎么點(diǎn)擊上面的封面、標(biāo)題能夠詳細(xì)展示文章的一個(gè)頁面。

1.在編輯器的左側(cè)面板找到頁面，點(diǎn)擊后選擇添加新頁面新建命名，如：頁面2。 

 

 

2.在左側(cè)功能模塊找到CMS1.0所用的文章詳細(xì)頁模版，選擇插入到頁面2中。

 

3.返回index頁面中設(shè)置綁定，對(duì)剛才已經(jīng)綁定數(shù)據(jù)的文章列表-兩欄組件再綁定詳細(xì)頁，在右側(cè)面板的綁定內(nèi)容模版選擇內(nèi)容模版頁面2。

 

4.保存后預(yù)覽如下所示：

 

 以上就完成CMS1.0的使用流程，你只需要在工作臺(tái)編輯發(fā)布文章，就可以在網(wǎng)站上實(shí)時(shí)看見啦！以下是CMS1.0的視頻配套教程。方便大家學(xué)習(xí)和參考。

http://m.hupochang.cn/resources/coursecontent/5a0b11a36c85695735fe407c/