一種移動端滑動插件的生成方法及系統(tǒng)的制作方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及數(shù)據(jù)處理領(lǐng)域，特別涉及一種移動端滑動插件的生成方法及系統(tǒng)。
【背景技術(shù)】
[0002]現(xiàn)有技術(shù)中終端可以支持頁面的滑動，也提供有滑動回調(diào)函數(shù)以支持分頁加載；但是每個頁面需要自己寫下拉刷新和上拉加載的提示框樣式，并且只支持一個滑動分頁頁面。且當有一個頁面有多個分頁層時只能支持一個分頁層。js端要寫ajax請求并且在請求開始前、請求結(jié)束后修改滑動頁面的參數(shù)，因此，會產(chǎn)生大量重復(fù)代碼和重復(fù)邏輯，不利于修改維護。

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

[0003]本發(fā)明的目的是提供一種移動端滑動插件的生成方法及系統(tǒng)，通過一個js方法，根據(jù)傳遞的參數(shù)不同來實現(xiàn)頁面滑動或滑動分頁;實現(xiàn)了一個頁面可以構(gòu)造多個分頁滑動層，可以在一個頁面實現(xiàn)多個多數(shù)據(jù)查詢翻頁展示。
[0004]為解決上述技術(shù)問題，本發(fā)明提供一種移動端滑動插件的生成方法，包括:
[0005]根據(jù)url參數(shù)判斷當前頁面為滑動頁面類型；
[0006]當頁面為滑動頁面時，則調(diào)用滑動頁面的iscro 11生成滑動頁面；
[0007]當頁面為滑動分頁頁面時，則iscroll根據(jù)所述url參數(shù)獲取hidden輸入框的名稱和數(shù)值，將所述hidden輸入框的名稱和數(shù)值作為ajax請求的參數(shù)，并執(zhí)行所述ajax請求，調(diào)用腳本參數(shù)構(gòu)造滑動分頁頁面。
[0008]其中，所述iscroll根據(jù)所述url參數(shù)獲取hidden輸入框的名稱和數(shù)值，將所述h i dden輸入框的名稱和數(shù)值作Saj ax請求的參數(shù)之前，包括:
[0009]將ajax請求的參數(shù)值用hidden輸入框存放在iscroll的html結(jié)構(gòu)中，并將所述ajax請求封裝在所述iscroll中。
[0010]其中，所述iscroll根據(jù)所述url參數(shù)獲取hidden輸入框的名稱和數(shù)值，包括:
[0011]iscroll根據(jù)所述url參數(shù)，利用jquery選擇器獲取hidden輸入框的名稱和數(shù)值。
[0012]其中，所述調(diào)用構(gòu)造頁面的腳本構(gòu)造滑動分頁頁面，包括:
[0013]通過js腳本創(chuàng)建構(gòu)造滑動分頁頁面的html，并將所述js腳本作為腳本參數(shù)傳入組件中；
[0014]iscroll調(diào)用所述腳本參數(shù)構(gòu)造滑動分頁頁面。
[0015]其中，還包括:
[0016]定期對所述js腳本及所述ajax請求進行維護更新。
[0017]本發(fā)明提供一種移動端滑動插件的生成系統(tǒng)，包括:
[0018]判斷模塊，用于根據(jù)url參數(shù)判斷當前頁面為滑動頁面類型；
[0019]第一生成模塊，用于當頁面為滑動頁面時，則調(diào)用滑動頁面的iscroll生成滑動頁面；
[0020]第二生成模塊，用于當頁面為滑動分頁頁面時，則iscroll根據(jù)所述url參數(shù)獲取hidden輸入框的名稱和數(shù)值，將所述hidden輸入框的名稱和數(shù)值作為ajax請求的參數(shù)，并執(zhí)行所述ajax請求，調(diào)用腳本參數(shù)構(gòu)造滑動分頁頁面。
[0021 ]其中，所述第二生成模塊包括:
[0022]ajax封存單元，用于將ajax請求的參數(shù)值用hi dden輸入框存放在iscroll的html結(jié)構(gòu)中，并將所述ajax請求封裝在所述iscroll中。
[0023]其中，所述第二生成模塊包括:
[0024]獲取單元，用于iscroll根據(jù)所述url參數(shù)，利用jquery選擇器獲取hidden輸入框的名稱和數(shù)值。
[0025]其中，所述第二生成模塊包括:
[0026]html封存單元，用于通過js腳本創(chuàng)建構(gòu)造滑動分頁頁面的html，并將所述js腳本作為腳本參數(shù)傳入組件中；
[0027]第二生成單元，用于iscroll調(diào)用所述腳本參數(shù)構(gòu)造滑動分頁頁面。
[0028]其中，還包括:
[0029 ]維護模塊，用于定期對所述j s腳本及所述a j ax請求進行維護更新。
[0030]本發(fā)明所提供的移動端滑動插件的生成方法及系統(tǒng)，包括:根據(jù)url參數(shù)判斷當前頁面為滑動頁面類型；當頁面為滑動頁面時，則調(diào)用滑動頁面的iscroll生成滑動頁面；當頁面為滑動分頁頁面時，則iscroll根據(jù)所述ur I參數(shù)獲取h i dden輸入框的名稱和數(shù)值，將所述hidden輸入框的名稱和數(shù)值作為ajax請求的參數(shù)，并執(zhí)行所述ajax請求，調(diào)用腳本參數(shù)構(gòu)造滑動分頁頁面；
[0031]通過一個js方法，根據(jù)傳遞的參數(shù)url不同來實現(xiàn)頁面滑動，或者是滑動分頁；實現(xiàn)了一個頁面可以構(gòu)造多個分頁滑動層，可以在一個頁面實現(xiàn)多個多數(shù)據(jù)查詢翻頁展示。
【附圖說明】
[0032]為了更清楚地說明本發(fā)明實施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對實施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的實施例，對于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動的前提下，還可以根據(jù)提供的附圖獲得其他的附圖。
[0033]圖1為本發(fā)明實施例所提供的移動端滑動插件的生成方法的流程圖；
[0034]圖2為本發(fā)明實施例所提供的移動端滑動插件的生成方法的流程示意圖；
[0035]圖3為本發(fā)明實施例所提供的移動端滑動插件的生成系統(tǒng)的結(jié)構(gòu)框圖；
[0036]圖4為本發(fā)明實施例所提供的第二生成模塊的結(jié)構(gòu)框圖。
【具體實施方式】
[0037]本發(fā)明的核心是提供一種移動端滑動插件的生成方法及系統(tǒng)，通過一個js方法，根據(jù)傳遞的參數(shù)不同來實現(xiàn)頁面滑動或滑動分頁;實現(xiàn)了一個頁面可以構(gòu)造多個分頁滑動層，可以在一個頁面實現(xiàn)多個多數(shù)據(jù)查詢翻頁展示。
[0038]為使本發(fā)明實施例的目的、技術(shù)方案和優(yōu)點更加清楚，下面將結(jié)合本發(fā)明實施例中的附圖，對本發(fā)明實施例中的技術(shù)方案進行清楚、完整地描述，顯然，所描述的實施例是本發(fā)明一部分實施例，而不是全部的實施例?；诒景l(fā)明中的實施例，本領(lǐng)域普通技術(shù)人員在沒有做出創(chuàng)造性勞動前提下所獲得的所有其他實施例，都屬于本發(fā)明保護的范圍。
[0039]請參考圖1，圖1為本發(fā)明實施例所提供的移動端滑動插件的生成方法的流程圖；該方法可以包括:
[0040]slOO、根據(jù)url參數(shù)判斷當前頁面為滑動頁面類型；
[0041]其中，判斷請求url參數(shù)的數(shù)值來確定當前是滑動頁面還是滑動分頁頁面;例如，若url參數(shù)的數(shù)值為空，則認為當前要構(gòu)造普通滑動頁面;若url參數(shù)的數(shù)值為不為空，則認為當前要構(gòu)造分頁滑動頁面即滑動分頁頁面。
[0042 ] s 110、當頁面為滑動頁面時，則調(diào)用滑動頁面的i scro 11生成滑動頁面；
[0043]其中，iscroll提供了一種原生的方式來支持在一個固定高度的容器內(nèi)滾動內(nèi)容?？梢酝ㄟ^利用js來構(gòu)造頁面html作為Iscroll的上拉、下拉提示。其中，html是針對移動端設(shè)備網(wǎng)頁設(shè)計語言，這里的html也可以是其升級版本html5。通過調(diào)用滑動頁面的iscroll生成滑動頁面，即通過iscroll中的參數(shù)調(diào)用上述生成的構(gòu)造普通滑動頁面的js方法來生成滑動頁面。
[0044]sl20、當頁面為滑動分頁頁面時，則iscroll根據(jù)所述url參數(shù)獲取hidden輸入框的名稱和數(shù)值，將所述hidden輸入框的名稱和數(shù)值作為ajax請求的參數(shù)，并執(zhí)行所述ajax請求，調(diào)用腳本參數(shù)構(gòu)造滑動分頁頁面。
[0045]其中，iscroll獲取頁面hidden輸入框的名稱name和數(shù)值value作為ajax請求的參數(shù)，可選的，iscroll根據(jù)所述url參數(shù)，利用jquery選擇器獲取hidden輸入框的名稱和數(shù)值;通過執(zhí)行ajax請求，利用hidden輸入框的名稱name和數(shù)值value實現(xiàn)頁面樣式修改的邏輯，并在Iscroll執(zhí)行完ajax請求后掉用該js方法來構(gòu)造滑動分頁頁面。其中，可以將將構(gòu)造頁面html的js方法作為參數(shù)傳給Iscroll，Iscroll執(zhí)行完ajax請求后掉用該js方法。即具體過程為:通過js腳本創(chuàng)建構(gòu)造滑動分頁頁面的html，并將所述js腳本作為腳本參數(shù)傳入組件中；iscroll調(diào)用所述腳本參數(shù)構(gòu)造滑動分頁頁面。通過js創(chuàng)建頁面html，并將js方法作為參數(shù)傳入組件中。
[0046]其中，優(yōu)選的，為了大大減少重復(fù)邏輯和代碼，在iscroll根據(jù)url參數(shù)獲取hidden輸入框的名稱和數(shù)值，將hidden輸入框的名稱和數(shù)值作為ajax請求的參數(shù)之前，可以包括:
[0047]將ajax請求的參數(shù)值用hidden輸入框存放在iscroll的html結(jié)構(gòu)中，并將所述ajax請求封裝在所述iscroll中。
[0048]其中，具體過程