一、什么是下載列表組件？

下載列表組件實(shí)現(xiàn)所有下載文件的分頁列表展示。下載列表組件是一個(gè)在網(wǎng)頁上展示部分或所有下載文件的模塊，支持分頁展示，在下載系統(tǒng)中上傳的文件需要通過下載列表組件在頁面上展示出來，展示風(fēng)格多種多樣。

下載列表組件一般應(yīng)用在系統(tǒng)頁面中的下載列表頁面上，展示所有的下載文件，帶分頁功能，可以在組件中靈活設(shè)置下載列表展示的字段項(xiàng)和字段順序。

二、如何使用下載列表組件？

1、如何查看下載列表組件是否已經(jīng)存在？

系統(tǒng)頁面“下載頁面”中的下載列表頁面通常已經(jīng)添加好了一個(gè)下載列表組件，直接根據(jù)需要對(duì)這個(gè)組件進(jìn)行相應(yīng)操作就可以。

像首頁或其它頁面需要顯示下載文件供用戶下載，就需要先添加一個(gè)下載列表組件。這就需要我們先學(xué)會(huì)查看要設(shè)置的組件是否已經(jīng)存在了，如何查看某一塊內(nèi)容是使用什么組件制作的？如果不存在，就需要先添加這個(gè)組件。

2、如何添加下載列表組件？

在頁面上添加組件的方法都是一樣的，單擊查看如何添加組件？

添加的組件名稱為“下載列表”，如下圖所示：

3、如何設(shè)置下載列表組件？

3.1 進(jìn)入組件的“設(shè)置”分兩種場(chǎng)景

1）此組件已經(jīng)添加好的場(chǎng)景：進(jìn)入所有這類組件設(shè)置項(xiàng)方法都是一樣的，可以參考這個(gè)攻略：如何進(jìn)入組件的設(shè)置項(xiàng)？

2）新添加的組件的場(chǎng)景：在添加此組件時(shí)會(huì)彈出這個(gè)組件的的設(shè)置話框。

3.2 在組件的設(shè)置中可以設(shè)置組件展示的“內(nèi)容”

組件標(biāo)題：即下載列表組件的標(biāo)題，若輸入，就會(huì)顯示，若不輸入，組件標(biāo)題欄就不會(huì)出現(xiàn)；

請(qǐng)選擇下載分類下的文件：可根據(jù)需要選擇所有下載分類和部分下載分類；

下載列表的字段配置：可根據(jù)需要勾選要顯示的字段，系統(tǒng)字段有：文件名稱、摘要、文件大小、下載次數(shù)、更新時(shí)間、分類、縮略圖、復(fù)制下載鏈接。也可以勾選顯示自定義的字段。

字段排序：可以用鼠標(biāo)左鍵按住字段排列字段顯示的順序。

3.3 在組件的設(shè)置中可以設(shè)置組件的“高級(jí)”功能

分頁展示：可以設(shè)置列表是否分頁；

每頁文件數(shù)量：可以設(shè)置每頁顯示的文件數(shù)量；

分頁刷新方式：頁面全局刷新URL變化，即單擊不同分頁時(shí)，是全局刷新，頁面URL會(huì)發(fā)生變化，有利于SEO，缺點(diǎn)是頁面加在速度會(huì)稍慢；頁面局部刷新URL不變，即單擊不同分頁時(shí)，是局部刷新，頁面URL不變，頁面打開速度會(huì)稍快，跟第1種比對(duì)SEO效果欠佳。

下載列表排序方式：文件的排序方式有：根據(jù)修改日期降序或升序、按照下載次數(shù)降序或升序、按下載分類名稱降序或升序。根據(jù)需要設(shè)置即可。

PDF文件下載方式：支持先在線預(yù)覽再下載和直接下載兩種方式，根據(jù)需要選擇一個(gè)即可。

3.4 在組件的設(shè)置中可以設(shè)置組件內(nèi)容的“風(fēng)格”

選擇展示風(fēng)格：下載文件的展示風(fēng)格，可以根據(jù)需要選擇；

分頁按鈕選中顏色：如果支持展示分頁，此選項(xiàng)就會(huì)出現(xiàn)，可以設(shè)置選中分頁時(shí)此分頁按鈕顯示的顏色；

分頁位置：支持設(shè)置分頁按鈕組件中顯示的相對(duì)位置，有居左、居中、居右三個(gè)選項(xiàng)。

