西安响应式网站建设公司公司网站设计的企业

西安响应式网站建设公司,公司网站设计的企业,什么可以用手机做网站,网站开发建站前言 TinyEngine 是一款面向未来的低代码引擎底座#xff0c;致力于为开发者提供高度可定制的技术基础设施——不仅支持可视化页面搭建等核心能力#xff0c;更可通过 CLI 工程化方式实现深度二次开发#xff0c;帮助团队快速构建专属的低代码平台。 无论是资源编排、服务…前言TinyEngine 是一款面向未来的低代码引擎底座致力于为开发者提供高度可定制的技术基础设施——不仅支持可视化页面搭建等核心能力更可通过 CLI 工程化方式实现深度二次开发帮助团队快速构建专属的低代码平台。无论是资源编排、服务端渲染、模型驱动应用还是移动端、大屏端、复杂页面编排场景TinyEngine 都能灵活适配成为你构建低代码体系的坚实基石。最近我们正式发布TinyEngine v2.9 版本带来多项功能升级与体验优化在增强平台智能化能力的同时进一步降低配置复杂度让“定制化”变得更简单、更高效。开源地址https://github.com/opentiny/tiny-engine欢迎 Star ⭐官方网站https://opentiny.design/tiny-engine#/home本次版本迭代中我们欣喜地看到越来越多开发者加入开源共建行列。特别感谢fayching LLDLLY 等社区伙伴积极参与功能贡献与问题反馈。正是这些点滴汇聚的力量推动着 TinyEngine 不断前行。我们也诚挚邀请更多热爱技术、追求创新的朋友加入社区一起打造更强大、更开放的低代码生态。v2.9.0 变更特性概览【增强】全新版本AI助手智能搭建能力升级【新特性】添加资源管理插件和资源选择配置器【增强】预览插件支持应用预览【增强】Tailwindcss支持【增强】支持静态数据源【增强】组件物料更新【增强】MCP工具更新【其他】功能细节优化与bug修复。TinyEngine v2.9.0 新特性解读1. 【增强】全新版本AI助手智能搭建能力升级体验版本在TinyEngine v2.9版本中我们对AI搭建页面能力进行全新升级下面是主要功能的介绍与快速上手1全新 Agent 模式新增的 Agent 模式支持自然语言或图片生成页面借助AI大模型强大的能力让您告别繁琐的手动拖拽让 AI 辅助开发更加智能、强大。全新 Agent 智能搭建模式自然语言描述需求由AI直接返回页面Schema画布采用流式渲染能够实时看到页面生成效果生成页面后支持继续对话二次修改使用增量返回修改速度更快支持上传设计图或手绘草图AI 识别并还原为可编辑的页面需要先选择视觉模型2基础能力升级现代化界面全新的聊天界面支持 Markdown 渲染、代码高亮全屏模式会话管理支持查看管理多个历史对话自动保存历史记录思考模式支持推理模型的深度思考提供更准确的解决方案多模型支持兼容各种OpenAI兼容格式 AI 模型提供模型设置界面自由添加选择模型服务集成平台更多的MCP工具Chat模式工具调用3简单配置快速上手平台设置设置模型服务支持通过AI插件的customCompatibleAIModels选项自定义添加OpenAI兼容格式大模型使用MCP功能需要使用支持tools的大模型建议使用DeepSeek R1/V3、Qwen3、Gemini等对视觉/工具支持良好的模型优先使用满血模型、推理类型模型效果更好。// registry.jsexportdefault{// ......[META_APP.Robot]:{options:{// encryptServiceApiKey: false, // 是否加密服务API密钥, 默认为false// enableResourceContext: false, // 提示词上下文携带资源插件图片默认true// enableRagContext: true, // 提示词上下文携带查询到的知识库内容默认falsecustomCompatibleAIModels:[{// 自定义AI模型(OpenAI兼容格式模型), 下面以智谱模型服务为例provider:GLM,label:智谱模型,baseUrl:https://open.bigmodel.cn/api/paas/v4,models:[{label:GLM视觉理解模型,name:glm-4.5v,capabilities:{vision:true,// 是否支持视觉理解能力reasoning:{extraBody:{enable:{thinking:{type:enabled}},disable:null}}// 是否支持深度思考及深度思考打开与关闭额外的body字段}},{label:GLM-4.5推理模型,name:glm-4.5,capabilities:{toolCalling:true,reasoning:{extraBody:{enable:{thinking:{type:enabled}},disable:null}}}}]}]}}// ......}可以通过对接最新后端服务使用完整的AI插件能力或者也可以在前端项目配置AI模型接口Proxy来使用, 这里以本地转发到百炼模型为例// 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,}补充说明截图生成UI能力由于依赖上传图片接口需要启动后端服务且需要使用支持视觉理解能力的模型如qwen-vl系列模型插件配置在插件中也提供了对部分功能的自定义能力包括是否启用加密API Key解决安全风险问题、是否使用知识库RAG能力提供额外的知识背景提升问答对话效果、是否允许使用资源管理插件中的图片等// registry.jsexportdefault{[META_APP.Robot]:{options:{// encryptServiceApiKey: false, // 是否加密服务API密钥, 默认为false// enableResourceContext: false, // 提示词上下文携带资源插件图片默认true// enableRagContext: true, // 提示词上下文携带查询到的知识库内容默认false// modeImplementation: { // 支持通过注册表传入chat和agent模式的实现// chat: useCustomChatMode// agent: useCustomAgentMode// }}}}用户设置配置服务与密钥在设置面板编辑内置服务添加API Key或者添加自定义的模型服务选择模型可以从内置百炼、DeepSeek 或者自定义的模型服务中选择模型图片生成UI需要多模态模型MCP工具调用需要支持工具调用模型开始使用在输入框输入问题或者上传图片问答同时可以自由切换 Agent/Chat 模式配置MCP工具开启深度思考等从智能搭建到深度辅助全方位提升您的开发效率。快来体验释放您的创造力2.【新特性】添加资源管理插件和资源选择配置器在应用开发中通常会需要引用图片等资源资源管理插件主要满足这类场景需求可以上传项目中用到的静态资源在编排页面或AI生成页面时引用当前仅支持图片格式附件。2.1 资源管理1资源分组资源管理插件通过分组管理资源上传资源之前需要先创建分组可以为不同场景的静态资源进行分组比如基础图标库或者也可以按模块分类创建好分组后点击分组名可以管理当前资源分组2添加资源添加资源分为两种方式输入URL和名称添加网络资源上传图片或图标资源。其中资源名称必填通过url添加的话url也必填如果是上传的则不能输入url,支持上传png、jpg、svg文件支持批量上传3修改资源已添加资源的管理hover时显示名称操作包括复制和删除复制是复制添加完成后在用户服务器上的url地址也支持批量操作点击批量操作后出现删除图标后续还会扩展其他批量操作且资源变为可多选的状态2.2 资源使用1在画布中使用可以通过图片组件使用资源选中图片组件后在图片的属性设置处点击选择资源可以设置为资源管理中的图片效果2在AI插件中使用在AI插件Agent模式生成页面时页面中经常会需要使用到图片资源AI无法直接生成这些图片默认会将当前资源管理插件的图片作为备用资源引入使用仅使用带有描述介绍的图片。例如“生成登录页面”自动引用背景图与Logo如果不希望在AI助手插件中使用可以通过修改注册表关闭// registry.jsexportdefault{[META_APP.Robot]:{options:{enableResourceContext:false,// 提示词上下文携带资源插件图片默认true}}}3. 【增强】预览插件支持应用预览在之前的预览插件中只能够实现单页面的预览对于需要在多个页面中交互跳转的场景无法满足。在v2.9 版本中TinyEngine支持了应用的全局预览能够预览完整项目的效果并且支持手动路由切换也能够在调试模式下查看整个应用的源码。1入口工具栏的预览图标进行了调整直接点击图标与之前逻辑一致为页面预览点击后面的箭头可打开下拉列表可以选择应用预览2预览效果打开预览页面后可以看到应用预览与页面预览相比添加了路由切换栏可以选择路由进行切换。4. 【增强】Tailwindcss支持Tailwind CSS 是一种实用优先的 CSS 框架提供丰富的原子类如text-center、p-4、bg-blue-500等可快速构建定制化、响应式界面。低代码平台支持 Tailwind 后用户在可视化搭建的同时能直接通过类名精细控制样式无需编写或配置大量样式即可实现高效美观的前端开发提升灵活性与开发速度。在v2.9以上版本已默认支持Tailwind CSS框架。启用后的行为设计态画布支持直接加载Tailwind样式类预览态自动按需加载tailwindcss/browser使画布/预览中可直接使用 Tailwind 原子类。出码生成生成的应用将自动完成以下配置基于 Tailwind CSS v4 零配置方案在依赖中添加tailwindcss并在开发依赖中添加tailwindcss/vite在 Vite 配置中注册tailwindcss()插件生成src/style.css内容包含import tailwindcss;在src/main.js自动引入./style.css。以上步骤由引擎/出码器自动完成无需手动干预。效果选中节点后在属性配置面板样式类中直接填写Tailwind样式类名即可看到画布Tailwind样式生效关闭 Tailwind可以通过注册表关闭Tailwind功能// registry.jsexportdefault{engine.config:{// ...其他配置enableTailwindCSS:true,// 开启默认即为 true设为 false 可关闭},};当配置为enableTailwindCSS: false时预览态不会加载tailwindcss/browser出码时不会注入与 Tailwind 相关的依赖、Vite 插件及样式文件导入。注意事项预览依赖解析内置 import-map 已包含tailwindcss/browser映射如使用自定义 CDN/离线环境请确保该映射可用。自定义样式可在生成的src/style.css中追加自定义样式或在项目中新增样式文件后自行引入。运行时渲染如果您自定义了运行时渲染引擎请确保在运行时渲染中增加对 Tailwind CSS 的支持。5.【增强】支持静态数据源设计器提供数据源来配合画布上的组件/区块渲染之前版本只支持采取远程API请求JSON数据动态获取的方式自TinyEngine v2.9版本开始支持静态数据源配置。使用步骤1创建数据源数据源类型选择静态数据源配置数据源名称以及数据源字段根据配置的数据源字段新增静态数据。2使用数据源Mock数据数据源使用方式与远程数据源相同6.【增强】组件物料更新修改路由选择配置器添加标签栏配置器和导航组件拖拽一个导航条组件到画布可以更改导航条为横向或者纵向导航菜单项支持增删改菜单项支持配置跳转页面更新物料Icon设计稿换新风格后原物料图标跟页面风格不匹配更换所有的物料图标添加TinyVue图表组件物料面板新增TinyVue图表组件主要包括折线图、柱状图、条形图、圆盘图、环形图、雷达图、瀑布图、漏斗图、散点图 等添加TinyVue基础组件表单类型中新增单选组、评分、滑块、级联选择器 组件数据展示中新增骨架屏、卡片、日历、进度条、标记、标签、统计数值 组件导航类型中新增步骤条和树形菜单组件7. 【增强】MCP工具更新AI 助手除了新增的搭建模式原有的对话模式也进行了增强增加了若干个插件的 mcp 工具国际化i18n 相关 mcp 工具应用状态、页面状态相关 mcp 工具页面增删查改工具节点操作相关 mcp 工具节点选中、属性修改、增删节点等等如何使用当前可以升级到 v2.9 版本切换到 chat 模式即可在对话中使用MCP工具AI会自动调用相应工具。用户也可以手动点击关闭某个 mcp 工具。示例图二次开发 TinyEngine 时如何修改/添加/删除 mcp 工具当前 mcp 工具都默认随着插件的注册表导出因为依赖插件的相关能力所以如果需要修改/添加/删除 mcp 工具修改注册表即可。默认的插件注册表导出// mcp 工具 mcp/index.jsexportconstmcp{tools:[getGlobalState,addOrModifyGlobalState,deleteGlobalState]}// 插件注册表导出 index.jsexportdefault{...metaData,entry,metas:[globalStateService],// mcp 的相关导出mcp}在二次开发工程中修改/添加 mcp 工具同自定义注册表请参考注册表相关文档。未来优化添加、调优 mcp 工具添加 chat 模式的系统提示词让 AI 工具调用效果更好8. 【其他】功能细节优化bug修复为TinyGrid配置添加版本字段 by LLDLLY in opentiny/tiny-engine#1568优化画布选项位置计算算法 by chilingling in opentiny/tiny-engine#1572从props解析区块依赖 by chilingling in opentiny/tiny-engine#1602修复tinyvue类型错误 by chilingling in opentiny/tiny-engine#1623修复用户目录句柄删除导致的生成失败 by chilingling in opentiny/tiny-engine#1543修复工具名称和导出名不一致问题 by chilingling in opentiny/tiny-engine#1606确保只有字符串id注册到metaHashMap by chilingling in opentiny/tiny-engine#1622修复ColorInput内边距问题 by chilingling in opentiny/tiny-engine#1595修复子页面隐藏显示设置主页选项 by chilingling in opentiny/tiny-engine#1544修复baseURL移除斜杠问题 by chilingling in opentiny/tiny-engine#1631格式化工具调用结果 by hexqi in opentiny/tiny-engine#1637修复内置构建选项外部化问题 by betterdancing in opentiny/tiny-engine#1646修复绑定事件后高亮JS函数失败 by chilingling in opentiny/tiny-engine#1656修复画布组件边框/开关样式等问题 by betterdancing in opentiny/tiny-engine#1649修复ImportMap问题和改进变量绑定 by betterdancing in opentiny/tiny-engine#1676预览支持自定义import-map by chilingling in opentiny/tiny-engine#1669修复初始化期间方法高亮失败 by chilingling in opentiny/tiny-engine#1666修复parseFunction空字符串处理问题 by fayching in opentiny/tiny-engine#1677更新生成代码模板依赖版本 by chilingling in opentiny/tiny-engine#1620删除webcomponent包 by chilingling in opentiny/tiny-engine#1583导出基础类型 by chilingling in opentiny/tiny-engine#1692文档更新添加前后端Docker部署文档 by lu-yg in opentiny/tiny-engine#1598更新注册表代码示例 by chilingling in opentiny/tiny-engine#1693更新AI插件文档内容 by hexqi in opentiny/tiny-engine#1712以上是此次更新的主要内容如需了解更多可以查看v2.9.0 所有 changelog结语TinyEngine v2.9 的发布不仅是功能层面的一次全面跃迁——从 AI 助手的能力增强、Tailwind CSS 的原生支持到资源管理插件的引入、应用预览能力的落地——更是我们对“极致可定制”理念的又一次深化实践。每一个细节的打磨每一次架构的演进都旨在让开发者以更低的成本、更高的自由度构建真正属于自己的低代码世界。这不仅仅是一个版本的更新更是社区共建成就的见证。我们相信开源的意义不仅在于代码共享更在于思想碰撞与协作共创。正是每一位用户的使用、反馈与贡献让 TinyEngine 在真实场景中不断淬炼成长。未来之路我们继续同行。欢迎你持续关注 TinyEngine 的演进参与社区讨论提交你的想法与代码。让我们携手把低代码的可能性推向更远的地方。关于OpenTiny欢迎加入 OpenTiny 开源社区。添加微信小助手opentiny-official 一起参与交流前端技术OpenTiny 官网https://opentiny.designOpenTiny 代码仓库https://github.com/opentinyTinyVue 源码https://github.com/opentiny/tiny-vueTinyEngine 源码 https://github.com/opentiny/tiny-engine欢迎进入代码仓库 StarTinyEngine、TinyVue、TinyNG、TinyCLI、TinyEditor~如果你也想要共建可以进入代码仓库找到 good first issue 标签一起参与开源贡献~