本發(fā)明涉及程序代碼開發(fā)，尤指一種可評(píng)論的代碼開發(fā)界面的顯示方法及相關(guān)硬件。

背景技術(shù)：

1、目前，由于計(jì)算機(jī)程序代碼的復(fù)雜度日益加大，計(jì)算機(jī)程序代碼開發(fā)的過程已普遍采用多人協(xié)作開發(fā)模式。在多人協(xié)作開發(fā)過程中，參與協(xié)作開發(fā)的開發(fā)人員常有在線上處理合并請(qǐng)求、代碼評(píng)審、版本管理等工作的需要。但是，目前在代碼協(xié)作開發(fā)所涉及的上述場(chǎng)景中，不同的開發(fā)人員針對(duì)程序代碼進(jìn)行交流溝通的過程主要采用電子郵件、即時(shí)通信軟件、線下會(huì)議或在線會(huì)議等方式，交流溝通過程仍然存在一定的不便。例如電子郵件、即時(shí)通信軟件、在線會(huì)議等方式需要開發(fā)人員在代碼編輯器以外額外安裝另一個(gè)軟件使用，線下會(huì)議需要各開發(fā)人員同時(shí)到場(chǎng)。協(xié)作開發(fā)場(chǎng)景亟需一種更為方便的交流溝通方式。

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

1、本發(fā)明實(shí)施例提供一種可評(píng)論的代碼開發(fā)界面的顯示方法及相關(guān)硬件，用以提供一種較為方便的代碼協(xié)作開發(fā)交流方式。

2、本發(fā)明實(shí)施例提供了一種可評(píng)論的代碼開發(fā)界面的顯示方法，包括：

3、渲染顯示代碼開發(fā)界面，并在所述代碼開發(fā)界面上顯示協(xié)作開發(fā)的目標(biāo)代碼；

4、通過所述代碼開發(fā)界面的第一評(píng)論組件的評(píng)論編輯控件接收針對(duì)目標(biāo)代碼片段的評(píng)論信息編輯操作，將所述評(píng)論信息編輯操作提交至所述代碼管理平臺(tái)，以使所述代碼管理平臺(tái)根據(jù)所述評(píng)論信息編輯操作更新目標(biāo)評(píng)論信息集中所述目標(biāo)代碼片段對(duì)應(yīng)的目標(biāo)評(píng)論信息，以使至少一個(gè)代碼開發(fā)設(shè)備獲取所述目標(biāo)評(píng)論信息集并顯示所述目標(biāo)評(píng)論信息。

5、可選地，所述評(píng)論信息編輯操作包括新增目標(biāo)評(píng)論信息、修改目標(biāo)評(píng)論信息、刪除目標(biāo)評(píng)論信息中的至少一項(xiàng)。

6、可選地，初始渲染顯示代碼開發(fā)界面，并在所述代碼開發(fā)界面上顯示協(xié)作開發(fā)的目標(biāo)代碼，具體包括：

7、通過瀏覽器運(yùn)行所述代碼編輯器文件調(diào)用代碼編輯器組件；所述代碼編輯器組件基于vue編寫；

8、獲取編輯器選項(xiàng)editoroptions、所述目標(biāo)代碼，并通過屬性props傳遞給代碼編輯器組件；

9、通過所述代碼編輯器組件的mounted生命周期鉤子，根據(jù)所述props實(shí)例化摩納哥編輯器monaco?editor，顯示所述monaco?editor對(duì)應(yīng)的代碼開發(fā)界面，并在所述代碼開發(fā)界面上顯示協(xié)作開發(fā)的目標(biāo)代碼。

10、可選地，所述方法還包括：

11、從所述代碼管理平臺(tái)獲取目標(biāo)評(píng)論信息集；

12、若所述目標(biāo)評(píng)論信息集中包含與所述目標(biāo)代碼片段對(duì)應(yīng)的目標(biāo)評(píng)論信息，則在所述第一評(píng)論組件中顯示所述目標(biāo)評(píng)論信息；

13、其中，不同版本的代碼對(duì)應(yīng)不同的評(píng)論信息集。

14、可選地，從所述代碼管理平臺(tái)獲取目標(biāo)評(píng)論信息集之后，所述方法還包括：

15、將當(dāng)前獲取的所述目標(biāo)評(píng)論信息集通過屬性props傳遞給代碼編輯器組件。

16、可選地，所述方法還包括：

17、響應(yīng)于針對(duì)所述目標(biāo)代碼片段的觸發(fā)操作，顯示第二評(píng)論組件；其中所述第二評(píng)論組件包括評(píng)論組件觸發(fā)控件；

18、若接收到針對(duì)所述評(píng)論組件觸發(fā)控件的目標(biāo)交互指令，則顯示所述目標(biāo)代碼片段對(duì)應(yīng)的所述第一評(píng)論組件。

19、可選地，若所述目標(biāo)評(píng)論信息集中包含與所述目標(biāo)代碼片段對(duì)應(yīng)的目標(biāo)評(píng)論信息，則所述第二評(píng)論組件還包括編輯所述目標(biāo)評(píng)論信息的目標(biāo)賬戶頭像；

