【實戰教程】從零實現DeepSeek AI多專家協作系統 - Spring Boot+React打造AI專家團隊協作平臺

🚀 本項目是DeepSeek大模型應用系列的V3版本,基于V1和V2版本的功能進行全面升級,引入了多智能體協作機制!

系列教程推薦閱讀順序

  1. 【V1版本】零基礎搭建DeepSeek大模型聊天系統 - Spring Boot+React完整開發指南
  2. 【V2版本】基于DeepSeek API的流式對話系統實現:Spring Boot+React打造實時響應體驗
  3. 【V3版本】當前文章 - 多智能體協作系統實戰

DeepSeek AI多專家協作系統界面展示

文章目錄

    • 🚀 項目介紹 - 打造AI多專家協作系統
    • 💡 多專家協作系統原理詳解
      • 1. 協作模式的核心原理
      • 2. 專家Agent設計與實現
        • 2.1 專家角色定義 - 打造AI專家知識庫
        • 2.2 智能專家選擇服務 - 自動組建最佳專家團隊
      • 3. 協作會話管理實現
        • 3.1 結構化的三階段協作流程
        • 3.2 專家消息處理與上下文管理
    • 🎨 前端React實現多專家協作界面
      • 1. 專家選擇面板組件實現
      • 2. 專家消息樣式與渲染實現
      • 3. 協作流程可視化與階段指示器
    • 🎬 多專家協作系統實際效果展示
      • 1. 單一助手與多專家對比效果
      • 2. 多專家協作過程可視化展示
      • 3. 最終技術解決方案呈現效果
    • ?? 當前局限性與未來改進計劃
      • 1. 專家協作部分尚未實現流式輸出
      • 2. 協作過程缺乏交互性
      • 3. 專家能力限制
    • 🔍 核心技術挑戰與解決方案
      • 1. 專家角色定義挑戰
      • 2. 協作流程管理挑戰
      • 3. 內容呈現挑戰
    • 💻 DeepSeek AI多專家協作系統技術亮點
    • 🔮 項目拓展方向與開發路線圖
    • 📥 源碼下載與項目部署指南
      • 快速部署指南:
    • 📝 寫在最后

🚀 項目介紹 - 打造AI多專家協作系統

在AI大模型時代,簡單的單一助手已不足以解決復雜的技術難題。雖然我們之前的DeepSeek對話系統V2版本實現了流暢的流式輸出,但用戶反饋表明,面對跨領域、多維度的技術問題時,需要更專業的解決方案。

為此,我們推出了DeepSeek多專家協作系統,這是一個基于Spring Boot和React的完整項目,核心亮點是:

  • ? 多專家協作模式:模擬團隊協作場景,由多位不同領域的專家共同解決問題
  • 🎯 智能專家選擇算法:基于DeepSeek大模型,根據問題自動選擇最合適的專家組合
  • 🧠 結構化協作流程:從思考、討論到最終結論的完整協作流程
  • 🖼? 角色化用戶界面:為每位專家設計獨特的視覺形象和交互方式
  • 🔄 實時協作體驗:多專家間的討論通過服務器發送事件(SSE)實時呈現

這一版本將AI對話體驗從簡單的問答提升至模擬專業團隊協作的層次,為復雜技術問題提供更全面、更專業的解決方案。無論是架構設計、代碼開發還是系統部署,都能獲得專業團隊的協作解決方案。

💡 多專家協作系統原理詳解

1. 協作模式的核心原理

傳統的AI對話模式下,單一模型扮演單一角色,這在解決跨領域復雜問題時存在局限性,例如需要同時具備架構設計、代碼實現、部署運維等專業知識。

DeepSeek多專家協作模式采用了不同的方式:

  1. 用戶提出復雜問題
  2. 系統自動分析問題,選擇合適的專家團隊
  3. 核心步驟:多位專家按照"思考→討論→總結"結構化流程協作
  4. 各專家從自己擅長的領域提供專業見解
  5. 最終形成綜合全面的解決方案

這種方式模擬了真實世界中技術團隊的協作模式,讓AI回答更全面、更專業、更可靠。在實際應用中,特別適合解決架構設計、技術選型、框架搭建等復雜問題。

2. 專家Agent設計與實現

