一種基于Bootstrap的頁面跳轉(zhuǎn)方法及裝置的制造方法
【專利摘要】本發(fā)明涉及頁面跳轉(zhuǎn)技術(shù)領(lǐng)域，尤其涉及一種基于Bootstrap的頁面跳轉(zhuǎn)方法及裝置。所述基于Bootstrap的頁面跳轉(zhuǎn)方法包括以下步驟：在Bootstrap的分頁按鈕中添加第一頁按鈕、最后一頁按鈕、文本框和跳轉(zhuǎn)按鈕；判斷當(dāng)前頁面跳轉(zhuǎn)操作對應(yīng)的分頁按鈕是否是第一頁按鈕、最后一頁按鈕或文本框和跳轉(zhuǎn)按鈕，如果是第一頁按鈕、最后一頁按鈕或文本框和跳轉(zhuǎn)按鈕，根據(jù)第一頁按鈕、最后一頁按鈕或文本框和跳轉(zhuǎn)按鈕獲取對應(yīng)頁面的頁面數(shù)據(jù)并刷新頁面。本發(fā)明通過在Bootstrap分頁按鈕中添加第一頁按鈕、最后一頁按鈕、文本框和跳轉(zhuǎn)按鈕，根據(jù)用戶的頁碼跳轉(zhuǎn)操作快速跳轉(zhuǎn)至對應(yīng)的頁面，并實時調(diào)整當(dāng)前顯示頁面的按鈕樣式，以對當(dāng)前顯示頁面進(jìn)行標(biāo)示，使得Bootstrap的頁面跳轉(zhuǎn)操作更加簡單方便，尤其適用于多頁碼的頁面跳轉(zhuǎn)操作。
【專利說明】
一種基于Bootst rap的頁面跳轉(zhuǎn)方法及裝置
技術(shù)領(lǐng)域
[0001]本發(fā)明實施例涉及頁面跳轉(zhuǎn)技術(shù)領(lǐng)域，尤其涉及一種基于Bootstrap的頁面跳轉(zhuǎn)方法及裝置。
【背景技術(shù)】
[0002]Bootstrap是twitter(是一家美國社交網(wǎng)絡(luò)及微博客服務(wù)的網(wǎng)站，是全球互聯(lián)網(wǎng)上訪問量最大的十個網(wǎng)站之一)推出的一款前端框架。Bootstrap里面集成了各種樣式風(fēng)格，讓不太懂UI設(shè)計，前端開發(fā)的后端人員也可以做出漂亮的網(wǎng)站。但是，現(xiàn)有的boottrap不支持第一頁、最后一頁和輸入頁碼跳轉(zhuǎn)的功能，具體如圖1至圖3所示，為現(xiàn)有boottrap的頁碼跳轉(zhuǎn)樣式圖。在圖1中，有具體的頁碼和上一頁、下一頁的按鈕，點擊某一頁的時候，這一頁的頁碼用灰色框標(biāo)記，不可點擊;如果在第一頁，上一頁按鈕也會被置灰，不可點擊。在圖2中，如果在最后一頁，下一頁的按鈕會置灰，不可點擊。在圖3中，每次顯示頁碼是當(dāng)前點擊頁碼相鄰的5頁。
[0003]綜上所述，由于現(xiàn)有boottrap的頁碼跳轉(zhuǎn)樣式不支持第一頁、最后一頁和輸入頁碼跳轉(zhuǎn)，在頁碼多的情況下，需要跳轉(zhuǎn)到某一頁非常的不方便，為操作人員帶來了不便。

【發(fā)明內(nèi)容】

