本申請涉及電子技術(shù)領(lǐng)域，尤其涉及一種展示頁面的方法及系統(tǒng)。

背景技術(shù)：

隨著電子技術(shù)發(fā)展，各種便攜式終端設(shè)備也越來越多，比如手機(jī)、平板電腦等便攜式終端設(shè)備。

當(dāng)前，可以通過終端進(jìn)行充值操作，每次進(jìn)入充值界面，都需要重新請求網(wǎng)絡(luò)，對頁面進(jìn)行加載，加載的過程需要網(wǎng)絡(luò)的支持，網(wǎng)絡(luò)越差，加載的也就會相應(yīng)的越慢，用戶體驗也就相應(yīng)的下降。

技術(shù)實現(xiàn)要素：

本發(fā)明提供了一種展頁面的方法及系統(tǒng)，用以解決現(xiàn)有技術(shù)中頁面展示加載速度慢的問題。

其具體的技術(shù)方案如下：

一種展示頁面的方法，所述方法包括：

接收服務(wù)器基于頁面展示請求反饋的頁面地址，其中，所述頁面地址對應(yīng)一展示頁面；

通過所述頁面地址，獲取所述頁面地址對應(yīng)的展示頁面；

在檢測到展示頁面中的指定操作時，判定所述指定操作是否完成；

若完成，則回調(diào)本地緩存的所述展示頁面，并在所述展示頁面中添加完成信息，生成新展示頁面，并向用戶展示所述新展示頁面。

可選的，在接收服務(wù)器基于頁面展示請求反饋的頁面地址之前，所述方法還包括：

獲取所述用戶端的權(quán)限信息；

通過所述權(quán)限信息，驗證所述用戶端是否為合法用戶；

若所述用戶端為合法用戶時，則向服務(wù)器發(fā)送請求頁面地址的頁面地址請求。

可選的，在檢測到展示頁面中的指定操作時，判定所述指定操作是否完成，包括：

基于第一預(yù)設(shè)檢測規(guī)則，檢測用戶在所述展示頁面中的點(diǎn)擊事件，其中，所述點(diǎn)擊事件為用戶端進(jìn)行本地充值操作的時間；

基于所述點(diǎn)擊事件，調(diào)取所述用戶端的本地充值操作；

判定所述本地充值操作是否完成。

可選的，在回調(diào)本地緩存的所述展示頁面，并在所述展示頁面中添加完成信息，生成新展示頁面，并向用戶展示所述新展示頁面之前，所述方法還包括：

檢測所述指定操作是否在設(shè)定時間段內(nèi)；

若是，則執(zhí)行回調(diào)本地緩存的所述展示頁面，并在所述展示頁面中添加完成信息，生成新展示頁面，并向用戶展示所述新展示頁面；

若否，則重新生成頁面地址。

可選的，回調(diào)本地緩存的所述展示頁面，并在所述展示頁面中添加完成信息，生成新展示頁面，并向用戶展示所述新展示頁面，包括：

檢測回調(diào)的所述展示頁面中的個人用戶信息；

通過指定秘鑰對所述個人用戶信息進(jìn)行加密處理，并在所述展示頁面中添加完成信息，生成新展示頁面，并向用戶展示所述新展示頁面。

一種展示頁面的系統(tǒng)，包括：

通訊模塊，接收服務(wù)器基于頁面展示請求反饋的頁面地址，其中，所述頁面地址對應(yīng)一展示頁面；

獲取模塊，用于通過所述頁面地址，獲取所述頁面地址對應(yīng)的展示頁面；

處理模塊，用于在檢測到展示頁面中的指定操作時，判定所述指定操作是否完成；若完成，則回調(diào)本地緩存的所述展示頁面，并在所述展示頁面中添加完成信息，生成新展示頁面，并向用戶展示所述新展示頁面。

可選的，所述獲取模塊，具體用于獲取所述用戶端的權(quán)限信息；

