最新英超积分榜排名-今日足球比赛预测比分-手机上怎么买足球-门球比赛|www.hupochang.cn

自助建站、網(wǎng)頁(yè)設(shè)計(jì)教程

通過(guò)學(xué)習(xí)路線(xiàn)圖,零基礎(chǔ)學(xué)習(xí)專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)、小程序UI設(shè)計(jì)技巧,成就網(wǎng)頁(yè)設(shè)計(jì)高手。

CMS1.0—列表

列表與網(wǎng)格組件功能相同,都是動(dòng)態(tài)應(yīng)用,每個(gè)列表項(xiàng)與后臺(tái)動(dòng)態(tài)內(nèi)容綁定,只需要對(duì)第一個(gè)單元格添加內(nèi)容、樣式、數(shù)據(jù)綁定,其他的會(huì)自動(dòng)生成綁定。這節(jié)我們將重點(diǎn)介紹這個(gè)組件的基本用法及具體功能。 

列表可以綁定文章的封面、說(shuō)明等,點(diǎn)擊每一項(xiàng)后能跳轉(zhuǎn)打開(kāi)對(duì)應(yīng)文章詳情頁(yè)。

首先點(diǎn)擊網(wǎng)格列表來(lái)到元素設(shè)定面板

1.列設(shè)定

可以通過(guò)列設(shè)定快速的完成網(wǎng)格列表布局。

.

2.動(dòng)態(tài)列表設(shè)定

可以設(shè)置要?jiǎng)討B(tài)顯示的數(shù)量及是否分頁(yè)顯示。

3.內(nèi)容屬性模版

這里可設(shè)置綁定的類(lèi)型,和CMS內(nèi)容的屬性相對(duì)應(yīng),比如綁定類(lèi)型為文章,CMS1.0只能綁定文章類(lèi)型。

 將文章的結(jié)構(gòu)和網(wǎng)格列表的元素一一綁定,

左邊紅框?qū)?yīng)網(wǎng)格結(jié)構(gòu)

右邊黃框?qū)?yīng)CMS文章結(jié)構(gòu)。

點(diǎn)擊黃框的下拉列表選擇對(duì)應(yīng)的類(lèi)型即可將該文章綁定給網(wǎng)格列表。

4.添加內(nèi)容源

 內(nèi)容源就是CMS1.0內(nèi)的文章,點(diǎn)擊可選擇你預(yù)先在工作臺(tái)CMS設(shè)定的文章分類(lèi)。

右側(cè)?按鈕可跳轉(zhuǎn)到CMS管理,刷新按鈕可刷新CMS文章。

選擇對(duì)應(yīng)的分類(lèi)。

5.內(nèi)容模版

內(nèi)容模版是一個(gè)新的頁(yè)面。主要用來(lái)展示文章正文部分的頁(yè)面

新建一個(gè)空白頁(yè)面來(lái)展示文章詳情頁(yè)。

在空白頁(yè)里插入內(nèi)容模版。如插入預(yù)設(shè)模塊已有的內(nèi)容模版模塊。

 

這時(shí),在綁定內(nèi)容模版選項(xiàng)里會(huì)出現(xiàn)剛才建立的頁(yè)面,

選擇后即可完成點(diǎn)擊網(wǎng)格列表跳轉(zhuǎn)文章詳情頁(yè)的設(shè)定。

 

提交成功,謝謝反饋!

請(qǐng)完整填寫(xiě)表單的信息后,再進(jìn)行提交!