20、在顯示所述第二評(píng)論組件的過程中，通過如下方式顯示目標(biāo)賬戶頭像：

21、通過在所述代碼開發(fā)界面對(duì)應(yīng)的頁(yè)面結(jié)構(gòu)數(shù)據(jù)中執(zhí)行model.deltadecorations方法以去除其它代碼片段對(duì)應(yīng)的容器的已有的裝飾類名，并為所述目標(biāo)代碼片段對(duì)應(yīng)的目標(biāo)容器添加目標(biāo)裝飾類名；

22、確定編輯所述目標(biāo)評(píng)論信息的目標(biāo)賬戶；

23、通過在所述代碼開發(fā)界面對(duì)應(yīng)的頁(yè)面樣式數(shù)據(jù)中執(zhí)行setattribute方法為所述目標(biāo)裝飾類名對(duì)應(yīng)的層疊樣式表css屬性配置目標(biāo)賬戶頭像css屬性，以在所述第二評(píng)論組件中顯示所述目標(biāo)賬戶頭像。

24、可選地，所述響應(yīng)于針對(duì)所述目標(biāo)代碼片段的觸發(fā)操作，顯示第二評(píng)論組件，具體包括：

25、通過預(yù)注冊(cè)的鼠標(biāo)事件處理器監(jiān)聽觸發(fā)的鼠標(biāo)事件，根據(jù)監(jiān)聽到的鼠標(biāo)事件確定光標(biāo)移動(dòng)至所述代碼開發(fā)界面中目標(biāo)代碼片段所在位置時(shí)，執(zhí)行用于顯示第二評(píng)論組件的預(yù)設(shè)響應(yīng)方法；

26、其中，所述鼠標(biāo)事件處理器包括editor.onmousemove和/或editor.onmouseleave。

27、可選地，所述代碼編輯器組件還包括編輯器配置設(shè)置控件；

28、所述方法還包括：

29、響應(yīng)于針對(duì)所述編輯器配置設(shè)置控件的操作指令，調(diào)用updateoptions方法更新editoroptions，并通過props傳遞給所述代碼編輯器組件以更新所述代碼開發(fā)界面。

30、基于同一發(fā)明構(gòu)思，本發(fā)明實(shí)施例還提供了一種代碼開發(fā)設(shè)備，包括：

31、代碼顯示單元，用于渲染顯示代碼開發(fā)界面，并在所述代碼開發(fā)界面上顯示協(xié)作開發(fā)的目標(biāo)代碼；

32、評(píng)論編輯單元，用于通過所述代碼開發(fā)界面的第一評(píng)論組件的評(píng)論編輯控件接收針對(duì)目標(biāo)代碼片段的評(píng)論信息編輯操作，將所述評(píng)論信息編輯操作提交至所述代碼管理平臺(tái)，以使所述代碼管理平臺(tái)根據(jù)所述評(píng)論信息編輯操作更新目標(biāo)評(píng)論信息集中所述目標(biāo)代碼片段對(duì)應(yīng)的目標(biāo)評(píng)論信息，以使至少一個(gè)代碼開發(fā)設(shè)備獲取所述目標(biāo)評(píng)論信息集并顯示所述目標(biāo)評(píng)論信息。

33、基于同一發(fā)明構(gòu)思，本發(fā)明實(shí)施例還提供了一種代碼開發(fā)設(shè)備，包括：處理器和用于存儲(chǔ)所述處理器可執(zhí)行指令的存儲(chǔ)器；

34、其中，所述處理器被配置為執(zhí)行所述指令，以實(shí)現(xiàn)所述的可評(píng)論的代碼開發(fā)界面的顯示方法。

35、基于同一發(fā)明構(gòu)思，本發(fā)明實(shí)施例還提供了一種計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，所述計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)存儲(chǔ)有計(jì)算機(jī)程序代碼，當(dāng)所述計(jì)算機(jī)程序代碼在計(jì)算機(jī)上運(yùn)行時(shí)，使得計(jì)算機(jī)執(zhí)行所述的可評(píng)論的代碼開發(fā)界面的顯示方法。

36、基于同一發(fā)明構(gòu)思，本發(fā)明實(shí)施例還提供了一種計(jì)算機(jī)程序產(chǎn)品，所述計(jì)算機(jī)程序產(chǎn)品包括：計(jì)算機(jī)程序代碼，當(dāng)所述計(jì)算機(jī)程序代碼在計(jì)算機(jī)上運(yùn)行時(shí)，使得計(jì)算機(jī)執(zhí)行所述的可評(píng)論的代碼開發(fā)界面的顯示方法。

37、本發(fā)明有益效果如下：