2.1 專家角色定義 - 打造AI專家知識庫

AgentManagementService.java中,我們預定義了六位不同領域的專家,每位專家都有精心設計的系統提示詞:

// 初始化系統架構師專家
registerAgent(ExpertAgent.builder().id("architect").name("系統架構師").domain("ARCHITECTURE").systemPrompt("你是一位資深系統架構師,專注于設計可擴展、高性能的軟件系統。在分析問題時,你會從宏觀視角考慮系統設計,包括技術選型、組件劃分和交互方式。你的建議應該考慮系統的可擴展性、可維護性和性能。").avatar("/experts/architect.png").description("專注系統整體設計與架構規劃").sortOrder(1)  // 架構師優先發言.isRequired(true).build());

我們精心設計了六位專業領域互補的專家團隊:

  • 系統架構師:負責整體架構和技術選型,掌控全局
  • Java開發專家:專注后端實現和框架應用,提供代碼級解決方案
  • 前端開發專家:負責用戶界面和交互體驗,確保前端實現質量
  • 數據庫專家:處理數據模型和性能優化,解決數據層面問題
  • DevOps專家:關注部署和運維方案,保障系統穩定性
  • 安全專家:審查安全風險和保護措施,提供安全建議

每位專家都有獨特的專業領域、系統提示詞和優先級,確保協作過程中能發揮各自專長。這種設計讓AI大模型能夠從不同視角思考問題,形成多維度的解決方案。

2.2 智能專家選擇服務 - 自動組建最佳專家團隊

ExpertSelectionService.java中,我們實現了智能的專家選擇算法:

public List<String> selectExpertsForQuestion(String question) throws IOException {// 構建專家選擇的提示詞String prompt = buildExpertSelectionPrompt(question, agentService.getAllAgents());// 調用DeepSeek API分析需要哪些專家String response = deepSeekClient.getResponse(DeepSeekClient02.API_KEY, prompt);// 解析響應,提取專家ID列表List<String> selectedExpertIds = parseExpertIdsFromResponse(response);// 確保始終包含必選專家addRequiredExperts(selectedExpertIds);return selectedExpertIds;
}

專家選擇服務的核心流程包括:

  1. 構建專家選擇提示詞,包含問題描述和可選專家列表
  2. 調用DeepSeek API分析問題需要哪些專家
  3. 解析返回結果,提取專家ID
  4. 確保架構師等核心專家始終包含在選擇中

這一設計確保了專家組合的專業性和針對性,同時也避免了不必要的專家參與,提高協作效率和回答質量。例如,對于前端問題,系統會優先選擇前端專家、架構師和UI專家;而對于數據庫問題,則會選擇數據庫專家、架構師和后端專家。

3. 協作會話管理實現

3.1 結構化的三階段協作流程

CollaborationService.java中,我們設計了完整的三階段協作流程:

public void startCollaboration(String sessionId, SseEmitter emitter) {try {// 1. 思考階段:各專家獨立思考startThinkingPhase(session, emitter);// 2. 討論階段:專家間互相討論startDiscussingPhase(session, emitter);// 3. 結論階段:形成最終解決方案startConcludingPhase(session, emitter);// 標記會話完成session.setStatus(SessionStatus.COMPLETED);updateSessionStatus(session, emitter);} catch (Exception e) {handleSessionError(sessionId, emitter, e);} finally {emitter.complete();}
}

這種三階段協作流程(思考→討論→結論)模擬了真實團隊的工作方式,各專家先獨立思考,再進行討論,最后形成共識。這種結構化的流程確保了問題分析的全面性和解決方案的系統性。

3.2 專家消息處理與上下文管理

為讓專家協作更自然,我們需要動態生成提示詞,融合問題上下文和專家特性:

private String buildAgentPrompt(ExpertAgent agent, String question, String role, List<AgentMessage> previousMessages) {StringBuilder prompt = new StringBuilder();prompt.append(agent.getSystemPrompt()).append("\n\n現在你需要扮演").append(agent.getName()).append("角色,參與一個技術團隊的協作討論。").append("\n\n用戶問題:").append(question);// 添加前面專家的發言內容if (!previousMessages.isEmpty()) {prompt.append("\n\n已有的討論內容:\n");for (AgentMessage message : previousMessages) {prompt.append(message.getAgentName()).append("(").append(message.getAgentId()).append(")").append(":\n").append(message.getContent()).append("\n\n");}}prompt.append("\n現在請你以").append(agent.getName()).append("的身份,").append(getPhaseInstruction(role)).append("記住始終保持專業,并關注你專業領域的見解。");return prompt.toString();
}

通過這種消息上下文管理,每位專家都能了解問題背景、其他專家的觀點,并從自己專業角度給出見解,形成真正的協作討論,而不是簡單的獨立回答拼接。

🎨 前端React實現多專家協作界面

1. 專家選擇面板組件實現

ExpertsPanel.tsx中,我們設計了直觀的專家選擇界面:

const ExpertsPanel: React.FC<ExpertsPanelProps> = ({ experts, selectedExperts, onChange }) => {const toggleExpert = (expertId: string) => {// 檢查是否是必選專家const expert = experts.find(e => e.id === expertId);if (expert?.isRequired) {// 必選專家不能取消選擇return;}// 更新選中狀態if (selectedExperts.includes(expertId)) {onChange(selectedExperts.filter(id => id !== expertId));} else {onChange([...selectedExperts, expertId]);}};return (<PanelContainer><PanelTitle>選擇專家團隊</PanelTitle><ExpertsList>{experts.map(expert => (<ExpertItemkey={expert.id}selected={selectedExperts.includes(expert.id)}required={expert.isRequired}onClick={() => toggleExpert(expert.id)}><AgentAvataragentId={expert.id}agentName={expert.name}avatarUrl={expert.avatar}size="small"/><ExpertInfo><ExpertName>{expert.name}</ExpertName><ExpertDescription>{expert.description}</ExpertDescription></ExpertInfo>{expert.isRequired && <RequiredBadge>必選</RequiredBadge>}</ExpertItem>))}</ExpertsList></PanelContainer>);
};

這個組件以直觀的方式展示各專家信息,用戶可以根據需要手動選擇專家,系統也會自動推薦最合適的組合。通過這種設計,讓用戶能夠直觀地了解專家團隊的組成,并可以根據需要進行自定義。

2. 專家消息樣式與渲染實現

AgentMessageItem.tsx中,我們為不同專家的消息設計了獨特的樣式,通過視覺差異化增強用戶體驗:

const MessageContent = styled.div<{ isUser: boolean; messageTypeValue: string }>`max-width: 85%;margin-top: ${props => props.isUser ? '0' : '12px'};background-color: ${props => {if (props.isUser) return '#e6f7ff';switch (props.messageTypeValue) {case 'THINKING': return '#f6ffed';case 'RESPONSE': return '#fff7e6';case 'CONCLUSION': return '#f9f0ff';default: return '#f5f5f5';}}};padding: 12px 16px;border-radius: 12px;border: 1px solid ${props => {if (props.isUser) return '#91caff';switch (props.messageTypeValue) {case 'THINKING': return '#b7eb8f';case 'RESPONSE': return '#ffd591';case 'CONCLUSION': return '#d3adf7';default: return '#d9d9d9';}}};
`;

通過不同的顏色和樣式,明確區分思考階段、討論階段和結論階段的消息,同時為每位專家提供獨特的視覺標識,提升用戶體驗。這種設計讓用戶可以一目了然地識別不同專家的回答,體驗專業團隊協作的討論過程。

3. 協作流程可視化與階段指示器

為了讓用戶清晰了解當前協作階段,我們實現了專門的階段指示器組件:

// 協作階段指示器
const CollaborationPhaseIndicator = styled.div<{ phase: string }>`display: flex;justify-content: center;margin: 16px 0;& > div {position: relative;padding: 8px 16px;border-radius: 16px;margin: 0 8px;background-color: #f5f5f5;color: #999;&.active {background-color: ${props => {switch (props.phase) {case 'thinking': return '#f6ffed';case 'discussing': return '#fff7e6';case 'concluding': return '#f9f0ff';default: return '#e6f7ff';}}};color: ${props => {switch (props.phase) {case 'thinking': return '#52c41a';case 'discussing': return '#fa8c16';case 'concluding': return '#722ed1';default: return '#1890ff';}}};font-weight: 600;}}
`;

階段指示器直觀地展示當前協作階段,用戶可以清晰了解專家團隊正處于思考、討論還是結論階段,增強了整個協作過程的透明度和可理解性。

🎬 多專家協作系統實際效果展示

完成所有代碼后,我們運行項目并實際測試了不同場景下的多專家協作。下面展示真實運行效果,直觀感受多專家協作的優勢:

1. 單一助手與多專家對比效果

在這里插入圖片描述

圖1:左側為單一助手回答,右側為多專家協作回答。可以明顯看到多專家解決方案更全面、更專業、更有條理。

2. 多專家協作過程可視化展示

在這里插入圖片描述

圖2:完整的多專家協作過程,包括專家選擇、思考階段、討論階段和結論階段。注意每位專家如何從自己的專業角度提供見解,最終形成全面的解決方案。

3. 最終技術解決方案呈現效果

在這里插入圖片描述

圖3:最終解決方案呈現,包含架構圖、代碼示例、部署建議等多維度內容。Markdown格式(如代碼塊、列表、表格等)正確渲染,方便用戶理解和使用。

從這些演示中可以感受到多專家協作模式的獨特優勢

  • 專業分工:每位專家從自己擅長領域提供見解,確保方案專業性
  • 全面覆蓋:從系統架構到代碼實現、從數據庫設計到安全審查,全方位解決問題
  • 思路透明:用戶可以看到專家的思考過程和討論交流,理解方案背后的考量
  • 結論清晰:最終形成結構化、全面的解決方案,易于理解和實施

?? 當前局限性與未來改進計劃

在當前版本中,雖然我們實現了多專家協作的核心功能,但還存在一些需要改進的地方:

1. 專家協作部分尚未實現流式輸出

當前局限:與單一助手模式的流式輸出不同,多專家協作部分目前仍采用傳統的請求-響應模式。這意味著用戶需要等待專家思考和討論的整個過程完成后才能看到結果,對于復雜問題可能造成較長的等待時間。

未來改進方向

  • 為每位專家的思考和討論過程實現流式輸出
  • 使用token級別的流式處理,實現真正的"打字效果"
  • 優化專家間切換的過渡動畫,提供更自然的協作感
  • 實現專家思考過程的可視化,例如顯示思考"氣泡"

2. 協作過程缺乏交互性

當前局限:用戶目前只能觀察專家協作過程,無法在中途干預或提供額外信息。

未來改進方向

  • 允許用戶在協作過程中插入澄清問題或補充信息
  • 提供引導選項讓用戶影響協作方向
  • 加入投票機制讓用戶選擇更傾向的專家觀點

3. 專家能力限制

當前局限:受限于底層模型能力,各專家在專業性上仍有提升空間。

未來改進方向

  • 針對各領域訓練專門的微調模型
  • 集成外部工具和知識庫增強專家能力
  • 允許專家訪問最新的在線資源

我們計劃在下一版本中重點解決流式輸出的問題,將多專家協作體驗提升至與單一助手模式相同的流暢度,同時保持專業的協作優勢。

🔍 核心技術挑戰與解決方案

1. 專家角色定義挑戰

挑戰:如何設計既專業又互補的專家角色,避免能力重疊或知識盲區。

解決方案

  • 基于軟件開發生命周期劃分專家領域
  • 精心設計每位專家的系統提示詞,強調各自專長
  • 設置架構師作為協調者和總體把控者
  • 為每位專家分配合理的發言優先級

2. 協作流程管理挑戰

挑戰:如何組織多位專家有序協作,避免混亂或冗余。

解決方案

  • 實現三階段協作流程:思考→討論→結論
  • 在思考階段,每位專家獨立分析問題
  • 在討論階段,專家間相互參考,互相補充
  • 在結論階段,由架構師整合各方觀點
  • 使用SSE實時推送協作過程

3. 內容呈現挑戰

挑戰:如何直觀展示多專家的協作過程和專業貢獻。

解決方案

  • 設計獨特的專家頭像和視覺標識
  • 使用不同顏色區分不同類型的消息
  • 添加階段指示器可視化協作進程
  • 優化Markdown渲染確保代碼塊等格式正確顯示

💻 DeepSeek AI多專家協作系統技術亮點

  1. 角色化的專家Agent:預設六位不同領域的專家,各自擁有專業背景和獨特視角
  2. 智能專家選擇算法:根據問題自動選擇最合適的專家組合,提高問題解決效率
  3. 結構化協作流程:三階段協作模式確保分析全面、討論充分、結論清晰
  4. 實時交互體驗:通過SSE技術實現協作過程實時呈現,增強用戶體驗
  5. 視覺化專家形象:為每位專家設計獨特的頭像和消息樣式,提升交互體驗
  6. 全面的Markdown支持:確保代碼塊、列表、表格等專業內容正確渲染

🔮 項目拓展方向與開發路線圖

多專家協作系統雖然已經實現了核心功能,但仍有多個方向可以進一步拓展:

  1. 流式協作輸出實現:將專家協作過程改為流式輸出,實現與單一助手模式相同的流暢體驗,這是最高優先級的改進計劃
  2. 用戶參與協作:允許用戶在協作過程中插入問題或建議
  3. 專家團隊自定義:支持用戶創建和保存自己的專家團隊組合
  4. 垂直領域專家:為特定技術領域(如機器學習、區塊鏈)添加專家
  5. 多輪協作優化:支持多輪對話中的專家記憶和上下文理解
  6. 協作報告導出:將協作結果導出為PDF、Word等格式文檔

我們的開發路線圖首先將專注于實現專家協作的流式輸出功能,提供更流暢的用戶體驗,并在此基礎上逐步添加更多交互功能。

📥 源碼下載與項目部署指南

為方便讀者快速上手,完整項目源碼已打包上傳,包含:

  • DeepSeekExtProject(Java后端項目)

    • 完整的Spring Boot項目結構
    • 專家角色定義和管理
    • 協作流程控制邏輯
  • DeepSeekExtWeb(React前端項目)

    • 完整的React+TypeScript項目結構
    • 專家選擇與協作界面
    • 消息流渲染組件

源碼下載地址:DeepSeek AI多專家協作系統完整源碼

快速部署指南:

  1. 下載并解壓源碼包
  2. 按照README中的步驟分別啟動前后端項目
  3. 修改后端DeepSeekClient02.java中的API_KEY為您自己的密鑰

環境要求:使用前請確保已安裝Java 8+、Maven、Node.js 14+環境。

📝 寫在最后

🎉 通過本文的指導,你已經了解了如何構建AI多專家協作系統,實現比單一助手更專業、更全面的問題解決能力。期待大家基于這個項目進行更多創新,打造更強大的AI協作平臺!

如果你在項目實現過程中遇到任何問題,歡迎在評論區留言或私信交流。我會持續優化這個項目,并分享更多AI應用開發的實戰經驗。

📚 推薦幾篇相關技術文章

  • DeepSeek詳解:探索下一代語言模型
  • Spring Boot整合SSE實現流式響應最佳實踐
  • 算法模型從入門到起飛系列——遞歸(探索自我重復的奇妙之旅)

📚博主匠心之作,強推專欄

  • JAVA集合專欄 【夜話集】
  • JVM知識專欄
  • 數據庫sql理論與實戰【博主踩坑之道】
  • 小游戲開發【博主強推 匠心之作 拿來即用無門檻】

如果覺得有幫助的話,別忘了點個贊 👍 收藏 ? 關注 🔖 哦!


🎯 我是果凍~,一個熱愛技術、樂于分享的開發者
📚 更多精彩內容,請關注我的博客
🌟 我們下期再見!

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/web/79925.shtml
繁體地址,請注明出處:http://hk.pswp.cn/web/79925.shtml
英文地址,請注明出處:http://en.pswp.cn/web/79925.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

第8章-5 sql的執行順序

上一篇&#xff1a;《第8章-4 查詢性能優化2》&#xff0c;接著來了解查詢的執行順序&#xff0c;了解順序對于優化會有幫助。 1&#xff0c;sql編寫順序 select distinct 查詢字段 from 表名 JOIN 表名 ON 連接條件 where 查詢條件 group by 分組字段 having 分組后…

設計模式學習整理

目錄 UML類圖 設計模式六大原則 1.單一職責原則 2.里氏替換原則 3.依賴倒置原則 4.接口隔離原則 5.迪米特法則(最少知道原則) 6.開(放封)閉原則 設計模式分類 1.創建型模式 2.結構型模式 4.行為型模式 一、工廠模式(factory——簡單工廠模式和抽象工廠模式) 1.1、…

Linux干貨(二)

前言 從B站黑馬程序員Linux課程摘選的學習干貨&#xff0c;新手友好&#xff01;若有侵權&#xff0c;會第一時間處理。 目錄 前言 1.cd pwd命令 1.cd命令的作用 2.pwd命令的作用 2.相對路徑絕對路徑和特殊路徑符 1.相對路徑和絕對路徑 1.絕對路徑 2.相對路徑 2.特殊…

ngx_http_keyval_module動態鍵值管理

一、模塊安裝與驗證 檢查模塊是否可用 nginx -V 2>&1 | grep --color -o ngx_http_keyval_module如果看到 ngx_http_keyval_module&#xff0c;說明模塊已編譯進 NGINX。 若未找到&#xff0c;請聯系你的 NGINX 供應商&#xff0c;獲取商業版或重新編譯并啟用該模塊&am…

upload-labs通關筆記-第4關 文件上傳之.htacess繞過

目錄 一、.htacess 二、代碼審計 三、php ts版本安裝 1、下載ts版本php 2、放入到phpstudy指定文件夾中 3、修改php配置文件 4、修改php.ini文件 5、修改httpd.conf文件 &#xff08;1&#xff09;定位文件 &#xff08;2&#xff09;修改文件 6、重啟小皮 7、切換…

LeetCode 88. 合并兩個有序數組 | Python 最簡寫法 + 實戰注釋

在日常刷題和面試中,「合并兩個有序數組」是一個經典基礎題。雖然屬于簡單難度,但它非常考察你的數組操作技巧和代碼優化能力。本篇文章將帶你從基礎解法入手,進階到最簡潔的三元表達式寫法,理解每一行代碼背后的邏輯。 ?? 題目描述 給你兩個按 非遞減順序 排列的整數數組…

Kafka進階指南:從原理到實戰

目錄 一、Kafka 基礎回顧 二、生產者進階 2.1 數據生產流程深度解析 2.2 關鍵配置參數詳解 2.3 序列化與自定義序列化器 三、消費者進階 3.1 消費方式與原理 3.2 分區分配策略 3.2.1 Range&#xff08;范圍&#xff09;策略 3.2.2 Round - Robin&#xff08;輪詢&…

Lightpanda開源瀏覽器:專為 AI 和自動化而設計的無界面瀏覽器

?一、軟件介紹 文末提供程序和源碼下載 Lightpanda開源瀏覽器&#xff1a;專為 AI 和自動化而設計的無界面瀏覽器&#xff1b; Javascript execution Javascript 執行Support of Web APIs (partial, WIP)支持 Web API&#xff08;部分、WIP&#xff09;Compatible with Pla…

團結引擎開源車模 Sample 發布:光照渲染優化 動態交互全面體驗升級

光照、材質與交互效果的精細控制&#xff0c;通常意味著復雜的技術挑戰&#xff0c;但借助 Shader Graph 14.1.0(已內置在團結引擎官方 1.5.0 版本中)&#xff0c;這一切都變得簡單易用。通過最新團結引擎官方車模 Sample&#xff0c;開發者能切身感受到全新光照優化與編輯功能…

SpringCloud之Ribbon基礎認識-服務負載均衡

0、Ribbon基本認識 Spring Cloud Ribbon 是基于 Netflix Ribbon 實現的一套客戶端 負載均衡的工具。 Ribbon 主要功能是提供客戶端負載均衡算法和服務調用 Ribbon 客戶端組件提供一系列完善的配置項如連接超時&#xff0c;重試等。 Ribbon 會基于某種規則&#xff08;如簡單…

當 DeepSeek 遇見區塊鏈:一場顛覆式的應用革命

目錄 一、DeepSeek 與區塊鏈的初印象二、技術融合&#xff1a;創新的基石2.1 強化學習優化智能合約2.2 混合專家系統適配多鏈2.3 語義理解增強合規性 三、應用實踐&#xff1a;重塑行業格局3.1 DeFi 協議智能化躍遷3.2 GameFi 經濟深度進化3.3 供應鏈金融信任增強 四、面臨挑戰…

vue3項目中使用CodeMirror組件的詳細教程,中文幫助文檔,使用手冊

簡介 這是基于 Vue 3 開發的 CodeMirror 組件。該組件基于 CodeMirror 5 開發&#xff0c;僅支持 Vue 3。 除了支持官方提供的各種語法模式外&#xff0c;還額外添加了日志輸出展示模式&#xff0c;開箱即用&#xff0c;但不一定適用于所有場景。 如需完整文檔和更多使用案例…

LeetCode熱題100--240.搜索二維矩陣--中等

1. 題目 編寫一個高效的算法來搜索 m x n 矩陣 matrix 中的一個目標值 target 。該矩陣具有以下特性&#xff1a; 每行的元素從左到右升序排列。 每列的元素從上到下升序排列。 示例 1&#xff1a; 輸入&#xff1a;matrix [[1,4,7,11,15],[2,5,8,12,19],[3,6,9,16,22],[1…

2025爬蟲實戰技巧:高效數據采集方案

2025爬蟲實戰技巧:高效數據采集方案 ?? 本文核心價值 HTTPS請求鏈路加密逆向解析動態Cookie生成機制破解Cloudflare等高級防護繞過方案分布式爬蟲架構設計要點目錄 2025爬蟲實戰技巧:高效數據采集方案?? 本文核心價值一、現代反爬機制技術解析1.1 主流平臺防護體系1.2 反…

綁定 SSH key(macos)

在 macOS 上綁定 Gitee 或 GitHub 的 SSH Key&#xff0c;通常分為以下幾步操作&#xff0c;包括生成 SSH key、添加到 ssh-agent&#xff0c;并配置到 Gitee 或 GitHub 平臺。 1. 檢查是否已有 SSH Key ls -al ~/.ssh 看看是否已有 id_rsa 或 id_ed25519 等文件。如果沒有就…

Tailwind CSS v4 主題化實踐入門(自定義 Theme + 主題模式切換)?

ok&#xff0c;經過學習Tailwindcss我決定將此專欄建設成為一個Tailwindcss實戰專欄&#xff0c;我將在專欄內完成5050挑戰&#xff1a;50天50個Tailwindcss練習項目&#xff0c;歡迎大家訂閱&#xff01;&#xff01;&#xff01; Tailwind CSS v4 帶來了更強大的主題定制能力…

SAF利用由Varjo和AFormX開發的VR/XR模擬器推動作戰訓練

通過將AFormX的先進軍用飛行模擬器與Varjo的行業領先的VR/XR硬件相結合&#xff0c;斯洛文尼亞武裝部隊正以經濟高效、沉浸式的訓練方式培訓戰斗機飛行員&#xff0c;以提高其戰術準備和作戰效率。 挑戰&#xff1a;獲得戰術軍事航空訓練的機會有限 軍事航空訓練長期以來一直…

VUE中通過DOM導出PDF

最終效果 前端導出PDF的核心在于樣式的繪制上&#xff0c;這里其實直接使用CSS進行繪制和布局就行&#xff0c;只不過需要計算好每頁DIV盒子的大小&#xff0c;防止一頁放不下造成樣式錯亂。 項目依賴 項目是Vue3 TS npm i html2canvas1.4.1 npm i jspdf3.0.1工具類(htmlToPdf…

SpringAI框架中的RAG模塊詳解及應用示例

SpringAI框架中的RAG模塊詳解及應用示例 RAG&#xff08;Retrieval-Augmented Generation&#xff09;可以通過檢索知識庫&#xff0c;克服大模型訓練完成后參數凍結的局限性&#xff0c;攜帶知識讓大模型根據知識進行回答。SpringAI框架提供了模塊化的API來支持RAG&#xff0…

MySQL-數據查詢(測試)-05-(12-1)

1-數據準備&#xff1a; CREATE TABLE 員工信息表 (員工編號 VARCHAR(10) PRIMARY KEY,姓名 VARCHAR(20),學歷 VARCHAR(20),出生日期 DATE,性別 INT,工作年限 INT,地址 VARCHAR(100),電話號碼 VARCHAR(20),員工部門號 INT ); INSERT INTO 員工信息表 (員工編號, 姓名, 學歷, 出…