所述處理模塊，用于通過所述權(quán)限信息，驗證所述用戶端是否為合法用戶；

所述通訊模塊，用于若所述用戶端為合法用戶時，則向服務(wù)器發(fā)送請求頁面地址的頁面地址請求。

可選的，所述處理模塊，具體用于基于第一預(yù)設(shè)檢測規(guī)則，檢測所述用戶端在所述展示頁面中的點(diǎn)擊事件；基于所述點(diǎn)擊事件，調(diào)取所述用戶端的本地充值操作；判定所述本地充值操作是否完成，其中，所述點(diǎn)擊事件為用戶端進(jìn)行本地充值操作的事件。

可選的，所述調(diào)取模塊，具體用于檢測所述指定操作是否在設(shè)定時間段內(nèi)；若是，則執(zhí)行回調(diào)本地緩存的所述展示頁面，并在所述展示頁面中添加完成信息，生成新展示頁面，并向用戶展示所述新展示頁面；若否，則重新生成頁面地址。

可選的，所述系統(tǒng)還包括：

秘鑰處理模塊，具體用于檢測回調(diào)的所述展示頁面中的個人用戶信息；通過指定秘鑰對所述個人用戶信息進(jìn)行加密處理，并在所述展示頁面中添加完成信息，生成新展示頁面，并向用戶展示所述新展示頁面。

在本發(fā)明技術(shù)方案中，接收服務(wù)器基于頁面展示請求反饋的頁面地址，通過所述頁面地址，獲取所述頁面地址對應(yīng)的展示頁面，在檢測到展示頁面中的指定操作時，判定所述指定操作是否完，若完成，則回調(diào)本地緩存的所述展示頁面，并在所述展示頁面中添加完成信息，生成新展示頁面，并向用戶展示所述新展示頁面。通過該方法可以通過本地回調(diào)頁面，并在本地操作完成相應(yīng)的賬戶充值時，并回調(diào)網(wǎng)頁對充值的結(jié)果進(jìn)行網(wǎng)頁展示，這樣做頁面加載需要的網(wǎng)絡(luò)速度降低，從而提升了頁面加載的流暢性，提高了用戶體驗。

附圖說明

圖1為本發(fā)明實施例中一種展示頁面的方法的流程圖；

圖2為本發(fā)明實施例中服務(wù)器端、用戶端、網(wǎng)頁端之間關(guān)系示意圖；

圖3為本發(fā)明實施例中一種展示頁面的系統(tǒng)的結(jié)構(gòu)示意圖。

具體實施方式

下面通過附圖以及具體實施例對本發(fā)明技術(shù)方案做詳細(xì)的說明，應(yīng)當(dāng)理解，本發(fā)明實施例以及實施例中的具體技術(shù)特征只是對本發(fā)明技術(shù)方案的說明，而不是限定，在不沖突的情況下，本發(fā)明實施例以及實施例中的具體技術(shù)特征可以相互組合。

如圖1所示為本發(fā)明實施例中一種展示頁面的方法的流程圖，該方法包括：

S101，接收服務(wù)器基于頁面展示請求反饋的頁面地址；

這里的頁面地址對應(yīng)一展示頁面。

S102，通過頁面地址，獲取頁面地址對應(yīng)的展示頁面；

通過該頁面地址就可以到指定服務(wù)器上調(diào)取出對應(yīng)的展示頁面，當(dāng)然這里的指定服務(wù)器可以是任一服務(wù)器，此處不做限定。

S103，在檢測到展示頁面中的指定操作時，判定所述指定操作是否完成；

若是檢測到指定操作完成時，則執(zhí)行步驟S103；若未完成，則執(zhí)行步驟S104。

S103，回調(diào)本地緩存的所述展示頁面，并在所述展示頁面中添加完成信息，生成新展示頁面，并向用戶展示所述新展示頁面；

S104，繼續(xù)展示所述展示頁面。