[0004]本發(fā)明實施例提供了一種基于Bootstrap的頁面跳轉(zhuǎn)方法及裝置，旨在解決現(xiàn)有的boottrap頁碼跳轉(zhuǎn)樣式不支持第一頁、最后一頁和輸入頁碼跳轉(zhuǎn)的技術(shù)問題。
[0005]為了解決以上提出的問題，本發(fā)明采用的技術(shù)方案為:一種基于Bootstrap的頁面跳轉(zhuǎn)方法，包括以下步驟:
[0006]在Bootstrap的分頁按鈕中添加第一頁按鈕、最后一頁按鈕、文本框和跳轉(zhuǎn)按鈕；
[0007]判斷當(dāng)前頁面跳轉(zhuǎn)操作對應(yīng)的分頁按鈕是否是第一頁按鈕、最后一頁按鈕或文本框和跳轉(zhuǎn)按鈕，如果是第一頁按鈕、最后一頁按鈕或文本框和跳轉(zhuǎn)按鈕，
[0008]根據(jù)第一頁按鈕、最后一頁按鈕或文本框和跳轉(zhuǎn)按鈕獲取對應(yīng)頁面的頁面數(shù)據(jù)并刷新頁面。
[0009]本發(fā)明實施例采取的技術(shù)方案還包括:所述添加第一頁按鈕、最后一頁按鈕、文本框和跳轉(zhuǎn)按鈕的實現(xiàn)方式為:添加f irst、last和jump的〈I i>標(biāo)簽，f irst代表第一頁按鈕，Last代表最后一頁按鈕，Jump代表文本框和跳轉(zhuǎn)按鈕。
[0010]本發(fā)明實施例采取的技術(shù)方案還包括:接收用戶的頁面操作，判斷當(dāng)前頁面操作是否是頁面跳轉(zhuǎn)操作。
[0011]本發(fā)明實施例采取的技術(shù)方案還包括:所述根據(jù)第一頁按鈕、最后一頁按鈕或文本框和跳轉(zhuǎn)按鈕獲取對應(yīng)頁面的頁面數(shù)據(jù)并刷新頁面具體包括:
[0012]當(dāng)前頁面跳轉(zhuǎn)操作對應(yīng)的分頁按鈕為所述第一頁按鈕時，獲取第一頁的頁面數(shù)據(jù)并刷新頁面；
[0013]當(dāng)前頁面跳轉(zhuǎn)操作對應(yīng)的分頁按鈕為所述最后一頁按鈕時，獲取最后一頁的頁面數(shù)據(jù)并刷新頁面；
[0014]當(dāng)前頁面跳轉(zhuǎn)操作對應(yīng)的分頁按鈕為所述文本框和跳轉(zhuǎn)按鈕時，獲取文本框中輸入頁碼的頁面數(shù)據(jù)并刷新頁面。
[0015]本發(fā)明實施例采取的技術(shù)方案還包括:所述根據(jù)第一頁按鈕、最后一頁按鈕或文本框和跳轉(zhuǎn)按鈕獲取對應(yīng)頁面的頁面數(shù)據(jù)并刷新頁面還包括:在獲取對應(yīng)頁面的頁面數(shù)據(jù)并刷新頁面的同時，設(shè)置當(dāng)前顯示頁面的分頁按鈕樣式，將當(dāng)前顯示頁面上的所有分頁按鈕都移除并重新添加，保留第一頁按鈕、上一頁按鈕、下一頁按鈕、最后一頁按鈕、文本框和跳轉(zhuǎn)按鈕;為當(dāng)前顯示頁面的頁碼設(shè)置特殊樣式;將當(dāng)前顯示頁面的頁碼顯示在文本框中。
[0016]本發(fā)明實施例采取的另一技術(shù)方案為:一種基于Bootstrap的頁面跳轉(zhuǎn)裝置，包括按鈕初始化模塊、按鈕判斷模塊和頁面刷新模塊;所述按鈕初始化模塊用于在Bootstrap的分頁按鈕中添加第一頁按鈕、最后一頁按鈕、文本框和跳轉(zhuǎn)按鈕;所述按鈕判斷模塊用于判斷當(dāng)前頁面跳轉(zhuǎn)操作對應(yīng)的分頁按鈕是否是第一頁按鈕、最后一頁按鈕或文本框和跳轉(zhuǎn)按鈕，如果是，所述頁面刷新模塊根據(jù)第一頁按鈕、最后一頁按鈕或文本框和跳轉(zhuǎn)按鈕獲取對應(yīng)頁面的頁面數(shù)據(jù)并刷新頁面。
[0017]本發(fā)明實施例采取的技術(shù)方案還包括:所述按鈕初始化模塊添加第一頁按鈕、最后一頁按鈕、文本框和跳轉(zhuǎn)按鈕的實現(xiàn)方式為:添加f irst、last和jump的〈I i>標(biāo)簽，first代表第一頁按鈕，Last代表最后一頁按鈕，Jump代表文本框和跳轉(zhuǎn)按鈕。
[0018]本發(fā)明實施例采取的技術(shù)方案還包括:還包括操作判斷模塊，所述操作判斷模塊用于接收用戶的頁面操作，并判斷當(dāng)前頁面操作是否是頁面跳轉(zhuǎn)操作，如果當(dāng)前頁面操作是頁面跳轉(zhuǎn)操作，通過按鈕判斷模塊判斷當(dāng)前頁面跳轉(zhuǎn)操作對應(yīng)的分頁按鈕。
[0019]本發(fā)明實施例采取的技術(shù)方案還包括:所述頁面刷新模塊根據(jù)第一頁按鈕、最后一頁按鈕或文本框和跳轉(zhuǎn)按鈕獲取對應(yīng)頁面的頁面數(shù)據(jù)并刷新頁面具體包括:
[0020]當(dāng)前頁面跳轉(zhuǎn)操作對應(yīng)的分頁按鈕為所述第一頁按鈕時，獲取第一頁的頁面數(shù)據(jù)并刷新頁面；
[0021]當(dāng)前頁面跳轉(zhuǎn)操作對應(yīng)的分頁按鈕為所述最后一頁按鈕時，獲取最后一頁的頁面數(shù)據(jù)并刷新頁面；
[0022]當(dāng)前頁面跳轉(zhuǎn)操作對應(yīng)的分頁按鈕為所述文本框和跳轉(zhuǎn)按鈕時，獲取文本框中輸入頁碼的頁面數(shù)據(jù)并刷新頁面。
[0023]本發(fā)明實施例采取的技術(shù)方案還包括:還包括樣式設(shè)置模塊，所述樣式設(shè)置模塊用于在頁面刷新模塊獲取對應(yīng)頁面的頁面數(shù)據(jù)并刷新頁面時，設(shè)置當(dāng)前顯示頁面的分頁按鈕樣式;所述樣式設(shè)置模塊包括按鈕移除單元、樣式設(shè)置單元和頁碼同步單元；
[0024]所述按鈕移除單元用于將當(dāng)前顯示頁面上的所有分頁按鈕都移除并重新添加，保留第一頁按鈕、上一頁按鈕、下一頁按鈕、最后一頁按鈕、文本框和跳轉(zhuǎn)按鈕；
[0025]所述樣式設(shè)置單元用于為當(dāng)前顯示頁面的頁碼設(shè)置特殊樣式；
[0026]所述頁碼同步單元用于將當(dāng)前顯示頁面的頁碼顯示在文本框中。
[0027]與現(xiàn)有技術(shù)相比，本發(fā)明實施例的有益效果在于:本發(fā)明實施例的基于Bootstrap的頁面跳轉(zhuǎn)方法及裝置通過在Bootstrap的分頁按鈕中添加第一頁按鈕、最后一頁按鈕、文本框和跳轉(zhuǎn)按鈕，根據(jù)用戶的頁碼跳轉(zhuǎn)操作快速跳轉(zhuǎn)至對應(yīng)的頁面，并實時調(diào)整當(dāng)前顯示頁面的按鈕樣式，以對當(dāng)前顯示頁面進(jìn)行標(biāo)示;本發(fā)明的實施使得Bootstrap的頁面跳轉(zhuǎn)操作更加簡單方便，尤其適用于多頁碼的頁面跳轉(zhuǎn)操作。
【附圖說明】
[0028]圖1至圖3為現(xiàn)有boottrap的頁碼跳轉(zhuǎn)樣式圖；
[0029]圖4為本發(fā)明實施例的基于Bootstrap的頁面跳轉(zhuǎn)方法的流程圖；
[0030]圖5為本發(fā)明實施例的基于Bootstrap的頁面跳轉(zhuǎn)樣式圖；
[0031]圖6為本發(fā)明實施例的基于Bootstrap的頁面跳轉(zhuǎn)裝置的結(jié)構(gòu)示意圖。
【具體實施方式】
[0032]為了便于理解本發(fā)明，下面將參照相關(guān)附圖對本發(fā)明進(jìn)行更全面的描述。附圖中給出了本發(fā)明的較佳實施例。但是，本發(fā)明可以以許多不同的形式來實現(xiàn)，并不限于本文所描述的實施例。相反地，提供這些實施例的目的是使對本發(fā)明的公開內(nèi)容的理解更加透徹全面。
[0033]除非另有定義，本文所使用的所有的技術(shù)和科學(xué)術(shù)語與屬于本發(fā)明的技術(shù)領(lǐng)域的技術(shù)人員通常理解的含義相同。本文中在本發(fā)明的說明書中所使用的術(shù)語只是為了描述具體的實施例的目的，不是旨在于限制本發(fā)明。
[0034]請參閱圖4，是本發(fā)明實施例的基于Bootstrap的頁面跳轉(zhuǎn)方法的流程圖。本發(fā)明實施例的基于Boots trap的頁面跳轉(zhuǎn)方法包括以下步驟:
[0035]步驟100:在Bootstrap的分頁按鈕中添加第一頁按鈕、最后一頁按鈕、文本框和跳轉(zhuǎn)按鈕；
[0036]在步驟100中，添加第一頁按鈕、最后一頁按鈕、文本框和跳轉(zhuǎn)按鈕的實現(xiàn)方式為:在按鈕初始化的時候，添加first、last和jump的〈Ii>標(biāo)簽;其中，first和last里分別是一個樣式的鏈接，Jump里是一個文本框和鏈接，f irst代表第一頁按鈕，Last代表最后一頁按鈕，Jump代表文本框和跳轉(zhuǎn)按鈕，Jump里的文本框可以輸入要跳轉(zhuǎn)的頁碼，跳轉(zhuǎn)按鈕即為【go】按鈕，位于文本框的旁邊，點擊跳轉(zhuǎn)按鈕即可跳轉(zhuǎn)至文本框中輸入的需要跳轉(zhuǎn)的頁面。本發(fā)明實施例的基于Bootstrap的頁面跳轉(zhuǎn)樣式如圖5所示?？梢岳斫?，本發(fā)明不僅適用于Bootstrap的頁面跳轉(zhuǎn)操作，對于其他需要進(jìn)行頁面跳轉(zhuǎn)的產(chǎn)品同樣適用。
[0037]步驟200:接收用戶的頁面操作，并判斷當(dāng)前頁面操作是否是頁面跳轉(zhuǎn)操作，如果當(dāng)前頁面操作是頁面跳轉(zhuǎn)操作，執(zhí)行步驟300;
[0038]在步驟200中，判斷當(dāng)前頁面操作是否是頁面跳轉(zhuǎn)操作的判斷方式為:判斷用戶是否點擊第一頁按鈕、上一頁按鈕、最后一頁按鈕、下一頁按鈕、文本框和跳轉(zhuǎn)按鈕或頁碼按鈕，如果用戶點擊第一頁按鈕、上一頁按鈕、最后一頁按鈕、下一頁按鈕、文本框和跳轉(zhuǎn)按鈕或頁碼按鈕，則認(rèn)為該頁面操作是頁面跳轉(zhuǎn)操作。
[0039]步驟300:判斷當(dāng)前頁面跳轉(zhuǎn)操作對應(yīng)的分頁按鈕，如果當(dāng)前頁面跳轉(zhuǎn)操作對應(yīng)的分頁按鈕為頁碼I或第一頁按鈕，執(zhí)行步驟400;如果當(dāng)前頁面跳轉(zhuǎn)操作對應(yīng)的分頁按鈕為最后一頁的頁碼或最后一頁按鈕，執(zhí)行步驟500;如果當(dāng)前頁面跳轉(zhuǎn)操作對應(yīng)的分頁按鈕為文本框和跳轉(zhuǎn)按鈕，執(zhí)行步驟600;
[0040]在步驟300中，如果當(dāng)前頁面跳轉(zhuǎn)操作對應(yīng)的分頁按鈕為上一頁按鈕、下一頁按鈕或其他頁碼按鈕，其頁面跳轉(zhuǎn)方式已為現(xiàn)有技術(shù)，本發(fā)明將不再贅述。
[0041]步驟400:獲取第一頁的頁面數(shù)據(jù)并刷新頁面，同時，將當(dāng)前顯示頁面的第一頁按鈕和上一頁按鈕都設(shè)為不可點擊樣式，并將頁碼I設(shè)為特殊樣式。
[0042]在步驟400中，將第一頁按鈕和上一頁按鈕都設(shè)為不可點擊樣式具體為:將第一頁按鈕和上一頁按鈕置灰;將頁碼I設(shè)為特殊樣式具體為:用灰色框?qū)摯aI進(jìn)行標(biāo)示。可以理解，在本發(fā)明其他實施例中，按鈕的不可點擊樣式和頁碼的特殊樣式設(shè)置還可采樣其他方式進(jìn)行設(shè)定。
[0043]步驟500:獲取最后一頁的頁面數(shù)據(jù)并刷新頁面，同時，將當(dāng)前顯示頁面的最后一頁按鈕和下一頁按鈕都設(shè)為不可點擊樣式，并將最后一頁的頁碼設(shè)為特殊樣式。
[0044]在步驟500中，將最后一頁按鈕和下一頁按鈕都設(shè)為不可點擊樣式具體為:將最后一頁按鈕和下一頁按鈕置灰;將最后一頁的頁碼設(shè)為特殊樣式具體為:用灰色框?qū)ψ詈笠豁摰捻摯a進(jìn)行標(biāo)示。
[0045]步驟600:獲取文本框中輸入頁碼的頁面數(shù)據(jù)并刷新頁面，同時，將當(dāng)前顯示頁面的頁碼設(shè)為特殊樣式。
[0046]在步驟600中，第一頁按鈕、上一頁按鈕、最后一頁按鈕和下一頁按鈕都為可點擊樣式;將當(dāng)前顯示頁面的頁碼設(shè)為特殊樣式具體為:用灰色框?qū)Ξ?dāng)前顯示頁面的頁碼進(jìn)行標(biāo)不O
[0047]在步驟400至步驟600中，刷新頁面并設(shè)置按鈕樣式的具體實現(xiàn)方式包括以下步驟:
[0048]步驟700:將當(dāng)前顯示頁面上的所有分頁按鈕都移除并重新添加，保留第一頁按鈕、上一頁按鈕、下一頁按鈕、最后一頁按鈕及文本框和跳轉(zhuǎn)按鈕；
[0049]步驟800:為當(dāng)前顯示頁面的頁碼設(shè)置一個特殊樣式，以對當(dāng)前顯示頁面進(jìn)行標(biāo)示；
[0050]在步驟800中，本發(fā)明實施例通過用灰色框?qū)Ξ?dāng)前顯示頁面的頁碼進(jìn)行標(biāo)示。
[0051]步驟900:將當(dāng)前顯示頁面的頁碼顯示在跳轉(zhuǎn)按鈕旁邊的文本框中，S卩，在不點擊文本框時，文本框中顯示的頁碼與當(dāng)前顯示頁面的頁碼相同。
[0052]請參閱圖6，是本發(fā)明實施例的基于Bootstrap的頁面跳轉(zhuǎn)裝置的結(jié)構(gòu)示意圖。本發(fā)明實施例的基于Bootstrap的頁面跳轉(zhuǎn)裝置包括按鈕初始化模塊、操作判斷模塊、按鈕判斷模塊、頁面刷新模塊和樣式設(shè)置模塊；
[0053]按鈕初始化模塊用于在Bootstrap的分頁按鈕中添加第一頁按鈕、最后一頁按鈕、文本框和跳轉(zhuǎn)按鈕;其中，添加第一頁按鈕、最后一頁按鈕、文本框和跳轉(zhuǎn)按鈕的實現(xiàn)方式為:在按鈕初始化的時候，添加f irst、last和jump的〈I i>標(biāo)簽;其中，f irst和last里分別是一個樣式的鏈接，Jump里是一個文本框和鏈接，f irst代表第一頁按鈕，Last代表最后一頁按鈕，Jump代表文本框和跳轉(zhuǎn)按鈕，Jump里的文本框可以輸入要跳轉(zhuǎn)的頁碼，跳轉(zhuǎn)按鈕即為【go】按鈕，位于文本框的旁邊，點擊跳轉(zhuǎn)按鈕即可跳轉(zhuǎn)至文本框中輸入的需要跳轉(zhuǎn)的頁面。
[0054]操作判斷模塊用于接收用戶的頁面操作，并判斷當(dāng)前頁面操作是否是頁面跳轉(zhuǎn)操作，如果當(dāng)前頁面操作是頁面跳轉(zhuǎn)操作，通過按鈕判斷模塊判斷當(dāng)前頁面跳轉(zhuǎn)操作對應(yīng)的分頁按鈕;其中，判斷當(dāng)前頁面操作是否是頁面跳轉(zhuǎn)操作的判斷方式為:判斷用戶是否點擊第一頁按鈕、上一頁按鈕、最后一頁按鈕、下一頁按鈕、文本框或頁碼按鈕，如果用戶點擊第一頁按鈕、上一頁按鈕、最后一頁按鈕、下一頁按鈕、文本框或頁碼按鈕，則認(rèn)為該頁面操作是頁面跳轉(zhuǎn)操作。
[0055]按鈕判斷模塊用于判斷當(dāng)前頁面跳轉(zhuǎn)操作對應(yīng)的分頁按鈕是否是第一頁按鈕、上一頁按鈕、最后一頁按鈕、下一頁按鈕、文本框和跳轉(zhuǎn)按鈕或頁碼按鈕，并將判斷結(jié)果發(fā)送至頁面刷新模塊；
[0056]頁面刷新模塊用于根據(jù)按鈕判斷模塊的判斷結(jié)果獲取對應(yīng)頁面的頁面數(shù)據(jù)并刷新頁面;具體包括:如果當(dāng)前頁面跳轉(zhuǎn)操作對應(yīng)的分頁按鈕為頁碼I或第一頁按鈕，獲取第一頁的頁面數(shù)據(jù)并刷新頁面;如果當(dāng)前頁面跳轉(zhuǎn)操作對應(yīng)的分頁按鈕為最后一頁的頁碼或最后一頁按鈕，獲取最后一頁的頁面數(shù)據(jù)并刷新頁面;如果當(dāng)前頁面跳轉(zhuǎn)操作對應(yīng)的分頁按鈕為文本框和跳轉(zhuǎn)按鈕，獲取文本框中輸入頁碼的頁面數(shù)據(jù)并刷新頁面。
[0057]樣式設(shè)置模塊用于在頁面刷新模塊刷新頁面的同時，設(shè)置當(dāng)前顯示頁面的分頁按鈕樣式;具體為:頁面刷新模塊刷新頁面為第一頁的頁面數(shù)據(jù)時，將當(dāng)前顯示頁面的第一頁按鈕和上一頁按鈕都設(shè)為不可點擊樣式，并將頁碼I設(shè)為特殊樣式;頁面刷新模塊刷新頁面為最后一頁的頁面數(shù)據(jù)時，將當(dāng)前顯示頁面的最后一頁按鈕和下一頁按鈕都設(shè)為不可點擊樣式，并將最后一頁的頁碼設(shè)為特殊樣式；頁面刷新模塊刷新頁面為文本框中輸入頁碼的頁面數(shù)據(jù)時，將當(dāng)前顯示頁面的文本框中輸入的頁碼設(shè)為特殊樣式。具體地，樣式設(shè)置模塊還包括按鈕移除單元、樣式設(shè)置單元和頁碼同步單元；
[0058]按鈕移除單元用于將當(dāng)前顯示頁面上的所有分頁按鈕都移除并重新添加，保留第一頁按鈕、上一頁按鈕、下一頁按鈕、最后一頁按鈕及文本框和跳轉(zhuǎn)按鈕；
[0059]樣式設(shè)置單元用于為將當(dāng)前顯示頁面的頁碼設(shè)置一個特殊樣式，以對當(dāng)前顯示頁面進(jìn)行標(biāo)示；
[0060]頁碼同步單元用于將當(dāng)前顯示頁面的頁碼顯示在跳轉(zhuǎn)按鈕旁邊的文本框中，SP，在不點擊文本框時，文本框中顯示的頁碼與當(dāng)前顯示頁面的頁碼相同。
[0061 ]本發(fā)明實施例的基于Bootstrap的頁面跳轉(zhuǎn)方法及裝置通過在Bootstrap的分頁按鈕中添加第一頁按鈕、最后一頁按鈕、文本框和跳轉(zhuǎn)按鈕，根據(jù)用戶的頁碼跳轉(zhuǎn)操作快速跳轉(zhuǎn)至對應(yīng)的頁面，并實時調(diào)整當(dāng)前顯示頁面的按鈕樣式，以對當(dāng)前顯示頁面進(jìn)行標(biāo)示;本發(fā)明的實施使得Bootstrap的頁面跳轉(zhuǎn)操作更加簡單方便，尤其適用于多頁碼的頁面跳轉(zhuǎn)操作。
[0062]上述實施例為本發(fā)明較佳的實施方式，但本發(fā)明的實施方式并不受上述實施例的限制，其他的任何未背離本發(fā)明的精神實質(zhì)與原理下所作的改變、修飾、替代、組合、簡化，均應(yīng)為等效的置換方式，都包含在本發(fā)明的保護(hù)范圍之內(nèi)。
【主權(quán)項】
1.一種基于Bootstrap的頁面跳轉(zhuǎn)方法，其特征在于，包括以下步驟: 在Bootstrap的分頁按鈕中添加第一頁按鈕、最后一頁按鈕、文本框和跳轉(zhuǎn)按鈕； 判斷當(dāng)前頁面跳轉(zhuǎn)操作對應(yīng)的分頁按鈕是否是第一頁按鈕、最后一頁按鈕或文本框和跳轉(zhuǎn)按鈕； 如果是第一頁按鈕、最后一頁按鈕或文本框和跳轉(zhuǎn)按鈕，根據(jù)第一頁按鈕、最后一頁按鈕或文本框和跳轉(zhuǎn)按鈕獲取對應(yīng)頁面的頁面數(shù)據(jù)并刷新頁面。2.根據(jù)權(quán)利要求1所述的基于Bootstrap的頁面跳轉(zhuǎn)方法，其特征在于，所述添加第一頁按鈕、最后一頁按鈕、文本框和跳轉(zhuǎn)按鈕的實現(xiàn)方式為:添加first、last和jump的〈I i>標(biāo)簽，first代表第一頁按鈕，Last代表最后一頁按鈕，Jump代表文本框和跳轉(zhuǎn)按鈕。3.根據(jù)權(quán)利要求2所述的基于Bootstrap的頁面跳轉(zhuǎn)方法，其特征在于，還包括:接收用戶的頁面操作，判斷當(dāng)前頁面操作是否是頁面跳轉(zhuǎn)操作。4.根據(jù)權(quán)利要求1所述的基于Bootstrap的頁面跳轉(zhuǎn)方法，其特征在于，所述根據(jù)第一頁按鈕、最后一頁按鈕或文本框和跳轉(zhuǎn)按鈕獲取對應(yīng)頁面的頁面數(shù)據(jù)并刷新頁面具體包括: 當(dāng)前頁面跳轉(zhuǎn)操作對應(yīng)的分頁按鈕為所述第一頁按鈕時，獲取第一頁的頁面數(shù)據(jù)并刷新頁面； 當(dāng)前頁面跳轉(zhuǎn)操作對應(yīng)的分頁按鈕為所述最后一頁按鈕時，獲取最后一頁的頁面數(shù)據(jù)并刷新頁面； 當(dāng)前頁面跳轉(zhuǎn)操作對應(yīng)的分頁按鈕為所述文本框和跳轉(zhuǎn)按鈕時，獲取文本框中輸入頁碼的頁面數(shù)據(jù)并刷新頁面。5.根據(jù)權(quán)利要求4所述的基于Bootstrap的頁面跳轉(zhuǎn)方法，其特征在于，所述根據(jù)第一頁按鈕、最后一頁按鈕或文本框和跳轉(zhuǎn)按鈕獲取對應(yīng)頁面的頁面數(shù)據(jù)并刷新頁面還包括:在獲取對應(yīng)頁面的頁面數(shù)據(jù)并刷新頁面的同時，設(shè)置當(dāng)前顯示頁面的分頁按鈕樣式，將當(dāng)前顯示頁面上的所有分頁按鈕都移除并重新添加，保留第一頁按鈕、上一頁按鈕、下一頁按鈕、最后一頁按鈕、文本框和跳轉(zhuǎn)按鈕;為當(dāng)前顯示頁面的頁碼設(shè)置特殊樣式;將當(dāng)前顯示頁面的頁碼顯示在文本框中。6.一種基于Bootstrap的頁面跳轉(zhuǎn)裝置，其特征在于，包括按鈕初始化模塊、按鈕判斷模塊和頁面刷新模塊;所述按鈕初始化模塊用于在Bootstrap的分頁按鈕中添加第一頁按鈕、最后一頁按鈕、文本框和跳轉(zhuǎn)按鈕;所述按鈕判斷模塊用于判斷當(dāng)前頁面跳轉(zhuǎn)操作對應(yīng)的分頁按鈕是否是第一頁按鈕、最后一頁按鈕或文本框和跳轉(zhuǎn)按鈕，如果是第一頁按鈕、最后一頁按鈕或文本框和跳轉(zhuǎn)按鈕，所述頁面刷新模塊根據(jù)第一頁按鈕、最后一頁按鈕或文本框和跳轉(zhuǎn)按鈕獲取對應(yīng)頁面的頁面數(shù)據(jù)并刷新頁面。7.根據(jù)權(quán)利要求6所述的基于Bootstrap的頁面跳轉(zhuǎn)裝置，其特征在于，所述按鈕初始化模塊添加第一頁按鈕、最后一頁按鈕、文本框和跳轉(zhuǎn)按鈕的實現(xiàn)方式為:添加first、last和jump的〈I i>標(biāo)簽，first代表第一頁按鈕，Last代表最后一頁按鈕，Jump代表文本框和跳轉(zhuǎn)按鈕。8.根據(jù)權(quán)利要求7所述的基于Bootstrap的頁面跳轉(zhuǎn)裝置，其特征在于，還包括操作判斷模塊，所述操作判斷模塊用于接收用戶的頁面操作，并判斷當(dāng)前頁面操作是否是頁面跳轉(zhuǎn)操作，如果當(dāng)前頁面操作是頁面跳轉(zhuǎn)操作，通過按鈕判斷模塊判斷當(dāng)前頁面跳轉(zhuǎn)操作對應(yīng)的分頁按鈕。9.根據(jù)權(quán)利要求6所述的基于Bootstrap的頁面跳轉(zhuǎn)裝置，其特征在于，所述頁面刷新模塊根據(jù)第一頁按鈕、最后一頁按鈕或文本框和跳轉(zhuǎn)按鈕獲取對應(yīng)頁面的頁面數(shù)據(jù)并刷新頁面具體包括: 當(dāng)前頁面跳轉(zhuǎn)操作對應(yīng)的分頁按鈕為所述第一頁按鈕時，獲取第一頁的頁面數(shù)據(jù)并刷新頁面； 當(dāng)前頁面跳轉(zhuǎn)操作對應(yīng)的分頁按鈕為所述最后一頁按鈕時，獲取最后一頁的頁面數(shù)據(jù)并刷新頁面； 當(dāng)前頁面跳轉(zhuǎn)操作對應(yīng)的分頁按鈕為所述文本框和跳轉(zhuǎn)按鈕時，獲取文本框中輸入頁碼的頁面數(shù)據(jù)并刷新頁面。10.根據(jù)權(quán)利要求9所述的基于Bootstrap的頁面跳轉(zhuǎn)裝置，其特征在于，還包括樣式設(shè)置模塊，所述樣式設(shè)置模塊用于在頁面刷新模塊獲取對應(yīng)頁面的頁面數(shù)據(jù)并刷新頁面時，設(shè)置當(dāng)前顯示頁面的分頁按鈕樣式;所述樣式設(shè)置模塊包括按鈕移除單元、樣式設(shè)置單元和頁碼同步單元； 所述按鈕移除單元用于將當(dāng)前顯示頁面上的所有分頁按鈕都移除并重新添加，保留第一頁按鈕、上一頁按鈕、下一頁按鈕、最后一頁按鈕、文本框和跳轉(zhuǎn)按鈕； 所述樣式設(shè)置單元用于為當(dāng)前顯示頁面的頁碼設(shè)置特殊樣式； 所述頁碼同步單元用于將當(dāng)前顯示頁面的頁碼顯示在文本框中。
【文檔編號】G06F17/30GK105893608SQ201610261999
【公開日】2016年8月24日
【申請日】2016年4月25日
【發(fā)明人】謝曉靜
【申請人】樂視控股（北京）有限公司, 樂視網(wǎng)信息技術(shù)（北京）股份有限公司