本公開涉及計(jì)算機(jī)，尤其涉及一種二次確認(rèn)彈框生成方法、裝置、設(shè)備及可讀存儲(chǔ)介質(zhì)。

背景技術(shù)：

1、在業(yè)務(wù)系統(tǒng)中，按鈕是一種非常常見(jiàn)的網(wǎng)頁(yè)元素，當(dāng)點(diǎn)擊一些比如“訂單刪除”、“訂單確認(rèn)”等類似的比較重要的按鈕時(shí)，往往會(huì)需要有二次確認(rèn)彈窗讓用戶確認(rèn)，主要目的是避免用戶的誤操作。

2、目前，在前端網(wǎng)頁(yè)開發(fā)中，往往有一些第三方的組件庫(kù)比如elementui、arco-design等提供按鈕和彈框組件讓用戶調(diào)用，從而簡(jiǎn)化開發(fā)流程，提高開發(fā)效率。

3、但是，在實(shí)際使用時(shí)，還是會(huì)存在大量重復(fù)代碼的書寫，比如需要編寫代碼來(lái)添加彈框組件，或控制彈框組件的顯示和隱藏，開發(fā)流程復(fù)雜。而且，當(dāng)按鈕和服務(wù)端有接口調(diào)用時(shí)，需要將按鈕置為不可點(diǎn)擊(禁用)狀態(tài)，并且有些按鈕的不可點(diǎn)擊狀態(tài)具有關(guān)聯(lián)性，比如當(dāng)刪除某條數(shù)據(jù)時(shí)，這條數(shù)據(jù)的其他修改操作是不可進(jìn)行的，此種情況下，也會(huì)編寫重復(fù)代碼來(lái)達(dá)到上述目的，開發(fā)流程不夠簡(jiǎn)化。因此，亟需一種方法來(lái)簡(jiǎn)化上述開發(fā)過(guò)程。

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

1、為了解決上述技術(shù)問(wèn)題或者至少部分地解決上述技術(shù)問(wèn)題，本公開提供了一種二次確認(rèn)彈框生成方法、裝置、設(shè)備及可讀存儲(chǔ)介質(zhì)。

2、第一方面，本公開實(shí)施例提供一種二次確認(rèn)彈框生成方法，所述方法包括：

3、將二次確認(rèn)彈框的組件配置數(shù)據(jù)初始化；

4、調(diào)用按鈕渲染函數(shù)，生成目標(biāo)按鈕；

5、檢測(cè)到目標(biāo)按鈕點(diǎn)擊事件，調(diào)用二次確認(rèn)彈框函數(shù)，生成二次確認(rèn)彈框；

6、響應(yīng)于用戶在所述二次確認(rèn)彈框中的確認(rèn)操作，執(zhí)行目標(biāo)按鈕點(diǎn)擊事件。

7、在一些實(shí)施例中，所述將二次確認(rèn)彈框的組件配置數(shù)據(jù)初始化，包括：

8、配置二次確認(rèn)彈框的類型以及二次確認(rèn)彈框的顯示內(nèi)容；所述二次確認(rèn)彈框的類型包括第一類型或第二類型；

9、配置目標(biāo)按鈕的標(biāo)識(shí)以及配置與目標(biāo)按鈕共享禁用狀態(tài)的其他按鈕的標(biāo)識(shí)。

10、在一些實(shí)施例中，所述調(diào)用按鈕渲染函數(shù)，生成目標(biāo)按鈕之前，包括：

11、封裝按鈕渲染函數(shù)；

12、所述封裝按鈕渲染函數(shù)，包括：

13、將目標(biāo)按鈕的按鈕屬性與插槽綁定；

14、設(shè)置目標(biāo)按鈕禁用條件；

15、將按鈕渲染函數(shù)與目標(biāo)按鈕點(diǎn)擊事件進(jìn)行綁定。

16、在一些實(shí)施例中，所述設(shè)置目標(biāo)按鈕禁用條件，包括：

17、當(dāng)用于標(biāo)記按鈕禁用狀態(tài)的變量為第一變量時(shí)，設(shè)置對(duì)目標(biāo)按鈕禁用；和/或

18、當(dāng)禁用狀態(tài)收集器中目標(biāo)按鈕的禁用屬性為第一屬性時(shí)，設(shè)置對(duì)目標(biāo)按鈕禁用；和/或