具體來講，在本發(fā)明實施例中，如圖2所示為服務(wù)器、用戶端、網(wǎng)頁端之間關(guān)系示意圖，首先用戶端首先向服務(wù)器發(fā)起網(wǎng)絡(luò)請求，該網(wǎng)絡(luò)請求具體為頁面展示請求。

在服務(wù)器端接收到該請求時，服務(wù)器端首先在頁面展示請求中獲取到用戶端的權(quán)限信息，然后服務(wù)器端將通過權(quán)限信息，驗證用戶端是否為合法用戶，若該用戶端為合法用戶時，調(diào)取頁面地址，并將頁面地址發(fā)送至用戶端。

若是該用戶端為非法用戶時，則拒絕響應(yīng)用戶端的頁面展示請求。這樣可以確保用戶端是否安全，從而保證服務(wù)器的安全。

進(jìn)一步，在本發(fā)明實施例中，在服務(wù)器端響應(yīng)用戶端的頁面展示請求時，服務(wù)器端向用戶端發(fā)送一個URL地址，該URL地址對應(yīng)一個展示頁面，該展示頁面中包含了用戶需的相關(guān)信息，比如用車活動等相關(guān)信息等等。

用戶端通過該URL地址可以獲取到一個展示頁面，并且在用戶端上顯示該展示頁面。

在顯示成功后，將通過第一預(yù)設(shè)檢測規(guī)則檢測用戶端在展示頁面中的點(diǎn)擊事件。這里的第一預(yù)設(shè)檢測規(guī)則是：通過導(dǎo)航類型參數(shù)來監(jiān)聽用戶在該展示頁面中的點(diǎn)擊事件。在檢測到點(diǎn)擊事件之后，將基于該點(diǎn)擊事件，調(diào)取用戶端的本地充值操作，在存在該用戶端的充值操作之后，將調(diào)取用戶端的本地充值操作，然后判定本地充值操作是否完成。通過一串java腳本字符串告知網(wǎng)頁用戶的操作結(jié)果。

具體來講，通過UIWebView進(jìn)行活動的展示，利用-(BOOL)webView:(UIWebView*)webViewshouldStartLoadWithRequest:(NSURLRequest*)request navigationType:(UIWebViewNavigationType)navigationType方法監(jiān)聽用戶在該界面的點(diǎn)擊事件，調(diào)用本地的充值操作，用戶本地完成充值操作后，通過stringByEvaluatingJavaScriptFromString方法告知網(wǎng)頁用戶的操作結(jié)果，并通過網(wǎng)頁的形式展示給用戶。

在本地充值操作完成之后，系統(tǒng)將直接回調(diào)該展示頁面，也就是不再重新向服務(wù)器端發(fā)送請求，并等待服務(wù)器端的反饋信息，而是直接回調(diào)本地緩存的展示頁面，從而減少了網(wǎng)絡(luò)加載的過程，避免了網(wǎng)絡(luò)的影響，提升了用戶體驗。

在回調(diào)展示頁面之后，在展示頁面中添加充值結(jié)果的相關(guān)信息 ，并將該展示頁面顯示出來，這樣用戶可以直接在該展示頁面中查看到充值結(jié)果。

進(jìn)一步，在本發(fā)明實施例中，還設(shè)置一個設(shè)定時間，在檢測到用戶的指定操作是否設(shè)定時間內(nèi)，該設(shè)定時間可以判定指定操作的有效性。若是在設(shè)定時間內(nèi)，則確定該指定操作合法，然后就可以回調(diào)展示頁面，并在展示頁面中添加完成信息進(jìn)行展示。該方式即可以保證操作的有效性，也可以避免不必要頁面緩存，提升系統(tǒng)的利用率。

進(jìn)一步，在本發(fā)明實施例中，用戶端還可以檢測回調(diào)的展示頁面中的個人用戶信息，也就是個人的隱私信息，然后通過指定秘鑰對個人用戶信息進(jìn)行加密處理，并展示加密的展示頁面。這樣可以保證個人用戶信息的安全性。