38、本發(fā)明實(shí)施例提供的可評(píng)論的代碼開發(fā)界面的顯示方法及相關(guān)硬件，通過為開發(fā)人員在代碼編輯器的界面上提供評(píng)論功能，相比于協(xié)作開發(fā)過程中不同的開發(fā)人員通過電子郵件、即時(shí)通信軟件等進(jìn)行交流的方式，本發(fā)明實(shí)施例提供了一種較為簡(jiǎn)便的方式實(shí)現(xiàn)對(duì)同一段代碼多人協(xié)作交流討論，評(píng)論功能避免了傳統(tǒng)郵件或聊天工具中因上下文缺失而導(dǎo)致的溝通障礙。

技術(shù)特征：

1.一種可評(píng)論的代碼開發(fā)界面的顯示方法，其特征在于，包括：

2.如權(quán)利要求1所述的方法，其特征在于，所述評(píng)論信息編輯操作包括新增目標(biāo)評(píng)論信息、修改目標(biāo)評(píng)論信息、刪除目標(biāo)評(píng)論信息中的至少一項(xiàng)。

3.如權(quán)利要求1所述的方法，其特征在于，初始渲染顯示代碼開發(fā)界面，并在所述代碼開發(fā)界面上顯示協(xié)作開發(fā)的目標(biāo)代碼，具體包括：

4.如權(quán)利要求1或3所述的方法，其特征在于，所述方法還包括：

5.如權(quán)利要求4所述的方法，其特征在于，從所述代碼管理平臺(tái)獲取目標(biāo)評(píng)論信息集之后，所述方法還包括：

6.如權(quán)利要求1或3所述的方法，其特征在于，所述方法還包括：

7.如權(quán)利要求6所述的方法，其特征在于，若所述目標(biāo)評(píng)論信息集中包含與所述目標(biāo)代碼片段對(duì)應(yīng)的目標(biāo)評(píng)論信息，則所述第二評(píng)論組件還包括編輯所述目標(biāo)評(píng)論信息的目標(biāo)賬戶頭像；

8.如權(quán)利要求6所述的方法，其特征在于，所述響應(yīng)于針對(duì)所述目標(biāo)代碼片段的觸發(fā)操作，顯示第二評(píng)論組件，具體包括：

9.如權(quán)利要求3所述的方法，其特征在于，所述代碼編輯器組件還包括編輯器配置設(shè)置控件；

10.一種代碼開發(fā)設(shè)備，其特征在于，包括：

11.一種代碼開發(fā)設(shè)備，其特征在于，包括：處理器和用于存儲(chǔ)所述處理器可執(zhí)行指令的存儲(chǔ)器；

12.一種計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)，其特征在于，所述計(jì)算機(jī)可讀存儲(chǔ)介質(zhì)存儲(chǔ)有計(jì)算機(jī)程序代碼，當(dāng)所述計(jì)算機(jī)程序代碼在計(jì)算機(jī)上運(yùn)行時(shí)，使得計(jì)算機(jī)執(zhí)行上述如權(quán)利要求1-9任一項(xiàng)所述的可評(píng)論的代碼開發(fā)界面的顯示方法。

13.一種計(jì)算機(jī)程序產(chǎn)品，其特征在于，所述計(jì)算機(jī)程序產(chǎn)品包括：計(jì)算機(jī)程序代碼，當(dāng)所述計(jì)算機(jī)程序代碼在計(jì)算機(jī)上運(yùn)行時(shí)，使得計(jì)算機(jī)執(zhí)行上述如權(quán)利要求1-9任一項(xiàng)所述的可評(píng)論的代碼開發(fā)界面的顯示方法。

技術(shù)總結(jié)
本發(fā)明實(shí)施例提供了一種可評(píng)論的代碼開發(fā)界面的顯示方法及相關(guān)硬件，涉及程序代碼開發(fā)技術(shù)領(lǐng)域，包括：渲染顯示代碼開發(fā)界面，并在代碼開發(fā)界面上顯示協(xié)作開發(fā)的目標(biāo)代碼；通過代碼開發(fā)界面的第一評(píng)論組件的評(píng)論編輯控件接收針對(duì)目標(biāo)代碼片段的評(píng)論信息編輯操作，將評(píng)論信息編輯操作提交至代碼管理平臺(tái)，以使代碼管理平臺(tái)根據(jù)評(píng)論信息編輯操作更新目標(biāo)評(píng)論信息集中目標(biāo)代碼片段對(duì)應(yīng)的目標(biāo)評(píng)論信息，以使至少一個(gè)代碼開發(fā)設(shè)備獲取目標(biāo)評(píng)論信息集并顯示目標(biāo)評(píng)論信息。通過為開發(fā)人員在代碼編輯器的界面上提供評(píng)論功能，提供了一種較為簡(jiǎn)便的方式實(shí)現(xiàn)對(duì)同一段代碼多人協(xié)作交流討論，避免了傳統(tǒng)郵件或聊天工具中因上下文缺失而導(dǎo)致的溝通障礙。

技術(shù)研發(fā)人員：張一涵,鄧文瑜,郭捷捷,劉清華,楊毅
受保護(hù)的技術(shù)使用者：中國(guó)電信股份有限公司技術(shù)創(chuàng)新中心
技術(shù)研發(fā)日：
技術(shù)公布日：2025/1/6