4、保存、預(yù)覽、發(fā)布

設(shè)置好以上內(nèi)容以后要單擊頁面右上角的“保存”按鈕，目的是把此修改保存到網(wǎng)站后臺(tái)；

然后可以單擊“預(yù)覽”按鈕查看不同終端下展示的效果，如果不合適可以到后臺(tái)再做修改；

如果需要讓訪客也看到，請(qǐng)單擊頁面右上角的“發(fā)布”按鈕，發(fā)布之后稍等兩分鐘左右即可看網(wǎng)站前臺(tái)展示效果。

根據(jù)需要還可以對(duì)這個(gè)組件做以下操作，具體請(qǐng)單擊以下鏈接了解。

5、單擊查看如何編輯組件的樣式？

組件的“編輯樣式”功能主要可以編輯此組件的以下內(nèi)容：組件背景、組件邊框、組件邊距、文字字號(hào)、顏色等，根據(jù)需求選擇使用；

組件的“編輯樣式”功能操作入口：所有組件的“編輯樣式”功能操作入口都是一樣的，具體操作方法請(qǐng)單擊查看如何編輯組件的樣式？

6、單擊查看如何應(yīng)用組件？

通過組件的“應(yīng)用組件”功能，可以將當(dāng)前頁面的組件應(yīng)用到其他頁面上，因?yàn)樵砩纤鼈兪峭粋€(gè)組件，所以在任何被應(yīng)用到的頁面上編輯/刪除組件時(shí)，被應(yīng)用的頁面會(huì)一起變化，這個(gè)是“應(yīng)用組件”和“復(fù)制組件”最本質(zhì)的區(qū)別。此功能經(jīng)常用于面包屑導(dǎo)航、產(chǎn)品分類組件、文章分類組件等。被應(yīng)用過去的組件會(huì)出現(xiàn)在頁面的最底端，可以用鼠標(biāo)左鍵按住組件名稱拖動(dòng)到需要的位置；

組件的“應(yīng)用組件”功能操作入口：所有組件的“應(yīng)用組件”功能操作入口都是一樣的，具體操作方法請(qǐng)單擊查看如何應(yīng)用組件？

7、單擊查看如何刪除組件？

如果確定不需要這個(gè)組件了，可以通過“刪除組件”按鈕把此組件刪除掉，被刪除的組件會(huì)默認(rèn)放到組件回收站中。

組件的“刪除組件”功能操作入口：所有組件的“刪除組件”功能操作入口都是一樣的，具體操作方法請(qǐng)單擊查看如何刪除組件？

8、單擊查看如何恢復(fù)組件？

如果需要恢復(fù)已經(jīng)刪除的組件，可以到組件回收站中，找到對(duì)應(yīng)的組件，然后執(zhí)行【還原】操作，即可恢復(fù)此組件到原有的頁面上，通常會(huì)位于頁面的最底端。

恢復(fù)組件的操作入口：所有組件的恢復(fù)功能操作入口都是一樣的，具體請(qǐng)單擊查看如何恢復(fù)組件？

三.組件優(yōu)化

1.下載列表組件新增一種風(fēng)格  （2018-04-19新增此風(fēng)格）

（1）新增風(fēng)格的應(yīng)用場(chǎng)景：用戶希望在網(wǎng)站上為訪客提供下載資料時(shí)，可以選擇這款新增的下載列表風(fēng)格。

（2）使用此風(fēng)格之后的效果

2.下載列表組件文件下載增加先填寫表單資料才能下載文件的功能；  （2017-12-14優(yōu)化）

 （1）新增功能應(yīng)用場(chǎng)景：相比密碼訪問下載和會(huì)員注冊(cè)下載，填寫表單資料下載可以看到具體哪些人提交資料下載了文件，能夠較及時(shí)地對(duì)文件下載請(qǐng)求做出反應(yīng)，減少繁瑣的過程，節(jié)約時(shí)間。

 （2）操作方法：

3.下載列表組件更多鏈接新增nofollow功能；  （2017-6-1優(yōu)化）

（1）新增功能應(yīng)用場(chǎng)景：分頁鏈接加上nofollow標(biāo)簽，避免分散當(dāng)前頁面的權(quán)重，在SEO方向做的更細(xì)致；

（2）新增功能操作方法：