[發(fā)明專利]網(wǎng)頁中組件順序的調(diào)整方法、裝置、電子設(shè)備及存儲(chǔ)介質(zhì)

在審

• 申請?zhí)枺?/td>: 202011492844.4
• 申請日: 2020-12-16
• 公開（公告）號(hào): CN112464127A
• 公開（公告）日: 2021-03-09
• 發(fā)明（設(shè)計(jì)）人: 吳麗星;張慧
• 申請（專利權(quán)）人: 北京金山云網(wǎng)絡(luò)技術(shù)有限公司
• 主分類號(hào): G06F16/957
• 分類號(hào): G06F16/957;G06F16/958;G06F8/38;G06F9/451
• 代理公司: 北京華夏泰和知識(shí)產(chǎn)權(quán)代理有限公司 11662
• 代理人: 盧萬騰;杜欣

本發(fā)明實(shí)施例提供了一種網(wǎng)頁中組件順序的調(diào)整方法、裝置、電子設(shè)備及存儲(chǔ)介質(zhì)，所述方法包括：在觸發(fā)預(yù)設(shè)第一事件的情況下，確定網(wǎng)頁中待排序元素，其中，待排序元素為網(wǎng)頁中待排序組件對應(yīng)的代表屬性；確定待排序元素的順序調(diào)整方式；基于順序調(diào)整方式調(diào)整網(wǎng)頁中待排序元素的順序，并確定與待排序元素相對應(yīng)的待排序組件；根據(jù)經(jīng)過調(diào)整的待排序元素的順序，自適應(yīng)調(diào)整網(wǎng)頁中待排序組件的順序。如此通過順序調(diào)整方式調(diào)整待排序組件的代表屬性，從而可以實(shí)現(xiàn)網(wǎng)頁中待排序組件的順序的自適應(yīng)調(diào)整，可以簡化操作，增加靈活性。

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

本發(fā)明涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域，尤其涉及一種網(wǎng)頁中組件順序的調(diào)整方法、裝置、電子設(shè)備及存儲(chǔ)介質(zhì)。

背景技術(shù)

隨著互聯(lián)網(wǎng)的高速發(fā)展，對于網(wǎng)頁需求的快速響應(yīng)與產(chǎn)出提出了更高的要求，自此基于網(wǎng)頁組件化開發(fā)模式應(yīng)運(yùn)而生。網(wǎng)頁組件化開發(fā)模式提供了大量可視化的頁面基礎(chǔ)元素組件，運(yùn)營人員只需要合理配置相關(guān)組件(比如文字組件、圖片組件等等)就可以實(shí)現(xiàn)相關(guān)功能或者展示相關(guān)內(nèi)容，如此一來網(wǎng)頁中可能包含多個(gè)組件，且多個(gè)組件的順序已固定。

相關(guān)技術(shù)中，當(dāng)合理配置完相關(guān)組件時(shí)，相關(guān)組件的順序已固定，此時(shí)如果想要更改其中某個(gè)組件的順序，需要?jiǎng)h除相關(guān)組件中部分組件，將某個(gè)組件的順序進(jìn)行調(diào)整，然后重新添加刪除的這部分組件，并在這部分組件中重新輸入相應(yīng)組件信息，如此操作比較繁瑣，缺少靈活性。例如，當(dāng)合理配置完A、B、C、D等組件時(shí)，此時(shí)組件的順序?yàn)锳、B、C、D，如果想要更改組件順序?yàn)椋篈、D、B、C，需要?jiǎng)h除B、C等組件，將D組件移動(dòng)至A組件之后，然后按順序重新添加B、C等組件，以及在B、C等組件中重新輸入相應(yīng)組件信息。

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

本發(fā)明實(shí)施例的目的在于提供一種網(wǎng)頁中組件順序的調(diào)整方法、裝置、電子設(shè)備及存儲(chǔ)介質(zhì)，以實(shí)現(xiàn)簡化操作、增加靈活性的有益效果。具體技術(shù)方案如下：

在本發(fā)明實(shí)施例的第一方面，首先提供了一種網(wǎng)頁中組件順序的調(diào)整方法，所述方法包括：

在觸發(fā)預(yù)設(shè)第一事件的情況下，確定網(wǎng)頁中待排序元素，其中，所述待排序元素為所述網(wǎng)頁中待排序組件對應(yīng)的代表屬性；

確定所述待排序元素的順序調(diào)整方式，其中，所述順序調(diào)整方式包括：拖拽方式、權(quán)重方式、上下移方式或置頂方式；

基于所述順序調(diào)整方式調(diào)整所述網(wǎng)頁中所述待排序元素的順序，并確定與所述待排序元素相對應(yīng)的所述待排序組件；

根據(jù)經(jīng)過調(diào)整的所述待排序元素的順序，自適應(yīng)調(diào)整所述網(wǎng)頁中所述待排序組件的順序。

在一個(gè)可選的實(shí)施方式中，所述在觸發(fā)預(yù)設(shè)第一事件的情況下，確定網(wǎng)頁中待排序元素，包括：

在觸發(fā)預(yù)設(shè)第一事件的情況下，確定鼠標(biāo)光標(biāo)在網(wǎng)頁中當(dāng)前所處位置；

確定所述網(wǎng)頁中所述位置對應(yīng)的待排序元素。

在一個(gè)可選的實(shí)施方式中，在所述順序調(diào)整方式為所述拖拽方式的情況下，所述基于所述順序調(diào)整方式調(diào)整所述網(wǎng)頁中所述待排序元素的順序，包括：

在觸發(fā)預(yù)設(shè)第二事件的情況下，將所述網(wǎng)頁中所述待排序元素的渲染模式設(shè)置為3D渲染模式；以及，

確定拖拽所述網(wǎng)頁中所述待排序元素所到達(dá)的所述網(wǎng)頁中目標(biāo)位置，以及拖拽所述網(wǎng)頁中所述待排序元素的拖拽方向；

在觸發(fā)預(yù)設(shè)第三事件的情況下，確定所述網(wǎng)頁中距離所述目標(biāo)位置最近的目標(biāo)元素；

將所述網(wǎng)頁中排在所述目標(biāo)元素之后的元素按照與所述拖拽方向相反的方向依序移動(dòng)；

將所述網(wǎng)頁中所述待排序元素由所述目標(biāo)位置移動(dòng)至所述網(wǎng)頁中排在所述目標(biāo)元素之后的第一個(gè)所述元素在所述網(wǎng)頁中的位置。