DevExtreme擁有高性能的HTML5 / JavaScript小部件集合，使您可以利用現(xiàn)代Web開發(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和下一代移動應(yīng)用程序中使用。 該套件附帶功能齊全的數(shù)據(jù)網(wǎng)格、交互式圖表小部件、數(shù)據(jù)編輯器等。

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

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

全新的聊天組件

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

使用DevExtreme Chat，您可以：

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

DevExtreme Chat組件支持以下選項/功能：

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

注意：DevExtreme Chat是一個客戶端組件，需要一個獨立的后端解決方案來發(fā)揮其潛力。

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

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

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

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

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

AI和聊天機器人的集成

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

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

首先，我們在DevExpress Web報表查看器中嵌入了一個受Copilot啟發(fā)的聊天窗口（用戶可以問自然語言問題來分析報表數(shù)據(jù)并獲得基于AI的見解）。

 其次，我們在DevExpress End-User Report Designer中嵌入了一個虛擬助手（用戶可以提交自然語言查詢以促進自定義報表設(shè)計過程）。

您可以從下面的GitHub倉庫下載這些例子：

管理用戶

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

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

處理事件

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

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

自定義UI元素

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

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

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

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

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

關(guān)于慧都科技

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

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