綜上來講，用戶端接收服務(wù)器基于頁面展示請求反饋的頁面地址，通過頁面地址，獲取頁面地址對應(yīng)的展示頁面，在檢測到展示頁面中的指定操作時，判定指定操作是否完，若完成，則回調(diào)本地緩存的所述展示頁面，并在展示頁面中添加完成信息，生成新展示頁面，并向用戶展示新展示頁面。通過該方法可以通過本地回調(diào)頁面，并在本地操作完成相應(yīng)的賬戶充值時，并回調(diào)網(wǎng)頁對充值的結(jié)果進(jìn)行網(wǎng)頁展示，這樣做頁面加載需要的網(wǎng)絡(luò)速度降低，從而提升了頁面加載的流暢性，提高了用戶體驗。

對應(yīng)本發(fā)明實施例中一種展示頁面的方法，本發(fā)明實施例中還提供了一種展示頁面的系統(tǒng)，如圖3所示為本發(fā)明實施例中一種展示頁面的系統(tǒng)的結(jié)構(gòu)示意圖，該系統(tǒng)包括：

通訊模塊301，接收服務(wù)器基于頁面展示請求反饋的頁面地址，其中，所述頁面地址對應(yīng)一展示頁面；

獲取模塊302，用于通過所述頁面地址，獲取所述頁面地址對應(yīng)的展示頁面；

處理模塊303，用于在檢測到展示頁面中的指定操作時，判定所述指定操作是否完成；若完成，則回調(diào)本地緩存的所述展示頁面，并在所述展示頁面中添加完成信息，生成新展示頁面，并向用戶展示所述新展示頁面。

進(jìn)一步，在本發(fā)明實施例中，所述獲取模塊302，具體用于獲取所述用戶端的權(quán)限信息；

所述處理模塊303，用于通過所述權(quán)限信息，驗證所述用戶端是否為合法用戶；

所述通訊模塊301，用于若所述用戶端為合法用戶時，則向服務(wù)器發(fā)送請求頁面地址的頁面地址請求。

進(jìn)一步，在本發(fā)明實施例中，所述處理模塊303，具體用于基于第一預(yù)設(shè)檢測規(guī)則，檢測所述用戶端在所述展示頁面中的點(diǎn)擊事件；基于所述點(diǎn)擊事件，調(diào)取所述用戶端的本地充值操作；判定所述本地充值操作是否完成，其中，所述點(diǎn)擊事件為用戶端進(jìn)行本地充值操作的事件。

進(jìn)一步，在本發(fā)明實施例中，所述處理模塊303，具體用于檢測所述指定操作是否在設(shè)定時間段內(nèi)；若是，則執(zhí)行回調(diào)本地緩存的所述展示頁面，并在所述展示頁面中添加完成信息，生成新展示頁面，并向用戶展示所述新展示頁面；若否，則重新生成頁面地址。

進(jìn)一步，在本發(fā)明實施例中，該系統(tǒng)還包括：

秘鑰處理模塊，具體用于檢測回調(diào)的所述展示頁面中的個人用戶信息；通過指定秘鑰對所述個人用戶信息進(jìn)行加密處理，并在所述展示頁面中添加完成信息，生成新展示頁面，并向用戶展示所述新展示頁面。

盡管已描述了本申請的優(yōu)選實施例，但本領(lǐng)域內(nèi)的普通技術(shù)人員一旦得知了基本創(chuàng)造性概念，則可對這些實施例作出另外的變更和修改。所以，所附權(quán)利要求意欲解釋為包括優(yōu)選實施例以及落入本申請范圍的所有變更和修改。

顯然，本領(lǐng)域的技術(shù)人員可以對本申請進(jìn)行各種改動和變型而不脫離本申請的精神和范圍。這樣，倘若本申請的這些修改和變型屬于本申請權(quán)利要求及其等同技術(shù)的范圍之內(nèi)，則本申請也意圖包含這些改動和變型在內(nèi)。