基于制造技術(shù)

本申請的實(shí)施例提供了一種基于

【技術(shù)實(shí)現(xiàn)步驟摘要】
基于Ant Design的樹形數(shù)據(jù)處理方法、裝置、介質(zhì)及電子設(shè)備


[0001]本申請涉及計(jì)算機(jī)及數(shù)據(jù)處理
，具體而言，涉及一種基于
Ant Design
的樹形數(shù)據(jù)處理方法
、
裝置
、
介質(zhì)及電子設(shè)備
。

技術(shù)介紹

[0002]在
Ant Design
的應(yīng)用場景中，現(xiàn)有技術(shù)中的樹結(jié)構(gòu)組件只能根據(jù)從服務(wù)器下載的數(shù)據(jù)展示只讀樹形列表，樹形列表在使用時(shí)僅支持對原有數(shù)據(jù)的層級(jí)展示和勾選，如果需要編輯樹形列表，則需要通過更改源代碼的方式來實(shí)現(xiàn)，導(dǎo)致基于
Ant Design
的樹形數(shù)據(jù)處理不夠便捷，降低用戶體驗(yàn)，基于此，如何提高基于
Ant Design
的樹形數(shù)據(jù)處理的便捷性是亟待解決的技術(shù)問題
。

技術(shù)實(shí)現(xiàn)思路

