- 综合排序
- 最热优先
- 最新优先
- 来自专栏thinkphp+vue
低代码引擎实战 - 从零封装低代码组件
meta.ts 文件，这是根据代码生成的组件描述文件，在拖拽使用这个组件时，低代码引擎根据这个描述文件来解析组件。 如果想添加新的属性，或者代码中组件的 props 中定义的属性没有显示出来，则需要手动新增 props。 direction 属性想要枚举值，只有 row 和 column 两个属性值。 /Table' export type {JTableProps} export default Table; 复制代码 别忘了在 src/index.tsx 上注册组件，否则看不到效果。 总结 其实自定义封装组件，总结一下就三步： 在 src/components 文件夹下新建组件的文件夹，写逻辑代码，定义需要对外暴露的 props 。 在 根目录/index.tsx 中注册组件。 这个低代码引擎感觉还是在原型阶段，官方的文档、demo 会时不时更新，及时关注 crmeb 可能会有意外收获。
1.3K50编辑于 2022-05-23 - 来自专栏大前端客栈
低代码引擎实战-从零封装低代码组件
上一篇文章讲了如何开始使用阿里低代码引擎 low-engine，以及如何在引擎 demo 中引用自定义组件，本篇将基于 vant 和 antd 封装一些低代码组件，带领大家熟悉自定义组件的封装和注意事项 新建低代码的组件库初始化项目参考文档：lowcode-engine.cn/docV2/funcv… 上篇文章地址： 阿里低代码引擎 lowcode-engine 使用详解 - 开发自定义组件并集成 一、 文件，这是根据代码生成的组件描述文件，在拖拽使用这个组件时，低代码引擎根据这个描述文件来解析组件。 总结 其实自定义封装组件，总结一下就三步： 在 src/components文件夹下新建组件的文件夹，写逻辑代码，定义需要对外暴露的 props 。 在 根目录/index.tsx中注册组件。 这个低代码引擎感觉还是在原型阶段，官方的文档、demo 会时不时更新，及时关注可能会有意外收获。
2.8K21编辑于 2022-08-30 - 来自专栏采云轩
浅谈低代码平台远程组件加载方案
浅谈低代码平台远程组件加载方案 https://www.zoo.team/article/low-code 前言 低代码开发平台（LCDP）是无需编码（0 代码）或通过少量代码就可以快速生成应用程序的开发平台 这两年越来越多的公司和开发人员开始自研低代码平台来达到降本提效的目的。今天和大家分享一下低代码平台开发过程中遇到一个问题和对应的解决思路。 问题 低代码平台之所以不需要写代码是因为平台提供了很多可配置的组件，让平台的用户可以通过配置的方式生成自己想要的产物。那么如果想要能配置出更多的效果，就需要保证物料库足够丰富。 如果物料组件很多，就需要按需加载组件。现有的开发工具如 Webpack 也支持代码分割。但是在低代码平台的开发场景中，平台应用是和组件分离的，需要用户在选择某个组件的时候，要加载远程组件代码。 加载方案 组件代码 我们以 vue 框架为例，假如当前有一个组件 A，代码如下，如何远程加载这个组件呢？
2.2K30编辑于 2022-12-01 - 来自专栏crmeb
浅谈低代码平台远程组件加载方案
前言 低代码开发平台（LCDP）是无需编码（0代码）或通过少量代码就可以快速生成应用程序的开发平台。 这两年越来越多的公司和开发人员开始自研低代码平台来达到降本提效的目的。今天和大家分享一下低代码平台开发过程中遇的一个问题和对应的解决思路。 问题 低代码平台之所以不需要写代码是因为平台提供了很多可配置的组件，让平台的用户可以通过配置的方式生成自己想要的产物。那么如果想要能配置出更多的效果，就需要保证物料库足够丰富。 如果物料组件很多，就需要按需加载组件。现有的开发工具如 webpack 也支持代码分割。但是在低代码平台的开发场景中，平台应用是和组件分离的，需要用户在选择某个组件的时候，要加载远程组件代码。 加载方案 组件代码 我们以 vue 框架为例，假如当前有一个组件 A，代码如下，如何远程加载这个组件呢？
3.1K41编辑于 2022-08-03 - 来自专栏AI + 低代码 技术解密
AI + 低代码 技术解密（八）：UI 组件库
@vtj/ui 包提供了 Vue 3 组件的全面集合，这些组件构成了 VTJ 低代码平台用户界面的基础。 有关图表特定组件的详细信息，请参阅图表和可视化 。包体系结构UI 组件库组织为一个模块化系统，其中组件可以独立工作或相互集成以创建复杂的用户界面。 UI 组件包结构核心组件类别表单和输入组件该库提供了一组丰富的表单组件，这些组件使用 VTJ 特定的功能扩展了 Element Plus。 与 UI 组件的网格集成对话框和模态组件XDialog 组件提供了整个 UI 库中使用的模态基础，具有一致的样式和行为模式。 每个组件都有相应的材质描述，用于定义其属性、事件和配置选项。组件材料结构Material System 允许从组件调色板中拖动组件，并在设计器中直观地进行配置。
34100编辑于 2025-06-24 加速 Vue 项目开发：使用低代码开发组件
低代码具备诸多优点，但我们通常因为大多数低代码工具难以与现有的开发项目优雅地集成。这常常让我们面临必须在两者间做出"非此即彼"的选择。 但想象一下，如果存在一种方式，可以让低代码无缝地融入我们的 Vue 项目，这将极大地加快 Vue 项目的开发速度。使用教程0. 安装依赖推荐使用 npm 命令安装依赖。 创建并使用组件目标： 创建一个(*.vue)组件，并在项目中使用。操作步骤：新建「PC云组件」；点击「出码 > Vue 3」到 components 或其他文件夹下。 为组件添加 props目标： 为组件添加 props，例如 <MyHelloWorld msg="you did it!" />。 以上就是使用低代码开发组件的关键操作流程。更多在完成上面的操作后，我们就可以基于 MyBricks 低代码快速搭建出「表单、表格、列表、图表」等各种业务组件了。
47710编辑于 2024-05-11- 来自专栏趣谈前端
低代码平台组件间通信方案复盘
之前也在社区分享了很多低代码和零代码的技术实现, 接下来继续和大家聊聊低代码平台中组件与组件之间的通信方案设计. 但是对于更细粒度的低代码组件来说, 有点小题大作了. 以上只实现了组件的通信, 并没有将通信和实际的应用场景结合起来, 比如低代码用户需要如何操作,才能实现组件通信. 来实现, 具体的低代码模式可以参考我之前的项目: H5-Dooring可视化低代码平台 总结 后续我会继续和大家分享一下 H5-Dooring 低代码的更多实践和思考, 如果大家对可视化低代码感兴趣也可以参考我的低代码可视化专栏 下一篇文章我会和大家分享一下低代码印章组件的实现方案, 大家有更多好的建议也可以随时和我反馈.
67520编辑于 2023-09-18 - 来自专栏LCHub低代码社区
低代码宣言——低代码指南
《低代码指南》序言 虽然维格云公司一直都被认为是一个低代码软件公司。 产品维格云，拥有着像电子表格一样，但是可以轻松的定制出各种各样的应用系统，想客户管理系统、项目管理系统等等数千种应用场景。 但是，老实说，在2021年以前，我从来没有听过低代码这个词。 在我看来，低代码更多是一种事后总结。 要让我讲解低代码，我觉得还不如从我的创业初心开始说起。 虽然说是“低代码”，但是，操作低代码软件的人，却是个具有高水平技术素养的人，像技术工程师，架构师等，他们需要拖拽复杂的业务逻辑和节点。 中学级。 维格云，就是定位于一个“小学级”的低代码产品，希望能够真正的普惠社会。 不同的低代码产品都会互相依存，并不是你死我活的，他们存在于不同的场景、不同的行业、不同的用户群，现在还只是一个开始，我们需要耐心，越多的低代码产品进入市场，越能加速这个社会数字化平权的过程，让越多的普通人获得科技能力
1.7K31编辑于 2022-06-01 - 来自专栏喵喵侠的社区活动征文
JEECG低代码平台组件JFormContainer使用方法解析
JEECG低代码平台中的JFormContainer组件，是一个用于控制表单禁用状态的专用组件。通过该组件，开发者可以轻松实现表单的禁用与启用，尤其是在查看详情时，表单内容通常需要设置为只读状态。 组件结构解析 JFormContainer组件的核心代码如下： <template>
<a-form-model :model 核心伪代码完善 以下是完善后的核心伪代码： <j-form-container :disabled="type === 'detail'"> <a-form-model :model="form"39620编辑于 2025-01-20来自专栏LCHub低代码社区《实战AI低代码》什么是AI低代码？ 《实战AI低代码》什么是AI低代码？
人工智能低代码平台 人工智能低代码平台（Artificial Intelligence Low-Code Platform，简称AI Low-Code Platform）是一种基于人工智能技术的软件开发平台 该平台通过提供可视化的开发工具和预先构建的模块，使开发者能够在不需要编写大量代码的情况下，快速构建出高质量的人工智能应用程序。 图片 特点 1. 可视化开发工具：AI Low-Code Platform提供了可视化的开发工具，使开发者能够通过拖拽和连接组件的方式，快速构建出应用程序的流程和逻辑。 2. 可扩展性：AI Low-Code Platform支持开发者自定义组件和模块，使其能够满足不同应用场景下的需求。
1.5K30编辑于 2023-06-16来自专栏腾讯大讲堂的专栏基于低代码平台，如何设计平台级组件开发方案？
导语 | 从去年开始，我们团队一直在研发一款叫做“无极”的低代码产品。组件是低代码平台可视化布局的基础元素。 作为低代码平台方，既要提供公共组件池，直接覆盖90%的组件场景；又要有灵活易用的组件开发方案，供多个业务开发自定义组件。下文我们将分享平台级组件相关的一些设计思路。 作者：katecjzheng 腾讯PCG前端工程师 背景 我们在研发的是一个to B的低代码平台。 既能完整地还原页面需求，又能减少重复开发工作（主要指平台的公共组件、接口调用、平台权限等），最大化获得使用低代码平台带来的收益。 而对于一个自定义组件，必须足够灵活。 对于低代码平台组件的设计，最关注以下两点： 1. 组件开发流程 目标：对齐原生组件开发体验，所见即所得。指的是，不需要发布组件后，才能看到组件在多个远程管理台多种场景的呈现效果。
5K64编辑于 2023-08-09来自专栏小程序·云开发专栏如何在微搭低代码平台自定义组件
创建一个组件库前的准备工作： 1、拥有腾讯云账号； 2、开通微搭低代码； 3、安装 Node.js； 4、安装 Cloudbase CLI。 目前，微搭低代码的组件主要分为“低码组件”（通过线上编辑器拖拽生成的组件）和“源码组件”（通过本地代码开发生成的组件）两种，开发者可以按需点击“添加组件”或“导入组件”，分别添加“低码组件”或“源码组件 在微搭低代码平台推出以来，很多开发者都关心是否会开放第三方组件库，今天，它来了。但对于如何在微搭低代码平台自定义组件操作还是比较陌生的，下面我们来一起操作下。学习嘛，就是要积极进取才有可能提高。 准备 产品介绍 腾讯云微搭低代码是高效、高性能的拖拽式低代码开发平台，向上连接前端的行业业务，向下连接云计算的海量能力，助力企业垂直上云。 48874 技术交流群、最新资讯关注微信公众号【腾讯云低代码】
2.4K30发布于 2021-04-21来自专栏IT综合技术分享组件分享之后端组件——Python 中的开源、低代码机器学习库pycaret
组件分享之后端组件——Python 中的开源、低代码机器学习库pycaret 背景 近期正在探索前端、后端、系统端各类常用组件与工具，对其一些常见的组件进行再次整理一下，形成标准化组件专题，后续该专题将包含各类语言中的一些常用组件 组件基本信息 组件：pycaret 开源协议：MIT license 官网：www.pycaret.org 内容 本节我们分享一个Python 中的开源、低代码机器学习库pycaret PyCaret 是 Python 中的一个开源、低代码机器学习库，可自动执行机器学习工作流。 与其他开源机器学习库相比，PyCaret 是一个替代的低代码库，可用于仅用几行代码替换数百行代码。这使得实验以指数方式快速和高效。
87310编辑于 2022-07-12来自专栏LCHub低代码社区《低代码指南》：26“低代码”为何而生？
“低代码”为何而生？低代码开发平台至今已发展得较为成熟，现在我们站在较高的“上帝视角”，回顾“低代码”诞生的合理性。 其实，低代码平台除了击破重复编程的高成本痛点之外，还解决了两大难点：沟通隔阂和效率问题。 图片低代码开发平台凭着自身可视化、易理解的配置功能，让业务人员更清楚如何用上面的功能来开发应用；开发人员也能借助平台的界面、功能使用指南，更轻松地让业务人员理解应用实施逻辑。 现在市面上绝大多数的低代码平台也在主张由业务人员自行实施应用，背后也是这个道理。
42210编辑于 2023-06-14来自专栏LCHub低代码社区《低代码指南》：2什么是低代码？
对于程序员而言，低代码开发平台的性质与IDEA、VS等代码IDE（集成开发环境）几乎一样，都是服务于开发者的生产力工具。 与传统代码IDE不同的是，低代码开发平台提供的是更高维和易用的可视化IDE。 这个定义更偏向于阐明低代码所带来的核心价值： 低代码开发平台能够实现业务应用的快速交付。 而且我们有理由相信，随着低代码技术、产品和行业的不断成熟，这个提升倍数还能继续上涨。 低代码开发平台能够降低业务应用的开发成本。 一方面，低代码开发在软件全生命周期流程上的投入都要更低（代码编写更少、环境设置和部署成本也更简单）；另一方面，低代码开发还显著降低了开发人员的使用门槛，非专业开发者经过简单的IT基础培训就能快速上岗，既能充分调动和利用企业现有的各方面人力资源 ——LCHub低代码社区
82740编辑于 2023-03-02来自专栏LCHub低代码社区《低代码指南》：22低代码产品形态？
低代码产品形态？搞清楚整个低代码的发展现状以后，那么，整个低代码领域主要的产品形态有哪些呢？了解其主要的产品形态，对于我们形成低代码的直观印象非常有帮助。 工作流生成类：以 Mendix 和 Outsystems 为代表，提供组件式的服务，通过编排工作流来实现特定的业务，即通过流程图的方式来实现业务逻辑部分，不同的节点代表不同的功能，不同的线条代表不同的分支 图片服务聚合类：以 APICloud 为代表，基于API聚合的组件市场工具，通过流程管理工具，可以管理整个应用的开发周期，从产品、设计开始，到研发测试和运营。 图片所以，整体而言，低代码产品的核心是表单引擎 和 流程引擎(BPM)，外围支撑是BI引擎、*协同工作、服务聚合等等，目前，市面上主流的低代码产品，表单引擎和流程引擎(BPM)基本是标配，所以，严格地说起来 下面是部分低代码产品的截图：
66230编辑于 2023-06-13来自专栏LCHub低代码社区《低代码指南》：1低代码平台给谁用？
问：低代码平台给谁用？答：现在有三类人群：1、企业业务部门、企业IT部门：很多中国所谓的低代码平台厂商说他们的低代码工具主要是面向企业业务部门和企业IT部门使用的。 我想说，低代码开发平台根本不是面对这两类人群的。他们最好用的工具是：EXCEL、OA表单设计工具。 他们才是低代码开发平台最大的需求者。可惜这个不高不低的目标群体，不是个大市场。微软搞低代码平台是为了建立生态，而不是卖钱。 ——LCHub低代码社区
84040编辑于 2023-05-26来自专栏LCHub低代码社区《LCHub低代码指南》HpaPaaS低代码是什么？
按照Gartner的定义，HpaPaaS是一种支持声明式、模型驱动设计和一键部署的平台，提供了云上的快速应用开发（RAD）、部署和运行特性；这显然与低代码的定义如出一辙。 值得补充的是，“HpaPaaS“这个词也并非横空出世，而是传承自更早之前Gartner提出的“aPaaS”，它俩之间的关系是：HpaPaaS只是aPaaS的一个子类；除了HpaPaaS这种通过低代码实现的高生产力应用开发平台以外 ，aPaaS还包括面向纯代码的传统应用开发平台（High-control aPaaS，即可控度更高的纯代码开发方式）。
73411编辑于 2023-06-10用 VueReact 搭建简易低代码编辑器：组件拖拽原理
用 Vue/React 搭建简易低代码编辑器：组件拖拽原理 目标：实现一个基础的低代码拖拽搭建能力，包含组件面板、画布、落点占位、网格吸附、选中与属性配置、JSON Schema 持久化。 架构与数据模型 核心模块 组件面板：可拖拽的物料 画布：接收拖入与移动的区域 选中与属性面板：编辑节点属性 存储层：以 JSON Schema 持久化 基础数据结构 { "nodes": [ 记录拖拽框的起点终点，选出覆盖的节点 历史与撤销 以快照或操作命令的方式记录历史，实现撤销重做 序列化与渲染 存储为 JSON Schema 节点类型、属性、布局分离 运行时渲染 依据节点类型映射到组件库并传入 Pointer 代替 Drag API，或启用长按再拖拽 选区与节点交互冲突 优先级区分：拖拽捕获优先于点击选择 组合对齐与分布 多选后提供对齐与分布动作，批量更新 layout 总结 实现一个简易低代码编辑器的核心在拖拽坐标
49210编辑于 2025-12-15来自专栏趣谈前端如何用低代码的思路设计文字描边渐变组件
你将收获 文字渐变, 阴影, 描边的3种方案实现 组件设计的一些通用方法和原则 如果在低代码平台中优雅的设计功能强大的文字组件 技术脑洞 正文 先来介绍一下文字描边和阴影的设计方案. 接下来我会分享一下如何用组件化或者低代码的思路, 将文字特效封装成一个高可复用的组件. 如果优雅的设计功能强大的文字组件 在介绍组件设计思路之前,有必要介绍一下著名的SOLID原则. 以上组件设计是结合 组件化 + 低代码 的开发思路设计的, 组件化帮助我们将业务实现封装地更易用, 低代码的思路让我们将组件和业务结合起来, 通过一种更系统的思维来设计组件. 'B', value: 66, } ], }, } 我们通过遍历 editAttrs 结构就可以得到一个属性配置面板: 按照这样的思路, 我们实现一个兼容低代码平台的文字特效组件结构可能长这样 后续我也会持续分享可视化低代码相关的技术实现, 欢迎大家随时和我交流.
52310编辑于 2023-11-23
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号