- 综合排序
- 最热优先
- 最新优先
AI + 低代码设计器接入指南
本文介绍VTJ的AI + 低代码设计器使用方式以及如何实现服务定制。VTJ 是一款以AI驱动的Vue3前端低代码开发工具。 内置低代码引擎、渲染器和代码生成器，支持Vue源码与低代码DSL双向转换，面向前端开发者，开箱即用。 无缝嵌入本地开发工程，不改变前端开发流程和编码习惯。 本地开发本地开发的流程跟原本开发流程是一致的， 设计器只是一个辅助工具，嵌入到本地开发环境，让开发者可以使用低代码的方式去开发应用，设计器不是应用的一部分。项目编译打包后是不带有设计器的。 把这类的实例以service参数传递给低代码引擎即可。 ，因此在设计器是不包含页面预览的功能，需要预览功能可以用@vtj/renderer实现后与设计器对接，本文仅介绍设计器，渲染器部分后续另外补充。
46310编辑于 2025-05-29- 来自专栏ooderAgent
低代码平台代码导出设计
在低代码平台相对成熟的今天，这一功能也成为了绝大多数商业企业级低代码平台的必备功能，本文将从模块代码导出的角度来聊一下，低代码平台的代码出码设计。 二，OneCode低代码引擎出码设计 OneCode低代码引擎是一款基于DDD驱动设计的通用低代码引擎。 （3）通用领域模型元数据设计 ? （4）页面设计器 ?这种方式优点是： 简单易操作，一个稍有经验的高级程序员即可完成整套的基础模板设计，在经过模板输出后可以大幅降低普通程序员的劳动强度。 二，OneCode低代码引擎出码设计 OneCode低代码引擎是一款基于DDD驱动设计的通用低代码引擎。 （3）通用领域模型元数据设计 ? （4）页面设计器 ?
2.1K40编辑于 2023-07-19 - 来自专栏AI + 低代码 技术解密
AI + 低代码 技术解密（七）：设计器和渲染器
本文档介绍了支持 VTJ 低代码体验的可视化设计环境 （@vtj/designer） 和运行时渲染系统 （@vtj/renderer）。 Core Designer 类Designer 类充当所有设计时交互的中心编排器，管理鼠标事件、拖放作、元素选择和视觉反馈系统。 事件处理系统Designer 实现了一个全面的事件处理系统，该系统可以捕获用户交互并将其转换为设计作：视觉反馈组件Designer 系统通过突出显示交互式元素的叠加组件提供实时视觉反馈：渲染器架构 模拟器架构元件检测在设计模式下，Renderer 使用特殊属性检测 DOM 元素，使 Designer 能够跟踪和作它们：视口和响应式设计Designer 提供了一个复杂的视口系统，该系统支持多种设备模式和自定义大小调整 ，以便进行响应式设计测试。
20800编辑于 2025-06-23 - 来自专栏一个会写诗的程序员的博客
低代码平台定义 11 要素 ( Gartner )
Low-Code Application Platforms , https://www.gartner.com/en/documents/4005973）中，定义了低代码的11项关键能力。 也就是说，这11项关键能力是衡量一个平台是否能够称之为低代码平台的关键因素。 软件开发的生命周期中，包含设计、开发、反馈、测试、运维等多个环节，低代码平台要支持单元/集成测试、联调、发布、回滚、持续迭代等。 10、Governance：治理及运维。 现代软件开发中的敏捷开发、代码库管理，版本权限，发布管理等，在低代码平台中，都要能够支持。 11、Security and Compliance：安全与合规。 以上就是Gartner对低代码平台定义的11个要素，相信许多技术人员已经对低代码有个大致认识了。但是，想要识别和判定一个低代码平台的话，直接使用以上11个要素，就有点太繁琐了。
1.7K40编辑于 2022-06-02 - 来自专栏前端技术江湖
低代码设计器的自由布局拖动的实现原理
前言 大家好，我们在这篇文章中来分享一下自由布局拖动的实现原理，实现一个设计器组件自由拖动的最简demo。 属性值如下所示： true：规定元素的可拖动的 false：规定元素不可拖动 auto：使用浏览器的默认行为 当我们在元素元素标签中添加 draggable 属性时，该元素就可以进行拖动操作了。 none：不能把元素拖放至此 move：移动到目标 copy：复制到目标 link：目标打开拖动元素（拖动元素必须是链接并有URL） 页面设计器的实现 下面我们根据以上的知识点来实现一下页面设计器组件拖动的最简 下面是代码的实现。 后记 这篇文章中我们实现了页面设计器组件自由布局的最简demo，让大家理解自由拖动的实现原理。至于里面还有一些细节的处理，大家可以根据自己的需要自行实现~对该系列文章感兴趣的小伙伴来一波关注吧。
5.3K30编辑于 2021-12-06 - 来自专栏LCHub低代码社区
低代码指南100问：11为什么「这个时代」才需要低代码？
为什么「这个时代」才需要低代码？ 如果你了解过市面上各种低代码产品，不难发现其实这个领域的许多玩家在低代码概念诞生之前就已经存在了，比如：低代码领域的另一个巨头OutSystems，早在2001年就已经创立；而去年也被Forrester 那么，如果低代码像前面说的那么好，为什么以前没有火起来呢？ 成熟度提高技术采纳周期:早期技术难以跨越鸿沟技术成熟度曲线:低代码已经快爬到生产力高地而如今这个时代，支撑低代码的那些“老”技术都已经过长时间的发展酝酿与市场检验，而另一些完美互补的“新”技术（e.g. 虽然低代码可以完美解决上述所有问题（e.g.
34700编辑于 2023-06-11 - 来自专栏phodal
UI 设计代码化：低代码式设计语言 —— Unflow
UI 设计代码化，即将软件的 UI 设计与 UI 交互转换为特定的领域语言，并使用代码的方式来进行管理。 在 Uncode IDE 里，设计代码化是由两部分组成：架构设计（代码设计）代码化与 UI 设计代码化，这是一个相当复杂的领域。 UI 设计代码化 UI 设计代码化，即将软件的 UI 设计与 UI 交互转换为特定的领域语言，并使用代码的方式来进行管理。 它可以直接将需求转换为 UI 原型，让设计人员基于此进行设计；还负责将其转换对应的 UI 代码，方便开发人员进行编写。 为什么需要 UI 设计代码化？ 在文章开头里，我们定义了一下：UI 设计代码化。 即我们的设计与 UI 原型、代码是相绑定的，当代码与设计不一致时，我们能即时得到反馈 —— 要么修改设计，要么修改代码。 连接需求与代码的胶水。
1.2K30发布于 2021-06-09 - 来自专栏腾讯云设计中心
低代码开发平台设计初探索
低代码开发平台是一种通过拼装可重复使用的组件，实现不写代码或只编写少量代码即可快速搭建软件应用的开发平台，开发人员可以通过可视化的工作界面快速设计应用。在这样的背景下，设计师应该如何为低码平台赋能？ 低代码开发模式与体验维度 企业用户期望借助低码平台达成的目标 降低开发门槛: 低代码开发平台基于业务形式进行低码封装，并提供了可视化、可拖拽的便捷式操作，减少了大量单纯的代码编程操作，降低了开发门槛。 Part1 降低开发门槛 一个低代码开发平台应基于可视化工作流，通过可视化的编辑器界面进行开发工作，开发者可通过组件拖拽调用，参数配置、逻辑规则定义等方式，结合常规代码编写，完成软件应用的搭建。 低代码编辑器： 通常由组件模块，组件调用及组装区，页面搭建区，参数配置模块，组件树等模块组成。 outsystem编辑器界面 WeApps是一款纯自研的一站式应用研发平台，私有化版本目前已投入使用。 组件树与编辑视图的联动 Part2 加快应用交付 流程设计、业务逻辑设计等是低代码平台的核心能力，可视化设计能力帮助终端用户简化开发。
3.1K12编辑于 2022-05-05 - 来自专栏深度学习与python
基于 Vue 和 Canvas，轻舟低代码 Web 端可视化编辑器设计解析 | 低代码技术内幕
我们开设《低代码技术内幕》专栏，旨在讨论低代码编程领域中的困难、问题，以及高效的解决方案。本文为第二篇，结合我们的产品研发经验解读打造 web 端可视化代码编辑器需要权衡的因素以及技术实现的要点。 专栏内容回顾：低代码编程及其市场机遇剖析 | 低代码技术内幕 轻舟低代码平台是一款基于云服务的 web 端产品，面向零基础或者有一定编程基础的用户。 用户不需要额外安装软件，就可以在任何有浏览器的电脑上编写和发布应用。可视化代码编辑器 是轻舟低代码平台的重要组成部分，用户通过可视化界面开发应用。 高性能渲染 低代码可视化编辑器保留了控制流的设计，所以在整体结构上类似于传统的 流程图。 但其与流程图有两个明显的区别： 流程图的节点相对简单且布局自由，而轻舟低代码的可视化代码编辑器的 节点多且复杂（超一个量级）且布局严格。
2.7K20编辑于 2023-04-10 - 来自专栏IT大咖说
2021年11个最佳无代码低代码后端开发利器
无代码和低代码开发平台让全世界的人们在不写代码的情况下建立他们的业务和应用，为他们服务。根据 Forrester到2021年，无代码/低代码类别将增长到212亿美元。 今天，许多无代码/低代码平台使独立创作者、艺术家和企业家都有可能自己建立应用程序。 尽管似乎有一个从写代码到使用可视化开发工具的范式转变，但拥有一个后端和前端的基本概念仍然是相同的。 这通常意味着一个无代码或低代码平台必须为Firebase提供一个开箱即用的集成，以便在他们的平台中使用。 BubbleBubble是一个托管的网络应用程序 "一体化 "生成器，为用户提供了完全的设计自由，无需代码。它允许你在没有任何CSS或HTML知识的情况下创建网络应用程序的布局。 Backendless是一个云后端平台，无需编写任何服务器端代码即可创建应用程序。它提供可编程的服务，提供标准的服务器功能。
17K20编辑于 2022-03-04 - 来自专栏LCHub低代码社区
低代码宣言——低代码指南
《低代码指南》序言 虽然维格云公司一直都被认为是一个低代码软件公司。 产品维格云，拥有着像电子表格一样，但是可以轻松的定制出各种各样的应用系统，想客户管理系统、项目管理系统等等数千种应用场景。 但是，老实说，在2021年以前，我从来没有听过低代码这个词。 在我看来，低代码更多是一种事后总结。 要让我讲解低代码，我觉得还不如从我的创业初心开始说起。 虽然说是“低代码”，但是，操作低代码软件的人，却是个具有高水平技术素养的人，像技术工程师，架构师等，他们需要拖拽复杂的业务逻辑和节点。 中学级。 维格云，就是定位于一个“小学级”的低代码产品，希望能够真正的普惠社会。 不同的低代码产品都会互相依存，并不是你死我活的，他们存在于不同的场景、不同的行业、不同的用户群，现在还只是一个开始，我们需要耐心，越多的低代码产品进入市场，越能加速这个社会数字化平权的过程，让越多的普通人获得科技能力
1.6K31编辑于 2022-06-01 在低代码设计中践行 Harness 工程
0背景：低代码——AI 时代的软件基础设施0.1 低代码是 AI 时代不可或缺的组成部分当 ChatGPT 可以直接生成 Python、React 代码时，一个问题被反复提出：低代码还有存在的必要吗？ 传统编程语言（Java/Python/JS）为人类设计，语法灵活但语义模糊；低代码的注解/枚举/组件体系为结构化设计，语义精确且可组合——这正是 LLM 推理所需要的"确定性语义空间"。 0.2 低代码的未来发展方向低代码的演进不是走向"更少的代码"，而是走向更高质量的抽象。我们看到了两个清晰的方向：方向一：全栈语言传统低代码只覆盖"前端视图"——拖拽组件、配置样式、绑定数据。 未来将引入运行时动态推理：当用户在设计器中拖拽组件时，实时推理其可能的事件绑定和动作组合，通过 InferenceTraceGraph 可视化展示推理过程，让人类与 AI 协作决策。 在低代码设计中践行 Harness 工程全栈注解语言 · 知识图谱推理 · LLM 双向协作 · 数据飞轮驱动
24210编辑于 2026-05-03- 来自专栏腾讯大讲堂的专栏
云开发低代码开发平台设计初探
低代码被推到了风口上。有幸担任云开发低码 LowCode 项目团队的交互设计师，借此机会将我对低码的理解和“如何降低低码门槛？如何封装技术概念为用户提供简单易懂的操作流程？”的设计过程分享给大家。 3.2 设计目标 ? 上文提到，低码平台的目标用户是非技术人员，一个好的aPaaS 平台是可以让非技术背景的用户在极短的时间内通过少量代码就可完成应用的设计、开发、测试、分发。 降低门槛的设计 结合低码的实际情况，通过以下两个方法详细讲解低码在设计过程中的如何降低产品的使用门槛。 ? 封装技术概念 上文提到，低码的高门槛体现在技术概念的理解上。 在设计优化之后，用户可以比较轻松地使用数据源，但是本次回访得到最一致的一个回答就是：应用构建成功之后进入编辑器，然后不知道下一步该做什么了。 ? 每当低代码开发平台开发一个新功能模块时，都要提前设计好框架和逻辑，以应对高可配置需要的各种可能性。这也是低代码开发平台作为一个大而全的 PaaS 引擎所必须面对的挑战。
2.7K30发布于 2021-04-06 - 来自专栏腾讯云设计中心
云开发低代码开发平台设计初探
低代码被推到了风口上。有幸担任云开发低码 LowCode 项目团队的交互设计师，借此机会将我对低码的理解和“如何降低低码门槛？如何封装技术概念为用户提供简单易懂的操作流程？”的设计过程分享给大家。 3.2 设计目标 上文提到，低码平台的目标用户是非技术人员，一个好的aPaaS 平台是可以让非技术背景的用户在极短的时间内通过少量代码就可完成应用的设计、开发、测试、分发。 降低门槛的设计 结合低码的实际情况，通过以下两个方法详细讲解低码在设计过程中的如何降低产品的使用门槛。 封装技术概念 上文提到，低码的高门槛体现在技术概念的理解上。 在设计优化之后，用户可以比较轻松地使用数据源，但是本次回访得到最一致的一个回答就是：应用构建成功之后进入编辑器，然后不知道下一步该做什么了。 每当低代码开发平台开发一个新功能模块时，都要提前设计好框架和逻辑，以应对高可配置需要的各种可能性。这也是低代码开发平台作为一个大而全的 PaaS 引擎所必须面对的挑战。
2.7K31编辑于 2022-05-05 - 来自专栏LCHub低代码社区
《实战AI低代码》什么是AI低代码？ 《实战AI低代码》什么是AI低代码？
人工智能低代码平台 人工智能低代码平台（Artificial Intelligence Low-Code Platform，简称AI Low-Code Platform）是一种基于人工智能技术的软件开发平台 该平台通过提供可视化的开发工具和预先构建的模块，使开发者能够在不需要编写大量代码的情况下，快速构建出高质量的人工智能应用程序。 图片 特点 1. 自动化部署：AI Low-Code Platform提供了自动化部署功能，使开发者能够快速将应用程序部署到云端或本地服务器上。 4.
1.5K30编辑于 2023-06-16 - 来自专栏技术人说
低代码时代的开发加速器
“写代码”这件事变得不再是前端工程师的专属任务。尤其是在低代码平台的推动下，越来越多非技术背景的业务人员也能直接参与产品界面搭建。而其中最具代表性的生产力工具，非拖拽式 UI 生成器莫属。 配置 ≠ 编码，属性编辑器取代代码输入每个拖入的组件，都自带属性面板，你可以像填表单一样修改它的标题、宽度、绑定字段、触发事件等，甚至还能连后端 API。 可以考虑：使用懒加载和代码分割优化组件复用方式手动调整某些配置项 底层技术原理，简单了解一下一个完整的拖拽式 UI 生成器，底层通常包括这些模块：模块作用拖拽引擎控制组件的拖动、定位、嵌套关系等渲染器把 拖拽式 UI 生成器，是低代码平台中最实用、最直观、也最具影响力的一环。它让 UI 构建不再依赖重度编码，也让产品和业务能更主动参与进来。某种程度上，它已经成了“人人都是开发者”的重要抓手。 真正高效的低代码开发，始终离不开对技术和业务的深入理解。愿每个认真搭积木的你，都能用拖拽拼出一款靠谱的产品界面。
35810编辑于 2025-06-27 - 来自专栏aPaaS和低代码
低代码如何设计高效的数据模型？
然而，低代码平台的性能和扩展性不仅依赖于开发工具的易用性，更取决于其底层数据模型的设计。数据模型是低代码平台的核心组件，它定义了数据的结构、关系和约束，直接影响平台的易用性、性能和扩展性。 合理设计的数据模型能够高效组织数据，保障数据一致性，并为快速开发提供支持。本文将深入探讨低代码平台中常见的数据模型设计方案，分析其技术特点、适用场景及优劣势，为选择合适的数据模型提供参考。 低代码内的数据主要划分为两类一类是以声明式配置存储为核心的各类配置数据存储。一类是以业务数据存储为核心的各类业务数据的存储【本文核心讨论此类数据的存储模型设计】。 业务数据存储的几种方式一般来说低代码平台的业务数据存储设计包含以下几种方式：基于数据库表存储基于文档数据库存储基于大宽表+扩展字段存储01基于数据库方式基于数据库的方式存储是日常开发中最常见的方式，通过设计数据模型 03基于大宽表 + 扩展字段设计模式这种方案其实最开始来源于ERP产品的设计，在早期为了方便扩展会增加各个类型的扩展字段15-20个。在低代码的初期也有一些按照此方式实现的案例。
54210编辑于 2025-03-24 - 来自专栏云开发
直播预约：低代码架构设计与思考
1 月 17 日（本周二）19：30—20：30，腾讯云微搭「实战低代码」系列直播专栏，第八期：低代码架构设计与思考 本期直播活动，由腾讯云高级前端工程师作为导师，带大家了解微搭低代码架构设计与思考。 ，主要负责微搭编辑器、BFF核心功能开发，专注于低代码研发能力，工程化建设。 在性能优化、工程化、编辑器、NodeJS等方向有丰富的落地经验。 直播收获： 1、和专家面对面沟通，交流低代码技术； 2、专家带你快速搭建新应用； 3、更有腾讯周边礼品等你拿～ ---- 关于腾讯云微搭低代码 微搭是什么？ 灵活的扩展性 除了低代码能力以外，更可支持全代码混合开发、云函数、自定义组件等能力以应对复杂业务逻辑的应用场景开发。
96030编辑于 2023-01-18 - 来自专栏前端森林
低代码平台的属性面板该如何设计？
在之前的如何设计实现 H5 营销页面搭建系统中，我对前端目前的低代码平台的设计中的一些问题做了一些阐述，但并没有深入到很细节的地方去展开探讨。接下来，我会对其中的一些实现细节通过几篇文章来依次分享。 我们先对整个平台的设计做一下简单回顾： 这里是我平时自己维护的一个低代码平台，技术栈是Vue。后续的分享也是基于该平台的一些具体实现细节展开 和市面上大部分可视化搭建系统基本类似。 这个也是本篇文章的主题：低代码平台的属性面板该如何设计？ 1属性面板应该包含哪些内容？ 2属性和组件的映射关系 其实上面的四块内容，内容渲染器应该是最复杂的。采用合适的渲染器来渲染对应的属性才是最重要的。 但存在一些场景，一些属性可以被多种渲染器来渲染，像字体大小-fontSize，既可以用input-number，又可以用slider。那么这种场景应该如何选用最合适的渲染器呢？
1.7K50编辑于 2022-04-28 - 来自专栏LCHub低代码社区
《低代码指南》：26“低代码”为何而生？
“低代码”为何而生？低代码开发平台至今已发展得较为成熟，现在我们站在较高的“上帝视角”，回顾“低代码”诞生的合理性。 其实，低代码平台除了击破重复编程的高成本痛点之外，还解决了两大难点：沟通隔阂和效率问题。 1、需求方与技术方之间的认知和沟通隔阂图片传统的软件定制开发环节中，需求方往往会提一大堆业务流程、数据收录、界面设计等要求。经验丰富的技术员能理解甲方的业务流程，用正确的逻辑完成开发。 图片低代码开发平台凭着自身可视化、易理解的配置功能，让业务人员更清楚如何用上面的功能来开发应用；开发人员也能借助平台的界面、功能使用指南，更轻松地让业务人员理解应用实施逻辑。 现在市面上绝大多数的低代码平台也在主张由业务人员自行实施应用，背后也是这个道理。
40610编辑于 2023-06-14
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号