[0003]本申請的實(shí)施例提供了一種基于
Ant Design
的樹形數(shù)據(jù)處理方法
、
裝置
、
計(jì)算機(jī)程序產(chǎn)品或計(jì)算機(jī)程序
、
計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)及電子設(shè)備，進(jìn)而至少在一定程度上可以提高基于
Ant Design
的樹形數(shù)據(jù)處理的便捷性
。
[0004]本申請的其他特性和優(yōu)點(diǎn)將通過下面的詳細(xì)描述變得顯然，或部分地通過本申請的實(shí)踐而習(xí)得
。
[0005]根據(jù)本申請實(shí)施例的一個(gè)方面，提供了一種基于
Ant Design
的樹形數(shù)據(jù)處理方法，所述方法包括：在界面中顯示樹形列表，所述樹形列表包括多個(gè)樹節(jié)點(diǎn)，所述樹節(jié)點(diǎn)用于在服務(wù)器中索引目標(biāo)業(yè)務(wù)數(shù)據(jù)，其中，每一個(gè)樹節(jié)點(diǎn)對應(yīng)一個(gè)層級(jí)，且配置有編輯控件；響應(yīng)于對任意一個(gè)樹節(jié)點(diǎn)所對應(yīng)編輯控件的點(diǎn)擊操作，觸發(fā)編輯事件，以供用戶對所述任意一個(gè)樹節(jié)點(diǎn)的節(jié)點(diǎn)信息進(jìn)行編輯；在對所述任意一個(gè)樹節(jié)點(diǎn)的節(jié)點(diǎn)信息編輯完成之后，將所述任意一個(gè)樹節(jié)點(diǎn)的節(jié)點(diǎn)信息發(fā)送至服務(wù)器，以在服務(wù)器中更新所述任意一個(gè)樹節(jié)點(diǎn)的節(jié)點(diǎn)信息，以及更新與所述任意一個(gè)樹節(jié)點(diǎn)相對應(yīng)的業(yè)務(wù)數(shù)據(jù)
。
[0006]在本申請的一些實(shí)施例中，基于前述方案，任意一個(gè)樹節(jié)點(diǎn)與其下一個(gè)層級(jí)的樹節(jié)點(diǎn)之間存在父子節(jié)點(diǎn)關(guān)系，所述樹形列表包括顯示在界面的樹節(jié)點(diǎn)和隱藏在界面中的樹節(jié)點(diǎn)，其中，顯示在界面中的第一目標(biāo)樹節(jié)點(diǎn)配置有展開
/
收起控件，所述第一目標(biāo)樹節(jié)點(diǎn)為不屬于最后一個(gè)層級(jí)的任意一個(gè)樹節(jié)點(diǎn)，所述方法還包括：響應(yīng)于對第一目標(biāo)樹節(jié)點(diǎn)所對應(yīng)展開
/
收起控件的點(diǎn)擊操作，在界面中展開或者收起第二目標(biāo)樹節(jié)點(diǎn)，所述第二目標(biāo)樹節(jié)點(diǎn)為所述第一目標(biāo)樹節(jié)點(diǎn)的子樹節(jié)點(diǎn)
。
[0007]在本申請的一些實(shí)施例中，基于前述方案，所述方法還包括：將第三目標(biāo)樹節(jié)點(diǎn)對應(yīng)的編輯控件隱藏在界面中的特定位置，所述第三目標(biāo)樹節(jié)點(diǎn)為顯示在界面中的任意一個(gè)樹節(jié)點(diǎn)；響應(yīng)于將界面觸控點(diǎn)移動(dòng)到所述特定位置，顯示所述第三目標(biāo)樹節(jié)點(diǎn)對應(yīng)的編輯控件
。
[0008]在本申請的一些實(shí)施例中，基于前述方案，所述編輯控件至少包括樹節(jié)點(diǎn)新增控件，樹節(jié)點(diǎn)刪除控件，樹節(jié)點(diǎn)修改控件
。
[0009]在本申請的一些實(shí)施例中，基于前述方案，在觸發(fā)編輯事件之前，所述方法還包括：獲取用戶的身份信息，并基于所述身份信息，判斷所述用戶是否具有觸發(fā)編輯事件的權(quán)限；如果所述用戶具有觸發(fā)編輯事件的權(quán)限，則觸發(fā)編輯事件；如果所述用戶不具有觸發(fā)編輯事件的權(quán)限，則拒絕觸發(fā)編輯事件
。
[0010]在本申請的一些實(shí)施例中，基于前述方案，所述方法還包括：在界面中顯示搜索框；響應(yīng)于對所述搜索框的輸入操作，獲取用戶輸入的搜索字段；突出展示與所述搜索字段相關(guān)聯(lián)的樹節(jié)點(diǎn)
。
[0011]在本申請的一些實(shí)施例中，基于前述方案，所述方法還包括：響應(yīng)于對任意一個(gè)樹節(jié)點(diǎn)的點(diǎn)擊操作，從服務(wù)器中下載與所述任意一個(gè)樹節(jié)點(diǎn)相對應(yīng)的業(yè)務(wù)數(shù)據(jù)；將與所述任意一個(gè)樹節(jié)點(diǎn)相對應(yīng)的業(yè)務(wù)數(shù)據(jù)展示在界面的特定區(qū)域
。
[0012]根據(jù)本申請實(shí)施例的一個(gè)方面，提供了一種基于
Ant Design
的樹形數(shù)據(jù)處理裝置，所述裝置包括：顯示單元，用于在界面中顯示樹形列表，所述樹形列表包括多個(gè)樹節(jié)點(diǎn)，所述樹節(jié)點(diǎn)用于在服務(wù)器中索引目標(biāo)業(yè)務(wù)數(shù)據(jù)，其中，每一個(gè)樹節(jié)點(diǎn)對應(yīng)一個(gè)層級(jí)，且配置有編輯控件；觸發(fā)單元，用于響應(yīng)于對任意一個(gè)樹節(jié)點(diǎn)所對應(yīng)編輯控件的點(diǎn)擊操作，觸發(fā)編輯事件，以供用戶對所述任意一個(gè)樹節(jié)點(diǎn)的節(jié)點(diǎn)信息進(jìn)行編輯；發(fā)送單元，用于在對所述任意一個(gè)樹節(jié)點(diǎn)的節(jié)點(diǎn)信息編輯完成之后，將所述任意一個(gè)樹節(jié)點(diǎn)的節(jié)點(diǎn)信息發(fā)送至服務(wù)器，以在服務(wù)器中更新所述任意一個(gè)樹節(jié)點(diǎn)的節(jié)點(diǎn)信息，以及更新與所述任意一個(gè)樹節(jié)點(diǎn)相對應(yīng)的業(yè)務(wù)數(shù)據(jù)
。
[0013]根據(jù)本申請實(shí)施例的一個(gè)方面，提供了一種計(jì)算機(jī)程序產(chǎn)品或計(jì)算機(jī)程序，該計(jì)算機(jī)程序產(chǎn)品或計(jì)算機(jī)程序包括計(jì)算機(jī)指令，該計(jì)算機(jī)指令存儲(chǔ)在計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)中
。
計(jì)算機(jī)設(shè)備的處理器從計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)讀取該計(jì)算機(jī)指令，處理器執(zhí)行該計(jì)算機(jī)指令，使得該計(jì)算機(jī)設(shè)備執(zhí)行上述實(shí)施例中所述的方法
。
[0014]根據(jù)本申請實(shí)施例的一個(gè)方面，提供了一種計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，其上存儲(chǔ)有計(jì)算機(jī)程序，所述計(jì)算機(jī)程序被處理器執(zhí)行時(shí)實(shí)現(xiàn)如上述實(shí)施例中所述的方法
。
[0015]根據(jù)本申請實(shí)施例的一個(gè)方面，提供了一種電子設(shè)備，包括：一個(gè)或多個(gè)處理器；存儲(chǔ)裝置，用于存儲(chǔ)一個(gè)或多個(gè)程序，當(dāng)所述一個(gè)或多個(gè)程序被所述一個(gè)或多個(gè)處理器執(zhí)行時(shí)，使得所述一個(gè)或多個(gè)處理器實(shí)現(xiàn)如上述實(shí)施例中所述的方法
。
[0016]在本申請的一些實(shí)施例所提供的技術(shù)方案中，通過為樹形列表中每一個(gè)樹節(jié)點(diǎn)配置編輯控件，可以使用戶通過點(diǎn)擊任意一個(gè)樹節(jié)點(diǎn)所對應(yīng)編輯控件就能觸發(fā)編輯事件，進(jìn)而可以對所述任意一個(gè)樹節(jié)點(diǎn)的節(jié)點(diǎn)信息進(jìn)行編輯，在服務(wù)器中更新所述任意一個(gè)樹節(jié)點(diǎn)的節(jié)點(diǎn)信息，以及更新與所述任意一個(gè)樹節(jié)點(diǎn)相對應(yīng)的業(yè)務(wù)數(shù)據(jù)，如此一來，提高了基于
Ant Design
的樹形數(shù)據(jù)處理的便捷性
。
[0017]應(yīng)當(dāng)理解的是，以上的一般描述和后文的細(xì)節(jié)描述僅是示例性和解釋性的，并不能限制本申請
。
附圖說明
[0018]此處的附圖被并入說明書中并構(gòu)成本說明書的一部分，示出了符合本申請的實(shí)施例，并與說明書一起用于解釋本申請的原理
。
顯而易見地，下面描述中的附圖僅僅是本申請的一些實(shí)施例，對于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動(dòng)的前提下，還可以根據(jù)
這些附圖獲得其他的附圖
。
在附圖中：
[0019]圖1示出了可以應(yīng)用本申請實(shí)施例的技術(shù)方案的系統(tǒng)架構(gòu)圖；
[0020]圖2示出了根據(jù)本申請一個(gè)實(shí)施例的基于
Ant Design
的樹形數(shù)據(jù)處理方法的流程圖；
[0021]圖3示出了根據(jù)本申請一個(gè)實(shí)施例的基于
Ant Design
的樹形數(shù)據(jù)處理的界面圖；本文檔來自技高網(wǎng)...