19、當(dāng)禁用狀態(tài)收集器中與目標(biāo)按鈕共享禁用狀態(tài)的其他按鈕的禁用屬性為第一屬性時(shí)，設(shè)置對(duì)目標(biāo)按鈕禁用。

20、在一些實(shí)施例中，所述檢測(cè)到目標(biāo)按鈕點(diǎn)擊事件，調(diào)用二次確認(rèn)彈框函數(shù)，生成二次確認(rèn)彈框，包括：

21、封裝點(diǎn)擊事件攔截器；

22、檢測(cè)到目標(biāo)按鈕點(diǎn)擊事件，通過(guò)點(diǎn)擊事件攔截器攔截所述目標(biāo)按鈕點(diǎn)擊事件；

23、基于二次確認(rèn)彈框的類型以及二次確認(rèn)彈框的顯示內(nèi)容，封裝二次確認(rèn)彈框函數(shù)；

24、調(diào)用所述二次確認(rèn)彈框函數(shù)，生成與二次確認(rèn)彈框的類型對(duì)應(yīng)的二次確認(rèn)彈框。

25、在一些實(shí)施例中，所述通過(guò)點(diǎn)擊事件攔截器攔截所述目標(biāo)按鈕點(diǎn)擊事件，包括：

26、通過(guò)點(diǎn)擊事件攔截器將用于標(biāo)記按鈕禁用狀態(tài)的變量設(shè)置為第一變量，并基于所述組件配置數(shù)據(jù)判斷用戶是否向禁用狀態(tài)收集器中傳入目標(biāo)按鈕的標(biāo)識(shí)；

27、若傳入，則在禁用狀態(tài)收集器中添加目標(biāo)按鈕的標(biāo)識(shí)，設(shè)置目標(biāo)按鈕的禁用屬性為第一屬性，以攔截所述目標(biāo)按鈕點(diǎn)擊事件。

28、在一些實(shí)施例中，所述響應(yīng)于用戶在所述二次確認(rèn)彈框中的確認(rèn)操作，執(zhí)行目標(biāo)按鈕點(diǎn)擊事件，包括：

29、響應(yīng)于用戶在所述二次確認(rèn)彈框中的確認(rèn)操作，通過(guò)點(diǎn)擊事件攔截器觸發(fā)目標(biāo)按鈕點(diǎn)擊事件；

30、執(zhí)行所述目標(biāo)按鈕點(diǎn)擊事件；

31、當(dāng)目標(biāo)按鈕點(diǎn)擊事件執(zhí)行完成時(shí)，通過(guò)點(diǎn)擊事件攔截器將用于標(biāo)記按鈕禁用狀態(tài)的變量設(shè)置為第二變量，并刪除禁用狀態(tài)收集器中的目標(biāo)按鈕的標(biāo)識(shí)。

32、第二方面，本公開實(shí)施例提供一種二次確認(rèn)彈框生成裝置，所述裝置包括：

33、初始化模塊，用于將二次確認(rèn)彈框的組件配置數(shù)據(jù)初始化；

34、第一調(diào)用模塊，用于調(diào)用按鈕渲染函數(shù)，生成目標(biāo)按鈕；

35、第二調(diào)用模塊，用于檢測(cè)到目標(biāo)按鈕點(diǎn)擊事件，調(diào)用二次確認(rèn)彈框函數(shù)，生成二次確認(rèn)彈框；

36、執(zhí)行模塊，用于響應(yīng)于用戶在所述二次確認(rèn)彈框中的確認(rèn)操作，執(zhí)行目標(biāo)按鈕點(diǎn)擊事件。

37、第三方面，本公開實(shí)施例提供一種電子設(shè)備，包括：

38、存儲(chǔ)器；

39、處理器；以及

40、計(jì)算機(jī)程序；

41、其中，所述計(jì)算機(jī)程序存儲(chǔ)在所述存儲(chǔ)器中，并被配置為由所述處理器執(zhí)行以實(shí)現(xiàn)如第一方面所述的方法。

42、第四方面，本公開實(shí)施例提供一種計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，其上存儲(chǔ)有計(jì)算機(jī)程序，所述計(jì)算機(jī)程序被處理器執(zhí)行以實(shí)現(xiàn)如第一方面所述的方法。

