[發(fā)明專利]一種界面展示的方法及裝置

在審

• 申請(qǐng)?zhí)枺?/td>: 201711138435.2
• 申請(qǐng)日: 2017-11-16
• 公開（公告）號(hào): CN107766117A
• 公開（公告）日: 2018-03-06
• 發(fā)明（設(shè)計(jì)）人: 李文峰
• 申請(qǐng)（專利權(quán)）人: 山東浪潮通軟信息科技有限公司
• 主分類號(hào): G06F9/451
• 分類號(hào): G06F9/451
• 代理公司: 濟(jì)南信達(dá)專利事務(wù)所有限公司37100
• 代理人: 李世喆

技術(shù)領(lǐng)域

本發(fā)明涉及計(jì)算機(jī)技術(shù)領(lǐng)域，特別涉及一種界面展示的方法及裝置。

背景技術(shù)

隨著計(jì)算機(jī)技術(shù)的快速發(fā)展，應(yīng)用越來越多。應(yīng)用的界面展示效果越來越受到重視。

現(xiàn)有技術(shù)中，當(dāng)打開應(yīng)用的功能時(shí)，需要展示該功能對(duì)應(yīng)的界面，在界面渲染的過程中，需要下載圖片、樣式、腳本等資源文件，并需要對(duì)界面上的各個(gè)控件進(jìn)行渲染。當(dāng)界面的結(jié)構(gòu)比較復(fù)雜，涉及的控件較多時(shí)，渲染效率大大降低。

通過上述描述可見，在現(xiàn)有技術(shù)的界面展示過程中，每次打開時(shí)需要渲染的內(nèi)容較多，渲染需要的時(shí)間較長(zhǎng)，渲染效率較低。

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

本發(fā)明實(shí)施例提供了一種界面展示的方法及裝置，能夠提高渲染效率。

一方面，本發(fā)明實(shí)施例提供了一種界面展示的方法，包括：預(yù)先為界面中的至少一個(gè)可編輯字段分別設(shè)置對(duì)應(yīng)的編輯指令；

當(dāng)所述界面需要進(jìn)入非編輯狀態(tài)時(shí)，執(zhí)行：

對(duì)所述界面以靜態(tài)頁面的方式進(jìn)行渲染，展示渲染后的處于非編輯狀態(tài)下的所述界面；

當(dāng)所述界面需要由非編輯狀態(tài)進(jìn)入編輯狀態(tài)時(shí)，執(zhí)行：

針對(duì)所述界面中的每個(gè)待處理的編輯指令，根據(jù)當(dāng)前編輯指令，創(chuàng)建用于實(shí)現(xiàn)所述當(dāng)前編輯指令對(duì)應(yīng)的當(dāng)前可編輯字段的當(dāng)前編輯控件，確定用于在處于非編輯狀態(tài)下的所述界面中實(shí)現(xiàn)所述當(dāng)前可編輯字段的當(dāng)前靜態(tài)頁面元素，利用所述當(dāng)前編輯控件替換處于非編輯狀態(tài)下的所述界面中的所述當(dāng)前靜態(tài)頁面元素；

渲染所述界面，展示渲染后的處于編輯狀態(tài)下的所述界面。

進(jìn)一步地，

所述編輯指令中包括控件類型的信息；

所述根據(jù)當(dāng)前編輯指令，創(chuàng)建用于實(shí)現(xiàn)所述當(dāng)前編輯指令對(duì)應(yīng)的當(dāng)前可編輯字段的當(dāng)前編輯控件，包括：

確定所述當(dāng)前編輯指令中當(dāng)前控件類型的信息；

根據(jù)所述當(dāng)前控件類型的信息，創(chuàng)建所述當(dāng)前控件類型的所述當(dāng)前編輯控件。

進(jìn)一步地，

當(dāng)所述界面需要由編輯狀態(tài)進(jìn)入非編輯狀態(tài)時(shí)，在所述對(duì)所述界面以靜態(tài)頁面的方式進(jìn)行渲染之前，進(jìn)一步包括：

銷毀所述界面中的至少一個(gè)所述編輯控件。

進(jìn)一步地，

該方法進(jìn)一步包括：

當(dāng)首次加載所述界面時(shí)，確定所述界面需要進(jìn)入非編輯狀態(tài)。

進(jìn)一步地，

在所述針對(duì)所述界面中的每個(gè)待處理的編輯指令，根據(jù)當(dāng)前編輯指令，創(chuàng)建用于實(shí)現(xiàn)所述當(dāng)前編輯指令對(duì)應(yīng)的當(dāng)前可編輯字段的當(dāng)前編輯控件之前，進(jìn)一步包括：

遍歷所述界面，確定所述界面中的至少一個(gè)待處理的編輯指令。

進(jìn)一步地，

所述對(duì)所述界面以靜態(tài)頁面的方式進(jìn)行渲染，包括：

將所述至少一個(gè)可編輯字段通過靜態(tài)頁面元素實(shí)現(xiàn)。

另一方面，本發(fā)明實(shí)施例提供了一種界面展示的裝置，包括：

設(shè)置單元，用于為界面中的至少一個(gè)可編輯字段分別設(shè)置對(duì)應(yīng)的編輯指令；

第一展示單元，用于當(dāng)所述界面需要進(jìn)入非編輯狀態(tài)時(shí)，執(zhí)行：對(duì)所述界面以靜態(tài)頁面的方式進(jìn)行渲染，展示渲染后的處于非編輯狀態(tài)下的所述界面；

第二展示單元，用于當(dāng)所述界面需要由非編輯狀態(tài)進(jìn)入編輯狀態(tài)時(shí)，執(zhí)行：針對(duì)所述界面中的至少一個(gè)所述編輯指令，根據(jù)當(dāng)前編輯指令，創(chuàng)建用于實(shí)現(xiàn)所述當(dāng)前編輯指令對(duì)應(yīng)的當(dāng)前可編輯字段的當(dāng)前編輯控件，確定用于在處于非編輯狀態(tài)下的所述界面中實(shí)現(xiàn)所述當(dāng)前可編輯字段的當(dāng)前靜態(tài)頁面元素，利用所述當(dāng)前編輯控件替換處于非編輯狀態(tài)下的所述界面中的所述當(dāng)前靜態(tài)頁面元素；渲染所述界面，展示渲染后的處于編輯狀態(tài)下的所述界面。

進(jìn)一步地，

所述編輯指令中包括控件類型的信息；

所述第二展示單元，在執(zhí)行所述根據(jù)當(dāng)前編輯指令，創(chuàng)建用于實(shí)現(xiàn)所述當(dāng)前編輯指令對(duì)應(yīng)的當(dāng)前可編輯字段的當(dāng)前編輯控件，具體用于：

確定所述當(dāng)前編輯指令中當(dāng)前控件類型的信息；

根據(jù)所述當(dāng)前控件類型的信息，創(chuàng)建所述當(dāng)前控件類型的所述當(dāng)前編輯控件。

進(jìn)一步地，

所述第一展示單元，用于當(dāng)所述界面需要由編輯狀態(tài)進(jìn)入非編輯狀態(tài)時(shí)，在所述對(duì)所述界面以靜態(tài)頁面的方式進(jìn)行渲染之前，銷毀所述界面中的至少一個(gè)所述編輯控件。

進(jìn)一步地，

所述第一展示單元，進(jìn)一步用于當(dāng)首次加載所述界面時(shí)，確定所述界面需要進(jìn)入非編輯狀態(tài)。

進(jìn)一步地，