【技術(shù)保護(hù)點(diǎn)】

【技術(shù)特征摘要】
1.
一種基于
Ant Design
的樹形數(shù)據(jù)處理方法，其特征在于，所述方法包括：在界面中顯示樹形列表，所述樹形列表包括多個(gè)樹節(jié)點(diǎn)，所述樹節(jié)點(diǎn)用于在服務(wù)器中索引目標(biāo)業(yè)務(wù)數(shù)據(jù)，其中，每一個(gè)樹節(jié)點(diǎn)對應(yīng)一個(gè)層級(jí)，且配置有編輯控件；響應(yīng)于對任意一個(gè)樹節(jié)點(diǎn)所對應(yīng)編輯控件的點(diǎn)擊操作，觸發(fā)編輯事件，以供用戶對所述任意一個(gè)樹節(jié)點(diǎn)的節(jié)點(diǎn)信息進(jìn)行編輯；在對所述任意一個(gè)樹節(jié)點(diǎn)的節(jié)點(diǎn)信息編輯完成之后，將所述任意一個(gè)樹節(jié)點(diǎn)的節(jié)點(diǎn)信息發(fā)送至服務(wù)器，以在服務(wù)器中更新所述任意一個(gè)樹節(jié)點(diǎn)的節(jié)點(diǎn)信息，以及更新與所述任意一個(gè)樹節(jié)點(diǎn)相對應(yīng)的業(yè)務(wù)數(shù)據(jù)
。2.
根據(jù)權(quán)利要求1所述的方法，其特征在于，任意一個(gè)樹節(jié)點(diǎn)與其下一個(gè)層級(jí)的樹節(jié)點(diǎn)之間存在父子節(jié)點(diǎn)關(guān)系，所述樹形列表包括顯示在界面的樹節(jié)點(diǎn)和隱藏在界面中的樹節(jié)點(diǎn)，其中，顯示在界面中的第一目標(biāo)樹節(jié)點(diǎn)配置有展開
/
收起控件，所述第一目標(biāo)樹節(jié)點(diǎn)為不屬于最后一個(gè)層級(jí)的任意一個(gè)樹節(jié)點(diǎn)，所述方法還包括：響應(yīng)于對第一目標(biāo)樹節(jié)點(diǎn)所對應(yīng)展開
/
收起控件的點(diǎn)擊操作，在界面中展開或者收起第二目標(biāo)樹節(jié)點(diǎn)，所述第二目標(biāo)樹節(jié)點(diǎn)為所述第一目標(biāo)樹節(jié)點(diǎn)的子樹節(jié)點(diǎn)
。3.
根據(jù)權(quán)利要求2所述的方法，其特征在于，所述方法還包括：將第三目標(biāo)樹節(jié)點(diǎn)對應(yīng)的編輯控件隱藏在界面中的特定位置，所述第三目標(biāo)樹節(jié)點(diǎn)為顯示在界面中的任意一個(gè)樹節(jié)點(diǎn)；響應(yīng)于將界面觸控點(diǎn)移動(dòng)到所述特定位置，顯示所述第三目標(biāo)樹節(jié)點(diǎn)對應(yīng)的編輯控件
。4.
根據(jù)權(quán)利要求3所述的方法，其特征在于，所述編輯控件至少包括樹節(jié)點(diǎn)新增控件，樹節(jié)點(diǎn)刪除控件，樹節(jié)點(diǎn)修改控件
。5.
根據(jù)權(quán)利要求1所述的方法，其特征在于，在觸發(fā)編輯事件之前，所述方法還包括：獲取用戶的身份信息，并基于所述身份信息，判斷所述用戶是否具有觸發(fā)編輯事件的權(quán)限；如果所述...

【專利技術(shù)屬性】
技術(shù)研發(fā)人員：吳雪瑤，
申請(專利權(quán))人：上海杉數(shù)網(wǎng)絡(luò)科技有限公司杉數(shù)科技蘇州有限公司深圳市杉智科技有限公司，
類型：發(fā)明
國別省市：