43、第五方面，本公開實(shí)施例還提供了一種計(jì)算機(jī)程序產(chǎn)品，該計(jì)算機(jī)程序產(chǎn)品包括計(jì)算機(jī)程序或指令，該計(jì)算機(jī)程序或指令被處理器執(zhí)行時(shí)實(shí)現(xiàn)如第一方面所述的方法。

44、本公開實(shí)施例提供的二次確認(rèn)彈框生成方法、裝置、設(shè)備及可讀存儲(chǔ)介質(zhì)，通過(guò)將二次確認(rèn)彈框的組件配置數(shù)據(jù)初始化，調(diào)用按鈕渲染函數(shù)，生成目標(biāo)按鈕，檢測(cè)到目標(biāo)按鈕點(diǎn)擊事件，調(diào)用二次確認(rèn)彈框函數(shù)，生成二次確認(rèn)彈框，響應(yīng)于用戶在所述二次確認(rèn)彈框中的確認(rèn)操作，執(zhí)行目標(biāo)按鈕點(diǎn)擊事件。相較于現(xiàn)有技術(shù)，本公開實(shí)施例通過(guò)調(diào)用按鈕渲染函數(shù)，生成目標(biāo)按鈕，檢測(cè)到目標(biāo)按鈕點(diǎn)擊事件，調(diào)用二次確認(rèn)彈框函數(shù)，生成二次確認(rèn)彈框，通過(guò)該方法，不需要額外引入確認(rèn)彈框組件，也不需要編寫相關(guān)代碼，極大的提高了開發(fā)效率。

技術(shù)特征：

1.一種二次確認(rèn)彈框生成方法，其特征在于，所述方法包括：

2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述將二次確認(rèn)彈框的組件配置數(shù)據(jù)初始化，包括：

3.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述調(diào)用按鈕渲染函數(shù)，生成目標(biāo)按鈕之前，包括：

4.根據(jù)權(quán)利要求3所述的方法，其特征在于，所述設(shè)置目標(biāo)按鈕禁用條件，包括：

5.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述檢測(cè)到目標(biāo)按鈕點(diǎn)擊事件，調(diào)用二次確認(rèn)彈框函數(shù)，生成二次確認(rèn)彈框，包括：

6.根據(jù)權(quán)利要求5所述的方法，其特征在于，所述通過(guò)點(diǎn)擊事件攔截器攔截所述目標(biāo)按鈕點(diǎn)擊事件，包括：

7.根據(jù)權(quán)利要求5所述的方法，其特征在于，所述響應(yīng)于用戶在所述二次確認(rèn)彈框中的確認(rèn)操作，執(zhí)行目標(biāo)按鈕點(diǎn)擊事件，包括：

8.一種二次確認(rèn)彈框生成裝置，其特征在于，所述裝置包括：

9.一種電子設(shè)備，其特征在于，包括：

10.一種計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，其上存儲(chǔ)有計(jì)算機(jī)程序，其特征在于，所述計(jì)算機(jī)程序被處理器執(zhí)行時(shí)實(shí)現(xiàn)如權(quán)利要求1-7中任一項(xiàng)所述的方法。

技術(shù)總結(jié)
本公開涉及一種二次確認(rèn)彈框生成方法、裝置、設(shè)備及可讀存儲(chǔ)介質(zhì)。通過(guò)將二次確認(rèn)彈框的組件配置數(shù)據(jù)初始化，調(diào)用按鈕渲染函數(shù)，生成目標(biāo)按鈕，檢測(cè)到目標(biāo)按鈕點(diǎn)擊事件，調(diào)用二次確認(rèn)彈框函數(shù)，生成二次確認(rèn)彈框，響應(yīng)于用戶在所述二次確認(rèn)彈框中的確認(rèn)操作，執(zhí)行目標(biāo)按鈕點(diǎn)擊事件。相較于現(xiàn)有技術(shù)，本公開實(shí)施例通過(guò)調(diào)用按鈕渲染函數(shù)，生成目標(biāo)按鈕，檢測(cè)到目標(biāo)按鈕點(diǎn)擊事件，調(diào)用二次確認(rèn)彈框函數(shù)，生成二次確認(rèn)彈框，通過(guò)該方法，不需要額外引入確認(rèn)彈框組件，也不需要編寫相關(guān)代碼，極大的提高了開發(fā)效率。

技術(shù)研發(fā)人員：齊磊
受保護(hù)的技術(shù)使用者：中電云計(jì)算技術(shù)有限公司
技術(shù)研發(fā)日：
技術(shù)公布日：2024/12/19