首頁猿問如果后臺要動態(tài)添加tab標(biāo)簽頁的個...

如果后臺要動態(tài)添加tab標(biāo)簽頁的個數(shù)以及每個頁面列表個數(shù)，前端應(yīng)該如何請求？

JavaScript

12345678_0001 2018-10-09 13:33:48

比如這個網(wǎng)站：http://www.chinatelecom.com.cn/1/這一塊的tab標(biāo)簽頁，它有：通信博覽，技術(shù)社區(qū)，招賢納士等五個標(biāo)簽。如果后臺動態(tài)發(fā)布的話，可以發(fā)布1個，2個，3個。。標(biāo)簽頁。2/每個標(biāo)簽頁下面的列表的個數(shù)也是動態(tài)發(fā)布的，比如通信博覽下面后臺人員發(fā)布可以發(fā)布3條列表，4條列表，5條列表。。3/如何限定最大的個數(shù)，假如后臺發(fā)布人員發(fā)布了7個標(biāo)簽頁，但是只顯示五個標(biāo)簽頁。發(fā)布了10條列表只顯示8條列表。這三種情況，前端應(yīng)該如何請求呢？對于動態(tài)的發(fā)布的問題不了解，以上是我個人的理解，不知道具體開發(fā)中這樣做是否合理，請教各位以上三個問題，謝謝。

查看完整描述

1 回答

當(dāng)年話下

TA貢獻(xiàn)1890條經(jīng)驗獲得超9個贊

首先，你給的這個網(wǎng)站，應(yīng)該是后臺模板直接編譯生成的html。

其次，你也可以選擇后臺模板編譯，或者用ajax前臺獲取都可以

后臺模板編譯
這個不多說，就跟前端模板差不多，直接獲取數(shù)據(jù)，編譯出來就好,比如我之前用過的freemarker

ajax獲取

這一塊的tab標(biāo)簽頁，它有：通信博覽，技術(shù)社區(qū)，招賢納士等五個標(biāo)簽。如果后臺動態(tài)發(fā)布的話，可以發(fā)布1個，2個，3個。。標(biāo)簽頁

后臺管理頁面動態(tài)發(fā)布，每添加一個標(biāo)簽，都會生成一個對應(yīng)標(biāo)簽的id。發(fā)布文章，也會map到這個標(biāo)簽的id下面。這些其實都是后臺開發(fā)考慮的問題，和前端沒有太大關(guān)聯(lián)
前端頁面打開以后，發(fā)送ajax先獲取標(biāo)簽列表，比如列表是這樣子的[{id:1, title: "通信博覽"}, {id:2, title: "技術(shù)社區(qū)"}, {id:3, title: "招賢納士"}]，然后你獲取這個列表，按照順序把內(nèi)容粘貼到標(biāo)簽欄上，可以把id也當(dāng)作一個屬性放到上面, <li data-id="1">通信博覽</li>

每個標(biāo)簽頁下面的列表的個數(shù)也是動態(tài)發(fā)布的，比如通信博覽下面后臺人員發(fā)布可以發(fā)布3條列表，4條列表，5條列表。。

頁面初始化的時候，或者點(diǎn)擊一個標(biāo)簽的時候，再發(fā)一個ajax，攜帶當(dāng)前標(biāo)簽的id，讓后臺給你提供當(dāng)前id標(biāo)簽下的內(nèi)容列表，然后把內(nèi)容一個個粘貼出來就好了。

如何限定最大的個數(shù)，假如后臺發(fā)布人員發(fā)布了7個標(biāo)簽頁，但是只顯示五個標(biāo)簽頁。發(fā)布了10條列表只顯示8條列表

這個其實不用前端來限制，可以直接告訴后臺寫死只給你幾個。比如你頁面上只需要5個，就只讓后臺給你發(fā)5個。
如果你的數(shù)量也是根據(jù)頁面動態(tài)定的，那么在發(fā)送ajax的時候，可以帶上需要的數(shù)量給后臺。也可以讓后臺把所有的發(fā)給你，你自己取前幾個就好。

反對回復(fù) 2018-11-15