[發(fā)明專利]基于關(guān)系圖的組件配置方法、裝置及計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)

有效

• 申請(qǐng)?zhí)枺?/td>: 202010713346.1
• 申請(qǐng)日: 2020-07-22
• 公開(kāi)（公告）號(hào): CN111736836B
• 公開(kāi)（公告）日: 2020-11-17
• 發(fā)明（設(shè)計(jì)）人: 洪篤輝
• 申請(qǐng)（專利權(quán)）人: 平安國(guó)際智慧城市科技股份有限公司
• 主分類號(hào): G06F8/38
• 分類號(hào): G06F8/38;G06F8/34;G06F3/0486;G06F3/0487
• 代理公司: 深圳市沃德知識(shí)產(chǎn)權(quán)代理事務(wù)所(普通合伙) 44347
• 代理人: 高杰;于志光

1.一種基于關(guān)系圖的組件配置方法，其特征在于，包括：

響應(yīng)用戶在表單設(shè)計(jì)器的表單頁(yè)面上觸發(fā)的關(guān)于所述表單頁(yè)面上展示的組件和數(shù)據(jù)服務(wù)之間關(guān)系圖的配置指令，根據(jù)所述配置指令在所述表單設(shè)計(jì)器的配置頁(yè)面上對(duì)所述表單頁(yè)面上的組件和數(shù)據(jù)服務(wù)進(jìn)行渲染；

遍歷所述組件的元數(shù)據(jù)，得到所述組件的配置屬性信息；

根據(jù)所述配置屬性信息，得到所述組件和數(shù)據(jù)服務(wù)之間的配置關(guān)系以及各組件之間的聯(lián)動(dòng)關(guān)系；

對(duì)所述配置關(guān)系和聯(lián)動(dòng)關(guān)系進(jìn)行渲染，在所述配置頁(yè)面上生成組件關(guān)系圖；

響應(yīng)用戶在所述組件關(guān)系圖上觸發(fā)的鼠標(biāo)事件，根據(jù)所述鼠標(biāo)事件對(duì)所述組件關(guān)系圖中的配置關(guān)系和聯(lián)動(dòng)關(guān)系動(dòng)態(tài)進(jìn)行調(diào)整。

2.如權(quán)利要求1所述的基于關(guān)系圖的組件配置方法，其特征在于，所述根據(jù)所述配置指令在所述表單設(shè)計(jì)器的配置頁(yè)面上對(duì)所述表單頁(yè)面上的組件和數(shù)據(jù)服務(wù)進(jìn)行渲染包括：

根據(jù)所述配置指令從表單設(shè)計(jì)器的表單頁(yè)面獲取組件的元信息，所述組件的元信息包括組件名稱、組件標(biāo)識(shí)符、組件排列位置及組件配置屬性；

在所述配置頁(yè)面的第一區(qū)域，將組件按照所述組件排列位置以預(yù)設(shè)排列順序排列開(kāi)并渲染成節(jié)點(diǎn)；

從表單設(shè)計(jì)器的數(shù)據(jù)面板獲取數(shù)據(jù)服務(wù)的元信息，所述數(shù)據(jù)服務(wù)的元信息包括服務(wù)名稱、服務(wù)標(biāo)識(shí)符及服務(wù)排列位置；

在所述配置頁(yè)面的第二區(qū)域，將數(shù)據(jù)服務(wù)按照所述服務(wù)排列位置以所述預(yù)設(shè)排列順序排列開(kāi)并渲染成節(jié)點(diǎn)。

3.如權(quán)利要求2所述的基于關(guān)系圖的組件配置方法，其特征在于，該方法還包括：

計(jì)算各組件節(jié)點(diǎn)四條邊的中心點(diǎn)在所述配置頁(yè)面上的坐標(biāo)，并存入預(yù)設(shè)的第一字典，所述第一字典包括一對(duì)以上數(shù)組，每對(duì)數(shù)組包括一個(gè)鍵值和與該鍵值對(duì)應(yīng)的中心點(diǎn)坐標(biāo)；

