西安響應(yīng)式網(wǎng)站建設(shè)公司,公司網(wǎng)站設(shè)計(jì)的企業(yè),什么可以用手機(jī)做網(wǎng)站,網(wǎng)站開(kāi)發(fā)建站前言 TinyEngine 是一款面向未來(lái)的低代碼引擎底座#xff0c;致力于為開(kāi)發(fā)者提供高度可定制的技術(shù)基礎(chǔ)設(shè)施——不僅支持可視化頁(yè)面搭建等核心能力#xff0c;更可通過(guò) CLI 工程化方式實(shí)現(xiàn)深度二次開(kāi)發(fā)#xff0c;幫助團(tuán)隊(duì)快速構(gòu)建專(zhuān)屬的低代碼平臺(tái)。 無(wú)論是資源編排、服務(wù)…前言TinyEngine 是一款面向未來(lái)的低代碼引擎底座致力于為開(kāi)發(fā)者提供高度可定制的技術(shù)基礎(chǔ)設(shè)施——不僅支持可視化頁(yè)面搭建等核心能力更可通過(guò) CLI 工程化方式實(shí)現(xiàn)深度二次開(kāi)發(fā)幫助團(tuán)隊(duì)快速構(gòu)建專(zhuān)屬的低代碼平臺(tái)。無(wú)論是資源編排、服務(wù)端渲染、模型驅(qū)動(dòng)應(yīng)用還是移動(dòng)端、大屏端、復(fù)雜頁(yè)面編排場(chǎng)景TinyEngine 都能靈活適配成為你構(gòu)建低代碼體系的堅(jiān)實(shí)基石。最近我們正式發(fā)布TinyEngine v2.9 版本帶來(lái)多項(xiàng)功能升級(jí)與體驗(yàn)優(yōu)化在增強(qiáng)平臺(tái)智能化能力的同時(shí)進(jìn)一步降低配置復(fù)雜度讓“定制化”變得更簡(jiǎn)單、更高效。開(kāi)源地址https://github.com/opentiny/tiny-engine歡迎 Star ?官方網(wǎng)站https://opentiny.design/tiny-engine#/home本次版本迭代中我們欣喜地看到越來(lái)越多開(kāi)發(fā)者加入開(kāi)源共建行列。特別感謝fayching LLDLLY 等社區(qū)伙伴積極參與功能貢獻(xiàn)與問(wèn)題反饋。正是這些點(diǎn)滴匯聚的力量推動(dòng)著 TinyEngine 不斷前行。我們也誠(chéng)摯邀請(qǐng)更多熱愛(ài)技術(shù)、追求創(chuàng)新的朋友加入社區(qū)一起打造更強(qiáng)大、更開(kāi)放的低代碼生態(tài)。v2.9.0 變更特性概覽【增強(qiáng)】全新版本AI助手智能搭建能力升級(jí)【新特性】添加資源管理插件和資源選擇配置器【增強(qiáng)】預(yù)覽插件支持應(yīng)用預(yù)覽【增強(qiáng)】Tailwindcss支持【增強(qiáng)】支持靜態(tài)數(shù)據(jù)源【增強(qiáng)】組件物料更新【增強(qiáng)】MCP工具更新【其他】功能細(xì)節(jié)優(yōu)化與bug修復(fù)。TinyEngine v2.9.0 新特性解讀1. 【增強(qiáng)】全新版本AI助手智能搭建能力升級(jí)體驗(yàn)版本在TinyEngine v2.9版本中我們對(duì)AI搭建頁(yè)面能力進(jìn)行全新升級(jí)下面是主要功能的介紹與快速上手1全新 Agent 模式新增的 Agent 模式支持自然語(yǔ)言或圖片生成頁(yè)面借助AI大模型強(qiáng)大的能力讓您告別繁瑣的手動(dòng)拖拽讓 AI 輔助開(kāi)發(fā)更加智能、強(qiáng)大。全新 Agent 智能搭建模式自然語(yǔ)言描述需求由AI直接返回頁(yè)面Schema畫(huà)布采用流式渲染能夠?qū)崟r(shí)看到頁(yè)面生成效果生成頁(yè)面后支持繼續(xù)對(duì)話(huà)二次修改使用增量返回修改速度更快支持上傳設(shè)計(jì)圖或手繪草圖AI 識(shí)別并還原為可編輯的頁(yè)面需要先選擇視覺(jué)模型2基礎(chǔ)能力升級(jí)現(xiàn)代化界面全新的聊天界面支持 Markdown 渲染、代碼高亮全屏模式會(huì)話(huà)管理支持查看管理多個(gè)歷史對(duì)話(huà)自動(dòng)保存歷史記錄思考模式支持推理模型的深度思考提供更準(zhǔn)確的解決方案多模型支持兼容各種OpenAI兼容格式 AI 模型提供模型設(shè)置界面自由添加選擇模型服務(wù)集成平臺(tái)更多的MCP工具Chat模式工具調(diào)用3簡(jiǎn)單配置快速上手平臺(tái)設(shè)置設(shè)置模型服務(wù)支持通過(guò)AI插件的customCompatibleAIModels選項(xiàng)自定義添加OpenAI兼容格式大模型使用MCP功能需要使用支持tools的大模型建議使用DeepSeek R1/V3、Qwen3、Gemini等對(duì)視覺(jué)/工具支持良好的模型優(yōu)先使用滿(mǎn)血模型、推理類(lèi)型模型效果更好。// registry.jsexportdefault{// ......[META_APP.Robot]:{options:{// encryptServiceApiKey: false, // 是否加密服務(wù)API密鑰, 默認(rèn)為false// enableResourceContext: false, // 提示詞上下文攜帶資源插件圖片默認(rèn)true// enableRagContext: true, // 提示詞上下文攜帶查詢(xún)到的知識(shí)庫(kù)內(nèi)容默認(rèn)falsecustomCompatibleAIModels:[{// 自定義AI模型(OpenAI兼容格式模型), 下面以智譜模型服務(wù)為例provider:GLM,label:智譜模型,baseUrl:https://open.bigmodel.cn/api/paas/v4,models:[{label:GLM視覺(jué)理解模型,name:glm-4.5v,capabilities:{vision:true,// 是否支持視覺(jué)理解能力reasoning:{extraBody:{enable:{thinking:{type:enabled}},disable:null}}// 是否支持深度思考及深度思考打開(kāi)與關(guān)閉額外的body字段}},{label:GLM-4.5推理模型,name:glm-4.5,capabilities:{toolCalling:true,reasoning:{extraBody:{enable:{thinking:{type:enabled}},disable:null}}}}]}]}}// ......}可以通過(guò)對(duì)接最新后端服務(wù)使用完整的AI插件能力或者也可以在前端項(xiàng)目配置AI模型接口Proxy來(lái)使用, 這里以本地轉(zhuǎn)發(fā)到百煉模型為例// vite.config.jsconstoriginProxyConfigbaseConfig.server.proxy baseConfig.server.proxy{/app-center/api/chat/completions:{target:https://dashscope.aliyuncs.com,changeOrigin:true,rewrite:pathpath.replace(/app-center/api/,/compatible-mode/v1/),},/app-center/api/ai/chat:{target:https://dashscope.aliyuncs.com,changeOrigin:true,rewrite:pathpath.replace(/app-center/api/ai/chat,/compatible-mode/v1/chat/completions),},...originProxyConfig,}補(bǔ)充說(shuō)明截圖生成UI能力由于依賴(lài)上傳圖片接口需要啟動(dòng)后端服務(wù)且需要使用支持視覺(jué)理解能力的模型如qwen-vl系列模型插件配置在插件中也提供了對(duì)部分功能的自定義能力包括是否啟用加密API Key解決安全風(fēng)險(xiǎn)問(wèn)題、是否使用知識(shí)庫(kù)RAG能力提供額外的知識(shí)背景提升問(wèn)答對(duì)話(huà)效果、是否允許使用資源管理插件中的圖片等// registry.jsexportdefault{[META_APP.Robot]:{options:{// encryptServiceApiKey: false, // 是否加密服務(wù)API密鑰, 默認(rèn)為false// enableResourceContext: false, // 提示詞上下文攜帶資源插件圖片默認(rèn)true// enableRagContext: true, // 提示詞上下文攜帶查詢(xún)到的知識(shí)庫(kù)內(nèi)容默認(rèn)false// modeImplementation: { // 支持通過(guò)注冊(cè)表傳入chat和agent模式的實(shí)現(xiàn)// chat: useCustomChatMode// agent: useCustomAgentMode// }}}}用戶(hù)設(shè)置配置服務(wù)與密鑰在設(shè)置面板編輯內(nèi)置服務(wù)添加API Key或者添加自定義的模型服務(wù)選擇模型可以從內(nèi)置百煉、DeepSeek 或者自定義的模型服務(wù)中選擇模型圖片生成UI需要多模態(tài)模型MCP工具調(diào)用需要支持工具調(diào)用模型開(kāi)始使用在輸入框輸入問(wèn)題或者上傳圖片問(wèn)答同時(shí)可以自由切換 Agent/Chat 模式配置MCP工具開(kāi)啟深度思考等從智能搭建到深度輔助全方位提升您的開(kāi)發(fā)效率?？靵?lái)體驗(yàn)釋放您的創(chuàng)造力2.【新特性】添加資源管理插件和資源選擇配置器在應(yīng)用開(kāi)發(fā)中通常會(huì)需要引用圖片等資源資源管理插件主要滿(mǎn)足這類(lèi)場(chǎng)景需求可以上傳項(xiàng)目中用到的靜態(tài)資源在編排頁(yè)面或AI生成頁(yè)面時(shí)引用當(dāng)前僅支持圖片格式附件。2.1 資源管理1資源分組資源管理插件通過(guò)分組管理資源上傳資源之前需要先創(chuàng)建分組可以為不同場(chǎng)景的靜態(tài)資源進(jìn)行分組比如基礎(chǔ)圖標(biāo)庫(kù)或者也可以按模塊分類(lèi)創(chuàng)建好分組后點(diǎn)擊分組名可以管理當(dāng)前資源分組2添加資源添加資源分為兩種方式輸入U(xiǎn)RL和名稱(chēng)添加網(wǎng)絡(luò)資源上傳圖片或圖標(biāo)資源。其中資源名稱(chēng)必填通過(guò)url添加的話(huà)url也必填如果是上傳的則不能輸入url,支持上傳png、jpg、svg文件支持批量上傳3修改資源已添加資源的管理hover時(shí)顯示名稱(chēng)操作包括復(fù)制和刪除復(fù)制是復(fù)制添加完成后在用戶(hù)服務(wù)器上的url地址也支持批量操作點(diǎn)擊批量操作后出現(xiàn)刪除圖標(biāo)后續(xù)還會(huì)擴(kuò)展其他批量操作且資源變?yōu)榭啥噙x的狀態(tài)2.2 資源使用1在畫(huà)布中使用可以通過(guò)圖片組件使用資源選中圖片組件后在圖片的屬性設(shè)置處點(diǎn)擊選擇資源可以設(shè)置為資源管理中的圖片效果2在A(yíng)I插件中使用在A(yíng)I插件Agent模式生成頁(yè)面時(shí)頁(yè)面中經(jīng)常會(huì)需要使用到圖片資源AI無(wú)法直接生成這些圖片默認(rèn)會(huì)將當(dāng)前資源管理插件的圖片作為備用資源引入使用僅使用帶有描述介紹的圖片。例如“生成登錄頁(yè)面”自動(dòng)引用背景圖與Logo如果不希望在A(yíng)I助手插件中使用可以通過(guò)修改注冊(cè)表關(guān)閉// registry.jsexportdefault{[META_APP.Robot]:{options:{enableResourceContext:false,// 提示詞上下文攜帶資源插件圖片默認(rèn)true}}}3. 【增強(qiáng)】預(yù)覽插件支持應(yīng)用預(yù)覽在之前的預(yù)覽插件中只能夠?qū)崿F(xiàn)單頁(yè)面的預(yù)覽對(duì)于需要在多個(gè)頁(yè)面中交互跳轉(zhuǎn)的場(chǎng)景無(wú)法滿(mǎn)足。在v2.9 版本中TinyEngine支持了應(yīng)用的全局預(yù)覽能夠預(yù)覽完整項(xiàng)目的效果并且支持手動(dòng)路由切換也能夠在調(diào)試模式下查看整個(gè)應(yīng)用的源碼。1入口工具欄的預(yù)覽圖標(biāo)進(jìn)行了調(diào)整直接點(diǎn)擊圖標(biāo)與之前邏輯一致為頁(yè)面預(yù)覽點(diǎn)擊后面的箭頭可打開(kāi)下拉列表可以選擇應(yīng)用預(yù)覽2預(yù)覽效果打開(kāi)預(yù)覽頁(yè)面后可以看到應(yīng)用預(yù)覽與頁(yè)面預(yù)覽相比添加了路由切換欄可以選擇路由進(jìn)行切換。4. 【增強(qiáng)】Tailwindcss支持Tailwind CSS 是一種實(shí)用優(yōu)先的 CSS 框架提供豐富的原子類(lèi)如text-center、p-4、bg-blue-500等可快速構(gòu)建定制化、響應(yīng)式界面。低代碼平臺(tái)支持 Tailwind 后用戶(hù)在可視化搭建的同時(shí)能直接通過(guò)類(lèi)名精細(xì)控制樣式無(wú)需編寫(xiě)或配置大量樣式即可實(shí)現(xiàn)高效美觀(guān)的前端開(kāi)發(fā)提升靈活性與開(kāi)發(fā)速度。在v2.9以上版本已默認(rèn)支持Tailwind CSS框架。啟用后的行為設(shè)計(jì)態(tài)畫(huà)布支持直接加載Tailwind樣式類(lèi)預(yù)覽態(tài)自動(dòng)按需加載tailwindcss/browser使畫(huà)布/預(yù)覽中可直接使用 Tailwind 原子類(lèi)。出碼生成生成的應(yīng)用將自動(dòng)完成以下配置基于 Tailwind CSS v4 零配置方案在依賴(lài)中添加tailwindcss并在開(kāi)發(fā)依賴(lài)中添加tailwindcss/vite在 Vite 配置中注冊(cè)tailwindcss()插件生成src/style.css內(nèi)容包含import tailwindcss;在src/main.js自動(dòng)引入./style.css。以上步驟由引擎/出碼器自動(dòng)完成無(wú)需手動(dòng)干預(yù)。效果選中節(jié)點(diǎn)后在屬性配置面板樣式類(lèi)中直接填寫(xiě)Tailwind樣式類(lèi)名即可看到畫(huà)布Tailwind樣式生效關(guān)閉 Tailwind可以通過(guò)注冊(cè)表關(guān)閉Tailwind功能// registry.jsexportdefault{engine.config:{// ...其他配置enableTailwindCSS:true,// 開(kāi)啟默認(rèn)即為 true設(shè)為 false 可關(guān)閉},};當(dāng)配置為enableTailwindCSS: false時(shí)預(yù)覽態(tài)不會(huì)加載tailwindcss/browser出碼時(shí)不會(huì)注入與 Tailwind 相關(guān)的依賴(lài)、Vite 插件及樣式文件導(dǎo)入。注意事項(xiàng)預(yù)覽依賴(lài)解析內(nèi)置 import-map 已包含tailwindcss/browser映射如使用自定義 CDN/離線(xiàn)環(huán)境請(qǐng)確保該映射可用。自定義樣式可在生成的src/style.css中追加自定義樣式或在項(xiàng)目中新增樣式文件后自行引入。運(yùn)行時(shí)渲染如果您自定義了運(yùn)行時(shí)渲染引擎請(qǐng)確保在運(yùn)行時(shí)渲染中增加對(duì) Tailwind CSS 的支持。5.【增強(qiáng)】支持靜態(tài)數(shù)據(jù)源設(shè)計(jì)器提供數(shù)據(jù)源來(lái)配合畫(huà)布上的組件/區(qū)塊渲染之前版本只支持采取遠(yuǎn)程API請(qǐng)求JSON數(shù)據(jù)動(dòng)態(tài)獲取的方式自TinyEngine v2.9版本開(kāi)始支持靜態(tài)數(shù)據(jù)源配置。使用步驟1創(chuàng)建數(shù)據(jù)源數(shù)據(jù)源類(lèi)型選擇靜態(tài)數(shù)據(jù)源配置數(shù)據(jù)源名稱(chēng)以及數(shù)據(jù)源字段根據(jù)配置的數(shù)據(jù)源字段新增靜態(tài)數(shù)據(jù)。2使用數(shù)據(jù)源Mock數(shù)據(jù)數(shù)據(jù)源使用方式與遠(yuǎn)程數(shù)據(jù)源相同6.【增強(qiáng)】組件物料更新修改路由選擇配置器添加標(biāo)簽欄配置器和導(dǎo)航組件拖拽一個(gè)導(dǎo)航條組件到畫(huà)布可以更改導(dǎo)航條為橫向或者縱向?qū)Ш讲藛雾?xiàng)支持增刪改菜單項(xiàng)支持配置跳轉(zhuǎn)頁(yè)面更新物料Icon設(shè)計(jì)稿換新風(fēng)格后原物料圖標(biāo)跟頁(yè)面風(fēng)格不匹配更換所有的物料圖標(biāo)添加TinyVue圖表組件物料面板新增TinyVue圖表組件主要包括折線(xiàn)圖、柱狀圖、條形圖、圓盤(pán)圖、環(huán)形圖、雷達(dá)圖、瀑布圖、漏斗圖、散點(diǎn)圖 等添加TinyVue基礎(chǔ)組件表單類(lèi)型中新增單選組、評(píng)分、滑塊、級(jí)聯(lián)選擇器 組件數(shù)據(jù)展示中新增骨架屏、卡片、日歷、進(jìn)度條、標(biāo)記、標(biāo)簽、統(tǒng)計(jì)數(shù)值 組件導(dǎo)航類(lèi)型中新增步驟條和樹(shù)形菜單組件7. 【增強(qiáng)】MCP工具更新AI 助手除了新增的搭建模式原有的對(duì)話(huà)模式也進(jìn)行了增強(qiáng)增加了若干個(gè)插件的 mcp 工具國(guó)際化i18n 相關(guān) mcp 工具應(yīng)用狀態(tài)、頁(yè)面狀態(tài)相關(guān) mcp 工具頁(yè)面增刪查改工具節(jié)點(diǎn)操作相關(guān) mcp 工具節(jié)點(diǎn)選中、屬性修改、增刪節(jié)點(diǎn)等等如何使用當(dāng)前可以升級(jí)到 v2.9 版本切換到 chat 模式即可在對(duì)話(huà)中使用MCP工具AI會(huì)自動(dòng)調(diào)用相應(yīng)工具。用戶(hù)也可以手動(dòng)點(diǎn)擊關(guān)閉某個(gè) mcp 工具。示例圖二次開(kāi)發(fā) TinyEngine 時(shí)如何修改/添加/刪除 mcp 工具當(dāng)前 mcp 工具都默認(rèn)隨著插件的注冊(cè)表導(dǎo)出因?yàn)橐蕾?lài)插件的相關(guān)能力所以如果需要修改/添加/刪除 mcp 工具修改注冊(cè)表即可。默認(rèn)的插件注冊(cè)表導(dǎo)出// mcp 工具 mcp/index.jsexportconstmcp{tools:[getGlobalState,addOrModifyGlobalState,deleteGlobalState]}// 插件注冊(cè)表導(dǎo)出 index.jsexportdefault{...metaData,entry,metas:[globalStateService],// mcp 的相關(guān)導(dǎo)出mcp}在二次開(kāi)發(fā)工程中修改/添加 mcp 工具同自定義注冊(cè)表請(qǐng)參考注冊(cè)表相關(guān)文檔。未來(lái)優(yōu)化添加、調(diào)優(yōu) mcp 工具添加 chat 模式的系統(tǒng)提示詞讓 AI 工具調(diào)用效果更好8. 【其他】功能細(xì)節(jié)優(yōu)化bug修復(fù)為T(mén)inyGrid配置添加版本字段 by LLDLLY in opentiny/tiny-engine#1568優(yōu)化畫(huà)布選項(xiàng)位置計(jì)算算法 by chilingling in opentiny/tiny-engine#1572從props解析區(qū)塊依賴(lài) by chilingling in opentiny/tiny-engine#1602修復(fù)tinyvue類(lèi)型錯(cuò)誤 by chilingling in opentiny/tiny-engine#1623修復(fù)用戶(hù)目錄句柄刪除導(dǎo)致的生成失敗 by chilingling in opentiny/tiny-engine#1543修復(fù)工具名稱(chēng)和導(dǎo)出名不一致問(wèn)題 by chilingling in opentiny/tiny-engine#1606確保只有字符串id注冊(cè)到metaHashMap by chilingling in opentiny/tiny-engine#1622修復(fù)ColorInput內(nèi)邊距問(wèn)題 by chilingling in opentiny/tiny-engine#1595修復(fù)子頁(yè)面隱藏顯示設(shè)置主頁(yè)選項(xiàng) by chilingling in opentiny/tiny-engine#1544修復(fù)baseURL移除斜杠問(wèn)題 by chilingling in opentiny/tiny-engine#1631格式化工具調(diào)用結(jié)果 by hexqi in opentiny/tiny-engine#1637修復(fù)內(nèi)置構(gòu)建選項(xiàng)外部化問(wèn)題 by betterdancing in opentiny/tiny-engine#1646修復(fù)綁定事件后高亮JS函數(shù)失敗 by chilingling in opentiny/tiny-engine#1656修復(fù)畫(huà)布組件邊框/開(kāi)關(guān)樣式等問(wèn)題 by betterdancing in opentiny/tiny-engine#1649修復(fù)ImportMap問(wèn)題和改進(jìn)變量綁定 by betterdancing in opentiny/tiny-engine#1676預(yù)覽支持自定義import-map by chilingling in opentiny/tiny-engine#1669修復(fù)初始化期間方法高亮失敗 by chilingling in opentiny/tiny-engine#1666修復(fù)parseFunction空字符串處理問(wèn)題 by fayching in opentiny/tiny-engine#1677更新生成代碼模板依賴(lài)版本 by chilingling in opentiny/tiny-engine#1620刪除webcomponent包 by chilingling in opentiny/tiny-engine#1583導(dǎo)出基礎(chǔ)類(lèi)型 by chilingling in opentiny/tiny-engine#1692文檔更新添加前后端Docker部署文檔 by lu-yg in opentiny/tiny-engine#1598更新注冊(cè)表代碼示例 by chilingling in opentiny/tiny-engine#1693更新AI插件文檔內(nèi)容 by hexqi in opentiny/tiny-engine#1712以上是此次更新的主要內(nèi)容如需了解更多可以查看v2.9.0 所有 changelog結(jié)語(yǔ)TinyEngine v2.9 的發(fā)布不僅是功能層面的一次全面躍遷——從 AI 助手的能力增強(qiáng)、Tailwind CSS 的原生支持到資源管理插件的引入、應(yīng)用預(yù)覽能力的落地——更是我們對(duì)“極致可定制”理念的又一次深化實(shí)踐。每一個(gè)細(xì)節(jié)的打磨每一次架構(gòu)的演進(jìn)都旨在讓開(kāi)發(fā)者以更低的成本、更高的自由度構(gòu)建真正屬于自己的低代碼世界。這不僅僅是一個(gè)版本的更新更是社區(qū)共建成就的見(jiàn)證。我們相信開(kāi)源的意義不僅在于代碼共享更在于思想碰撞與協(xié)作共創(chuàng)。正是每一位用戶(hù)的使用、反饋與貢獻(xiàn)讓 TinyEngine 在真實(shí)場(chǎng)景中不斷淬煉成長(zhǎng)。未來(lái)之路我們繼續(xù)同行。歡迎你持續(xù)關(guān)注 TinyEngine 的演進(jìn)參與社區(qū)討論提交你的想法與代碼。讓我們攜手把低代碼的可能性推向更遠(yuǎn)的地方。關(guān)于OpenTiny歡迎加入 OpenTiny 開(kāi)源社區(qū)。添加微信小助手opentiny-official 一起參與交流前端技術(shù)OpenTiny 官網(wǎng)https://opentiny.designOpenTiny 代碼倉(cāng)庫(kù)https://github.com/opentinyTinyVue 源碼https://github.com/opentiny/tiny-vueTinyEngine 源碼 https://github.com/opentiny/tiny-engine歡迎進(jìn)入代碼倉(cāng)庫(kù) StarTinyEngine、TinyVue、TinyNG、TinyCLI、TinyEditor~如果你也想要共建可以進(jìn)入代碼倉(cāng)庫(kù)找到 good first issue 標(biāo)簽一起參與開(kāi)源貢獻(xiàn)~