DevExtreme擁有高性能的HTML5 / JavaScript小部件集合，使您可以利用現(xiàn)代Web開(kāi)發(fā)堆棧（包括React，Angular，ASP.NET Core，jQuery，Knockout等）構(gòu)建交互式的Web應(yīng)用程序。從Angular和Reac，到ASP.NET Core或Vue，DevExtreme包含全面的高性能和響應(yīng)式UI小部件集合，可在傳統(tǒng)Web和下一代移動(dòng)應(yīng)用程序中使用。 該套件附帶功能齊全的數(shù)據(jù)網(wǎng)格、交互式圖表小部件、數(shù)據(jù)編輯器等。

DevExpress JS & ASP.NET Core v24.2已全新發(fā)布，新版本官宣了全新的聊天組件、集成了AI&聊天機(jī)器人等，歡迎下載最新版組件體驗(yàn)！

DevExpress技術(shù)交流群11：749942875      歡迎一起進(jìn)群討論

全新的聊天組件

全新的DevExtreme Chat Component (v24.2)允許您解決各種使用場(chǎng)景，并在您的下一個(gè)DevExpress驅(qū)動(dòng)的web應(yīng)用程序中引入實(shí)時(shí)通信支持。

使用DevExtreme Chat，您可以：

• 主持內(nèi)部/人際互動(dòng)（一對(duì)一或群聊），理想的社交網(wǎng)絡(luò)和/或內(nèi)部協(xié)作。
• 集成人工智能服務(wù)和/或聊天機(jī)器人：將DevExtreme Chat連接到人工智能服務(wù)或聊天機(jī)器人，以獲得全天候支持服務(wù)。提供即時(shí)的答案，并通過(guò)智能交互擴(kuò)展參與。
• 在支持專(zhuān)家和客戶(hù)之間引入即時(shí)通信選項(xiàng)。

DevExtreme Chat組件支持以下選項(xiàng)/功能：

• AI（人工智能）擴(kuò)展
• 數(shù)據(jù)源支持
• 彈窗整合
• 自定義空狀態(tài)文本
• 用戶(hù)界面定制
• 消息模板
• 錯(cuò)誤支持
• 可訪問(wèn)性合規(guī)
• 鍵盤(pán)導(dǎo)航
• 國(guó)際化(從右到左)

注意：DevExtreme Chat是一個(gè)客戶(hù)端組件，需要一個(gè)獨(dú)立的后端解決方案來(lái)發(fā)揮其潛力。

設(shè)置初始消息和呈現(xiàn)新消息

要設(shè)置初始消息，請(qǐng)為消息分配 數(shù)組，或者使用 將Chat組件綁定到數(shù)據(jù)。

要呈現(xiàn)一條新消息，您必須：

• 如果使用，則更新items數(shù)組。如果使用Query，調(diào)用函數(shù)。
• 如果使用dataSource，則實(shí)現(xiàn)加載和插入CRUD操作。

無(wú)論使用何種方法，都必須將新消息發(fā)送到后端。

AI和聊天機(jī)器人的集成

使用DevExtreme Chat UI組件，您可以合并AI驅(qū)動(dòng)的應(yīng)用程序助手，實(shí)現(xiàn)受Copilot啟發(fā)的用戶(hù)界面等。要將這些功能引入下一個(gè)DevExtreme驅(qū)動(dòng)的web應(yīng)用程序，只需在后端設(shè)置適當(dāng)?shù)腁I服務(wù)（Microsoft/OpenAI - GPT，Google - Gemini，通過(guò)Ollama的自托管模型或其他AI服務(wù)）。

新版本在DevExpress的兩款產(chǎn)品中充分利用了DevExtreme Chat的AI集成潛力：Web報(bào)表查看器和Web最終用戶(hù)報(bào)表設(shè)計(jì)器，同時(shí)還在實(shí)現(xiàn)中加入了DevExpress AI驅(qū)動(dòng)的API。

首先，我們?cè)贒evExpress Web報(bào)表查看器中嵌入了一個(gè)受Copilot啟發(fā)的聊天窗口（用戶(hù)可以問(wèn)自然語(yǔ)言問(wèn)題來(lái)分析報(bào)表數(shù)據(jù)并獲得基于AI的見(jiàn)解）。

其次，我們?cè)贒evExpress End-User Report Designer中嵌入了一個(gè)虛擬助手（用戶(hù)可以提交自然語(yǔ)言查詢(xún)以促進(jìn)自定義報(bào)表設(shè)計(jì)過(guò)程）。

您可以從下面的GitHub倉(cāng)庫(kù)下載這些例子：

管理用戶(hù)

DevExtreme Chat實(shí)例在用戶(hù)屬性中包含有關(guān)其所有者的信息，所有者消息向右對(duì)齊（或在RTL模式下向左對(duì)齊），而不顯示所有者的用戶(hù)名和頭像。

每條消息都包含有關(guān)發(fā)件人（）的信息，并包括姓名、頭像和所有頭像文本。如果沒(méi)有設(shè)置頭像，則顯示用戶(hù)的首字母縮寫(xiě)，沒(méi)有名字的用戶(hù)被標(biāo)記為“未知用戶(hù)”。

處理事件

輸入消息將觸發(fā)事件，使用事件處理程序執(zhí)行消息后處理（如刪除敏感文字、在消息提要中顯示消息以及將消息發(fā)送到服務(wù)器進(jìn)行存儲(chǔ)）。

開(kāi)始輸入會(huì)引發(fā)，停止輸入會(huì)引發(fā)。通過(guò)使用這些事件處理程序，您可以管理數(shù)組（它顯示哪些用戶(hù)正在聊天UI中輸入）。

自定義UI元素

使用 和 控制日期和時(shí)間可見(jiàn)性，修改和的相關(guān)格式。

要自定義DevExtreme聊天消息，使用：

• 顯示圖像、圖表、表格、鏈接或任何視覺(jué)元素。
• 實(shí)現(xiàn)自定義按鈕，如“復(fù)制文本”或“重新生成聊天機(jī)器人響應(yīng)”。
• 支持Markdown。
• 插入自定義標(biāo)記。

使用數(shù)組顯示運(yùn)行時(shí)錯(cuò)誤（如“您已斷開(kāi)連接”，“消息未發(fā)送”等）。

更多產(chǎn)品資訊及授權(quán)，歡迎來(lái)電咨詢(xún)：023-68661681

關(guān)于慧都科技

慧都科技是專(zhuān)注軟件工程、智能制造、石油工程三大行業(yè)的數(shù)字化解決方案服務(wù)商。在軟件工程領(lǐng)域，我們提供開(kāi)發(fā)控件、研發(fā)管理、代碼開(kāi)發(fā)、部署運(yùn)維等軟件開(kāi)發(fā)全鏈路所需的產(chǎn)品，提供正版授權(quán)采購(gòu)、技術(shù)選型、個(gè)性化維保等服務(wù)，幫助客戶(hù)實(shí)現(xiàn)技術(shù)合規(guī)、降本增效與風(fēng)險(xiǎn)可控。

慧都科技是DevExpress的中國(guó)區(qū)的合作伙伴，DevExpress作為用戶(hù)界面領(lǐng)域的優(yōu)秀產(chǎn)品，幫助企業(yè)高效構(gòu)建權(quán)限管理、數(shù)據(jù)可視化（如網(wǎng)格/圖表/儀表盤(pán)）、跨平臺(tái)系統(tǒng)（WinForms/ASP.NET/.NET MAUI）及行業(yè)定制解決方案，加速開(kāi)發(fā)并強(qiáng)化交互體驗(yàn)。