計(jì)算各數(shù)據(jù)服務(wù)節(jié)點(diǎn)四條邊的中心點(diǎn)在所述配置頁(yè)面上的坐標(biāo)，并存入預(yù)設(shè)的第二字典，所述第二字典包括一對(duì)以上數(shù)組，每對(duì)數(shù)組包括一個(gè)鍵值和與該鍵值對(duì)應(yīng)的中心點(diǎn)坐標(biāo)。

4.如權(quán)利要求3所述的基于關(guān)系圖的組件配置方法，其特征在于，根據(jù)所述配置屬性信息，得到所述組件和數(shù)據(jù)服務(wù)之間的配置關(guān)系，對(duì)所述配置關(guān)系進(jìn)行渲染包括：

根據(jù)所述配置屬性信息獲取與所述組件有配置關(guān)系的數(shù)據(jù)服務(wù)對(duì)應(yīng)的服務(wù)標(biāo)識(shí)符的值和服務(wù)類型的值；

從所述第二字典獲取與所述服務(wù)標(biāo)識(shí)符的值一致的鍵值，并獲得所述鍵值對(duì)應(yīng)的一組服務(wù)節(jié)點(diǎn)坐標(biāo)，從所述第一字典獲取所述組件節(jié)點(diǎn)的鍵值對(duì)應(yīng)的組件節(jié)點(diǎn)坐標(biāo)；

根據(jù)預(yù)設(shè)算法從所述組件節(jié)點(diǎn)坐標(biāo)中確定一個(gè)第一中心點(diǎn)，從所述服務(wù)節(jié)點(diǎn)坐標(biāo)中確定一個(gè)第二中心點(diǎn)，渲染所述第一中心點(diǎn)至所述第二中心點(diǎn)之間的配置連線，并根據(jù)所述服務(wù)類型的值渲染所述配置連線的箭頭方向和文字標(biāo)識(shí)。

5.如權(quán)利要求3所述的基于關(guān)系圖的組件配置方法，其特征在于，根據(jù)所述配置屬性信息，得到各組件之間的聯(lián)動(dòng)關(guān)系，對(duì)所述聯(lián)動(dòng)關(guān)系進(jìn)行渲染包括：

根據(jù)所述配置屬性信息獲取服務(wù)列表，遍歷服務(wù)列表獲取服務(wù)配置信息，根據(jù)服務(wù)配置信息獲取組件標(biāo)識(shí)符的值；

從所述第一字典獲取與組件標(biāo)識(shí)符的值一致的鍵值，并獲得所述鍵值對(duì)應(yīng)的一組聯(lián)動(dòng)組件節(jié)點(diǎn)坐標(biāo)，從所述第一字典獲取所述組件節(jié)點(diǎn)的鍵值對(duì)應(yīng)的所述組件節(jié)點(diǎn)坐標(biāo)；

根據(jù)預(yù)設(shè)算法從所述組件節(jié)點(diǎn)坐標(biāo)中確定一個(gè)第三中心點(diǎn)，從所述聯(lián)動(dòng)組件節(jié)點(diǎn)坐標(biāo)中選擇第四中心點(diǎn)，渲染所述第三中心點(diǎn)至所述第四中心點(diǎn)之間的聯(lián)動(dòng)連線以及從所述第三中心點(diǎn)到所述第四中心點(diǎn)的箭頭方向，并在所述聯(lián)動(dòng)連線上渲染預(yù)設(shè)標(biāo)識(shí)。

6.如權(quán)利要求1所述的基于關(guān)系圖的組件配置方法，其特征在于，所述響應(yīng)用戶在所述組件關(guān)系圖上觸發(fā)的鼠標(biāo)事件，根據(jù)所述鼠標(biāo)事件對(duì)所述組件關(guān)系圖中的配置關(guān)系和聯(lián)動(dòng)關(guān)系動(dòng)態(tài)進(jìn)行調(diào)整包括：

通過(guò)鼠標(biāo)事件接口監(jiān)聽(tīng)用戶在所述組件關(guān)系圖上觸發(fā)的鼠標(biāo)事件，根據(jù)所述鼠標(biāo)事件對(duì)所述組件關(guān)系圖中的配置關(guān)系和聯(lián)動(dòng)關(guān)系動(dòng)態(tài)進(jìn)行調(diào)整。