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

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

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