網(wǎng)站建設(shè)后臺(tái)的多頁(yè)簽功能怎么使用（二）？
- 作者：新網(wǎng)
- 來(lái)源：新網(wǎng)
- 瀏覽：100
- 2018-02-22 18:05:59
網(wǎng)站建設(shè)后臺(tái)的多頁(yè)簽功能怎么使用？本文就從多頁(yè)簽的制作過(guò)程、菜單打開(kāi)頁(yè)簽及頁(yè)面來(lái)為大家作出詳細(xì)解析。
網(wǎng)站建設(shè)后臺(tái)的多頁(yè)簽功能怎么使用?本文就從多頁(yè)簽的制作過(guò)程、菜單打開(kāi)頁(yè)簽及頁(yè)面來(lái)為大家作出詳細(xì)解析。
<
div>3. 制作過(guò)程
3.1 準(zhǔn)備三個(gè)中繼器
在畫(huà)布上拖入三個(gè)中繼器，分別命名為“菜單”、“頁(yè)簽”、“頁(yè)面”，并參照下面步驟進(jìn)行設(shè)置。
(1)設(shè)置“菜單”中繼器
設(shè)置中繼器的列為“id”(其值需要具有唯一性)，“menu”(存儲(chǔ)菜單名稱)和“url”(存儲(chǔ)菜單指向的頁(yè)面鏈接)并添加一些自定義數(shù)據(jù)，中繼器中自帶的“矩形”元件樣式請(qǐng)自行設(shè)置。修改中繼器的“每項(xiàng)加載時(shí)”用例。
(2)設(shè)置“頁(yè)簽”中繼器
設(shè)置中繼器的列為“id”和“menu”，并清空自帶的數(shù)據(jù)，中繼器中自帶的“矩形”元件樣式請(qǐng)自行設(shè)置，修改中繼器的“每項(xiàng)加載時(shí)”用例。
(3)設(shè)置“頁(yè)面”中繼器
設(shè)置中繼器的列為“id”，“url”和“sort”(存儲(chǔ)排序序號(hào))，清空自帶數(shù)據(jù)，保留一個(gè)空白行(或在url中定義一個(gè)初始頁(yè)面)，刪除中繼器中的矩形，并拖入一個(gè)內(nèi)聯(lián)框架，修改中繼器的“每項(xiàng)加載時(shí)”用例，修改中繼器的分頁(yè)樣式(多頁(yè)顯示，每頁(yè)項(xiàng)目數(shù)1)。
3.2 實(shí)現(xiàn)點(diǎn)擊菜單打開(kāi)頁(yè)簽及頁(yè)面
回到“菜單”中繼器中，在“矩形”元件上設(shè)置“鼠標(biāo)單擊時(shí)”用例，分別向中繼器“頁(yè)簽”和“頁(yè)面”中插入一行數(shù)據(jù)。“頁(yè)簽”中繼器中插入的是當(dāng)前菜單的“id”和“menu”，以便新增的頁(yè)簽可以顯示菜單的名稱，“頁(yè)面”中繼器中插入的是當(dāng)前菜單的“id”和“url”，以便新增的頁(yè)面可以在其內(nèi)聯(lián)框架中顯示菜單對(duì)應(yīng)的頁(yè)面。
這時(shí)候我們可以預(yù)覽一下原型，當(dāng)你點(diǎn)擊菜單時(shí)，你會(huì)發(fā)現(xiàn)：頁(yè)簽不斷向后增加，而頁(yè)面并沒(méi)有顯示(或者只顯示了第一個(gè)菜單對(duì)應(yīng)的頁(yè)簽，之后的就不再顯示)，沒(méi)關(guān)系，我們現(xiàn)在總結(jié)一下原型存在的問(wèn)題，然后在接下來(lái)的步驟中逐一解決。
其實(shí)這里會(huì)出現(xiàn)很多問(wèn)題，有簡(jiǎn)單有復(fù)雜，這里我根據(jù)問(wèn)題的優(yōu)先級(jí)先拿出三個(gè)來(lái)解決，因?yàn)榻鉀Q了這三個(gè)問(wèn)題，我們的原型在要求比較低的情況下可以到此為止了，已經(jīng)能夠滿足基本的演示。那這三個(gè)問(wèn)題就是：
問(wèn)題①：頁(yè)面不能正常顯示
問(wèn)題②：我希望點(diǎn)擊已打開(kāi)的頁(yè)簽時(shí)，實(shí)現(xiàn)頁(yè)簽及頁(yè)面的切換
問(wèn)題③：我希望當(dāng)前打開(kāi)的頁(yè)簽可以突出顯示
以上就是小編對(duì)于網(wǎng)站建設(shè)后臺(tái)的多頁(yè)簽功能怎么使用的解答。
商品已成功加入購(gòu)物車(chē)