[發(fā)明專利]基于網(wǎng)頁(yè)的動(dòng)態(tài)布局方法、系統(tǒng)、設(shè)備及介質(zhì)

有效

• 申請(qǐng)?zhí)枺?/td>: 202211637936.6
• 申請(qǐng)日: 2022-12-20
• 公開(kāi)（公告）號(hào): CN115618144B
• 公開(kāi)（公告）日: 2023-03-28
• 發(fā)明（設(shè)計(jì)）人: 吳浩然;朱晶晶;袁俊杰
• 申請(qǐng)（專利權(quán)）人: 冠騁信息技術(shù)（蘇州）有限公司
• 主分類號(hào): G06F16/957
• 分類號(hào): G06F16/957;G06F3/0486;G06F3/0483
• 代理公司: 北京市恒有知識(shí)產(chǎn)權(quán)代理事務(wù)所(普通合伙) 11576
• 代理人: 郭文浩;尹文會(huì)

本公開(kāi)提供一種基于網(wǎng)頁(yè)的動(dòng)態(tài)布局方法、系統(tǒng)、電子設(shè)備及存儲(chǔ)介質(zhì)，包括對(duì)當(dāng)前網(wǎng)頁(yè)界面進(jìn)行初始化，并判斷初始化后的網(wǎng)頁(yè)界面是否存在布局配置信息，若不存在，則通過(guò)預(yù)設(shè)的布局引擎解析所述布局配置信息，并將所述布局配置信息轉(zhuǎn)換為控件單元；響應(yīng)對(duì)所述控件單元的拖拽命令，并將所述拖拽命令與所述控件單元的布局配置信息進(jìn)行綁定，更新所述控件單元的布局配置信息并存儲(chǔ)；若存在，則執(zhí)行網(wǎng)頁(yè)請(qǐng)求指令，獲取所述布局配置信息并將其存儲(chǔ)；通過(guò)遞歸所述布局配置信息渲染所述控件單元，生成布局調(diào)整后的網(wǎng)頁(yè)。本公開(kāi)實(shí)施例的方法能夠解決WEB前端行業(yè)中代碼冗余，不統(tǒng)一，耗時(shí)的問(wèn)題，節(jié)省人力，節(jié)約成本。

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

本公開(kāi)涉及網(wǎng)頁(yè)開(kāi)發(fā)技術(shù)領(lǐng)域，尤其涉及一種基于網(wǎng)頁(yè)的動(dòng)態(tài)布局方法、系統(tǒng)、設(shè)備及介質(zhì)。

背景技術(shù)

目前，WEB前端行業(yè)在實(shí)現(xiàn)HTML布局時(shí)，往往采用編程的方式去實(shí)現(xiàn)，正因?yàn)槿绱耍陧?yè)面布局中存在一段相同控件單元時(shí)，需要重復(fù)的編寫(xiě)這一段代碼，消耗時(shí)間，浪費(fèi)人力成本。在一些情況下，功能開(kāi)發(fā)較多，頁(yè)面布局相似，勞動(dòng)強(qiáng)度大且會(huì)造成代碼冗余，影響代碼質(zhì)量，影響功能的完成，影響到企業(yè)的生產(chǎn)效益。

公開(kāi)于本申請(qǐng)背景技術(shù)部分的信息僅僅旨在加深對(duì)本申請(qǐng)的一般背景技術(shù)的理解，而不應(yīng)當(dāng)被視為承認(rèn)或以任何形式暗示該信息構(gòu)成已為本領(lǐng)域技術(shù)人員所公知的現(xiàn)有技術(shù)。

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

本公開(kāi)實(shí)施例提供一種基于網(wǎng)頁(yè)的動(dòng)態(tài)布局方法、系統(tǒng)、設(shè)備及介質(zhì)，能夠解決WEB前端行業(yè)中代碼冗余，不統(tǒng)一，耗時(shí)的問(wèn)題，節(jié)省人力，節(jié)約成本。

本公開(kāi)實(shí)施例的第一方面，

提供一種基于網(wǎng)頁(yè)的動(dòng)態(tài)布局方法，其特征在于，包括：

對(duì)當(dāng)前網(wǎng)頁(yè)界面進(jìn)行初始化，并判斷初始化后的網(wǎng)頁(yè)界面是否存在布局配置信息，

若不存在，則通過(guò)預(yù)設(shè)的布局引擎解析所述布局配置信息，并將所述布局配置信息轉(zhuǎn)換為控件單元；響應(yīng)對(duì)所述控件單元的拖拽命令，并將所述拖拽命令與所述控件單元的布局配置信息進(jìn)行綁定，更新所述控件單元的布局配置信息并存儲(chǔ)；

若存在，則執(zhí)行網(wǎng)頁(yè)請(qǐng)求指令，獲取所述布局配置信息并將其存儲(chǔ)；

通過(guò)遞歸所述布局配置信息渲染所述控件單元，生成布局調(diào)整后的網(wǎng)頁(yè)。

在一種可選的實(shí)施方式中，

所述方法還包括將所述控件單元的布局配置信息存儲(chǔ)在網(wǎng)頁(yè)布局器中，其中，所述網(wǎng)頁(yè)布局器包括：

第一存儲(chǔ)單元，包括多個(gè)第二存儲(chǔ)單元，用于存儲(chǔ)所述網(wǎng)頁(yè)布局器中的頁(yè)面信息；

第二存儲(chǔ)單元，包括多個(gè)第三存儲(chǔ)單元，用于存儲(chǔ)所述網(wǎng)頁(yè)布局器中頁(yè)面的行信息；

第三存儲(chǔ)單元，用于存儲(chǔ)所述網(wǎng)頁(yè)布局器中多個(gè)欄目信息。

在一種可選的實(shí)施方式中，

所述方法還包括：

根據(jù)所述控件單元的布局配置信息的類別，對(duì)所述控件單元進(jìn)行分類，并根據(jù)所述控件單元的布局配置信息，為所述控件單元分配對(duì)應(yīng)的ID信息；

響應(yīng)對(duì)所述控件單元的屬性編輯指令，根據(jù)所述布局配置信息的類別，顯示對(duì)應(yīng)的編輯界面，其中，顯示對(duì)應(yīng)的編輯界面的方法包括：

以彈出菜單的形式顯示對(duì)應(yīng)的編輯界面，并且保存編輯后的信息，并更新所述控件單元的布局配置信息。

在一種可選的實(shí)施方式中，

所述方法還包括：

獲取登錄用戶的身份信息，根據(jù)所述身份信息從與所述身份信息對(duì)應(yīng)的歷史行為信息中，獲取與所述身份信息對(duì)應(yīng)的偏好信息；