- 综合排序
- 最热优先
- 最新优先
- 来自专栏AI + 低代码 技术解密
AI + 低代码 技术解密（八）：UI 组件库
@vtj/ui 包提供了 Vue 3 组件的全面集合，这些组件构成了 VTJ 低代码平台用户界面的基础。 有关图表特定组件的详细信息，请参阅图表和可视化 。包体系结构UI 组件库组织为一个模块化系统，其中组件可以独立工作或相互集成以创建复杂的用户界面。 UI 组件包结构核心组件类别表单和输入组件该库提供了一组丰富的表单组件，这些组件使用 VTJ 特定的功能扩展了 Element Plus。 XPicker 组件通过将多个 UI 元素组合到一个复杂的数据选择界面中来举例说明这种方法。 与 UI 组件的网格集成对话框和模态组件XDialog 组件提供了整个 UI 库中使用的模态基础，具有一致的样式和行为模式。
30700编辑于 2025-06-24 - 来自专栏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.2K50编辑于 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 - 来自专栏phodal
UI 设计代码化：低代码式设计语言 —— Unflow
UI 设计代码化，即将软件的 UI 设计与 UI 交互转换为特定的领域语言，并使用代码的方式来进行管理。 UI 设计代码化 UI 设计代码化，即将软件的 UI 设计与 UI 交互转换为特定的领域语言，并使用代码的方式来进行管理。 UI 元素可编程。 在进行 UI 设计的时候，我们会定义出一套 Design Sytem 或者 UI Guideline，上面充满了丰富的元素，如组件、字体等。 上述代码中的首页，可以对应到 UI 设计的场景、原型上，对应的按钮（Button） 则是组件使用上的声明。 描述基础、库组件的一些要素。 分子级 - component。描述组件 有机体 - component。描述组件 模板 - template。
1.2K30发布于 2021-06-09 - 来自专栏京东技术
Ui2Code+ChatGPT助力低代码搭建
Tech 导读 以低代码为基线，通过Ui2Code与ChatGPT辅助提升搭建效率，本文会详细介绍低代码搭建在京东内小程序场景的应用，低代码平台如何定位边界、如何做减法。 低代码开发平台（LCDP），是低代码或无代码通过快速搭建配置的方式完成一个应用程序的开发与上线，可视化低代码就是可视化的DSL，它的优点更多的是来源可视化，相对的，它的局限性也还是来源于可视化，复杂的业务逻辑用低代码可能会更加复杂 低代码应该是特定领域问题的简化和抽象，如果只是单纯将原有的编码工作转换为 GUI 的模式，并没有多大意义。 太通用：接入成本高、学习成本高、开发成本高 太垂直：接入效率高、学习成本低、扩展能力差 3.2 功能 1、零代码或低代码快速生成应用 2、提供可视化界面进行开发 3、通过拖拽+配置实现项目搭建 3.3 ，如何定位大模型在低代码领域的角色，值得深思；同时未来京东小程序低代码对ChatGPT的应用将会进行任务拆分，大模型擅长的领域任务交由它去处理，薄弱的地方将通过平台侧完成。
1.7K30编辑于 2023-09-11 - 来自专栏音视频咖
音视频低代码 UI 组件方案上线，助力最快30分钟上线应用
腾讯云实时音视频团队基于QQ 二十多年的音视频技术积累，集成丰富的SDK，开发低代码场景化组件，场景丰富，代码开源，改2行代码，最快30分钟搭建企业自有音视频平台，助力企业轻松搭建自有品牌音视频平台，
66230编辑于 2022-04-24 - 来自专栏采云轩
浅谈低代码平台远程组件加载方案
浅谈低代码平台远程组件加载方案 https://www.zoo.team/article/low-code 前言 低代码开发平台（LCDP）是无需编码（0 代码）或通过少量代码就可以快速生成应用程序的开发平台 这两年越来越多的公司和开发人员开始自研低代码平台来达到降本提效的目的。今天和大家分享一下低代码平台开发过程中遇到一个问题和对应的解决思路。 问题 低代码平台之所以不需要写代码是因为平台提供了很多可配置的组件，让平台的用户可以通过配置的方式生成自己想要的产物。那么如果想要能配置出更多的效果，就需要保证物料库足够丰富。 如果物料组件很多，就需要按需加载组件。现有的开发工具如 Webpack 也支持代码分割。但是在低代码平台的开发场景中，平台应用是和组件分离的，需要用户在选择某个组件的时候，要加载远程组件代码。 加载方案 组件代码 我们以 vue 框架为例，假如当前有一个组件 A，代码如下，如何远程加载这个组件呢？
2.1K30编辑于 2022-12-01 - 来自专栏crmeb
浅谈低代码平台远程组件加载方案
前言 低代码开发平台（LCDP）是无需编码（0代码）或通过少量代码就可以快速生成应用程序的开发平台。 这两年越来越多的公司和开发人员开始自研低代码平台来达到降本提效的目的。今天和大家分享一下低代码平台开发过程中遇的一个问题和对应的解决思路。 问题 低代码平台之所以不需要写代码是因为平台提供了很多可配置的组件，让平台的用户可以通过配置的方式生成自己想要的产物。那么如果想要能配置出更多的效果，就需要保证物料库足够丰富。 如果物料组件很多，就需要按需加载组件。现有的开发工具如 webpack 也支持代码分割。但是在低代码平台的开发场景中，平台应用是和组件分离的，需要用户在选择某个组件的时候，要加载远程组件代码。 加载方案 组件代码 我们以 vue 框架为例，假如当前有一个组件 A，代码如下，如何远程加载这个组件呢？
3K41编辑于 2022-08-03 音视频低代码 UI 组件开发方案 3步集成，最快1天上线应用
腾讯音视频低代码 UI 组件开发方案 3步集成，最快1天上线应用腾讯音视频低代码UI组件开发方案TUIKit提供了一种高效、低门槛的方式来快速实现全球跨平台、超高品质的实时音视频互动场景。 快速集成一站式医疗组件：TUIKit提供的一站式医疗组件TUIKit，覆盖了互联网问诊、跨院区远程会诊、医疗直播等核心场景。通过集成对应的含UI低代码组件，开发者可以迅速实现所需功能。 低代码实现：集成方案采用了低代码的设计理念，开发者只需编写少量代码，甚至通过拖拽和配置的方式，就能实现快速搭建。2. 技术优势高效低门槛：通过低代码设计，降低了开发门槛，使非技术人员也能快速搭建出稳定可靠的音视频应用。 综上所述，腾讯音视频低代码UI组件开发方案TUIKit通过其高效的集成流程、丰富的场景化组件和先进的技术优势，实现了最快1天上线的应用，为开发者提供了便捷、高效的音视频解决方案。
22410编辑于 2024-08-18加速 Vue 项目开发：使用低代码开发组件
低代码具备诸多优点，但我们通常因为大多数低代码工具难以与现有的开发项目优雅地集成。这常常让我们面临必须在两者间做出"非此即彼"的选择。 但想象一下，如果存在一种方式，可以让低代码无缝地融入我们的 Vue 项目，这将极大地加快 Vue 项目的开发速度。使用教程0. 安装依赖推荐使用 npm 命令安装依赖。 创建并使用组件目标： 创建一个(*.vue)组件，并在项目中使用。操作步骤：新建「PC云组件」；点击「出码 > Vue 3」到 components 或其他文件夹下。 为组件添加 props目标： 为组件添加 props，例如 <MyHelloWorld msg="you did it!" />。 以上就是使用低代码开发组件的关键操作流程。更多在完成上面的操作后，我们就可以基于 MyBricks 低代码快速搭建出「表单、表格、列表、图表」等各种业务组件了。
44610编辑于 2024-05-11- 来自专栏趣谈前端
低代码平台组件间通信方案复盘
之前也在社区分享了很多低代码和零代码的技术实现, 接下来继续和大家聊聊低代码平台中组件与组件之间的通信方案设计. 但是对于更细粒度的低代码组件来说, 有点小题大作了. 以上只实现了组件的通信, 并没有将通信和实际的应用场景结合起来, 比如低代码用户需要如何操作,才能实现组件通信. 来实现, 具体的低代码模式可以参考我之前的项目: H5-Dooring可视化低代码平台 总结 后续我会继续和大家分享一下 H5-Dooring 低代码的更多实践和思考, 如果大家对可视化低代码感兴趣也可以参考我的低代码可视化专栏 下一篇文章我会和大家分享一下低代码印章组件的实现方案, 大家有更多好的建议也可以随时和我反馈.
64520编辑于 2023-09-18 - 来自专栏房东的猫
Element UI组件
简介 Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。 Element UI组件官方网址 Element UI标签 Container 布局容器 用于布局的容器组件，方便快速搭建页面的基本结构： <el-container>：外层容器。
3.2K00发布于 2021-06-06 - 来自专栏Angualr2+
Angular UI 组件
ngx-bootstrap 是一套Bootstrap 组件 官网：https://valor-software.com/ngx-bootstrap/#/ github: https://github.com /valor-software/ngx-bootstrap NG-bootstrap bootstrap4组件 官网：https://ng-bootstrap.github.io/#/home NG-ZORRO https://github.com/cipchk/ng-alain NGX-admin http://akveo.com/ngx-admin/#/pages/dashboard primeng 一个丰富的组件库
1.8K90发布于 2018-05-05 - 来自专栏LCHub低代码社区
低代码宣言——低代码指南
《低代码指南》序言 虽然维格云公司一直都被认为是一个低代码软件公司。 产品维格云，拥有着像电子表格一样，但是可以轻松的定制出各种各样的应用系统，想客户管理系统、项目管理系统等等数千种应用场景。 但是，老实说，在2021年以前，我从来没有听过低代码这个词。 在我看来，低代码更多是一种事后总结。 要让我讲解低代码，我觉得还不如从我的创业初心开始说起。 虽然说是“低代码”，但是，操作低代码软件的人，却是个具有高水平技术素养的人，像技术工程师，架构师等，他们需要拖拽复杂的业务逻辑和节点。 中学级。 维格云，就是定位于一个“小学级”的低代码产品，希望能够真正的普惠社会。 不同的低代码产品都会互相依存，并不是你死我活的，他们存在于不同的场景、不同的行业、不同的用户群，现在还只是一个开始，我们需要耐心，越多的低代码产品进入市场，越能加速这个社会数字化平权的过程，让越多的普通人获得科技能力
1.6K31编辑于 2022-06-01 - 来自专栏喵喵侠的社区活动征文
JEECG低代码平台组件JFormContainer使用方法解析
JEECG低代码平台中的JFormContainer组件，是一个用于控制表单禁用状态的专用组件。通过该组件，开发者可以轻松实现表单的禁用与启用，尤其是在查看详情时，表单内容通常需要设置为只读状态。 组件结构解析 JFormContainer组件的核心代码如下： <template>
<a-form-model :model 核心伪代码完善 以下是完善后的核心伪代码： <j-form-container :disabled="type === 'detail'"> <a-form-model :model="form"36420编辑于 2025-01-20来自专栏韩曙亮的移动开发专栏【鸿蒙 HarmonyOS】UI 组件 ( Button 组件 )
文章目录 一、布局文件中设置 Button 组件属性 二、代码中修改 Button 组件属性 三、Button 点击事件 四、完整代码示例 五、执行结果 六、GitHub 地址 一、布局文件中设置 Button 组件属性 ---- Button 组件是在 UI 界面中的按钮组件 , 重要的用户交互接口 ; 布局文件中设置 Button : Button 组件在布局文件中的示例 : <? ohos:text_color="#00FF00" , 绿色 ; 二、代码中修改 Button 组件属性 ---- 代码中设置 Button 属性 : 获取组件 : 调用 findComponentById ( ) 方法获取 ; 设置背景 : 需要使用 ShapeElement 对象设置 , 下面的代码是设置 Button 组件红色背景 ; // 修改 Button 背景颜色 设置文字大小 : 调用 Button 对象的 setTextSize ( ) 方法设置文字大小 ; 设置文字颜色 : 调用 Button 对象的 setTextColor ( ) 方法设置文字颜色 ; 完整代码示例
1.5K00编辑于 2023-03-28来自专栏韩曙亮的移动开发专栏【鸿蒙 HarmonyOS】UI 组件 ( Text 组件 )
文章目录 一、Text 组件 二、Module 准备 三、代码示例 四、GitHub 地址 一、Text 组件 ---- Text 组件是在 UI 界面中显示文本的组件 ; 1. 代码中设置 Text : // 获取布局中的组件 Text text = (Text) findComponentById(ResourceTable.Id_text_helloworld2 ); // 使用代码设置文本 text.setText("Hello In Java"); // 使用代码设置文字大小 text.setTextSize (150); // 使用代码设置文字颜色 text.setTextColor(Color.RED); 获取组件 : 调用 findComponentById ( ) 方法获取 ) 博客 , 创建 Module ; 三、代码示例 ---- 布局文件示例 : <?
1.4K00编辑于 2023-03-28来自专栏MixLab科技+设计实验室草图生成UI组件
里的基本图形，转化为UI组件。 设计理念是： 基于意图的设计 Intention-based design 设计师可以用草图的方式来进行UI设计，在这款工具里不需要搜索选择各种各样的UI组件，只需绘制简单的形状或文本，然后将它们神奇地转换为您要添加的 UI组件。 ， 而此简化图形能够代表实际UI组件的感觉。 如果这是一款跳出sketch的产品， 值得我们思考的是， 如何把UI组件转化为用鼠标可以快速绘制出来的简化图形， 而此简化图形能够代表实际UI组件的感觉。
1.1K40发布于 2019-05-05来自专栏藏经阁框架、组件库、UI框架、UI库
框架是一套完整的解决方案, 框架中制定了一套规则,使用框架的时候,只需要按照规则去编写代码, 框架会在适当的时机,执行开发人员编写的代码。 这不就意味着react、vue、uni-app这样的才是框架，而我们在项目中引入的涉及UI的都是组件库中的部分组件，涉及函数功能的都是js库。 antd、element官网都是介绍自己为组件库，而uview称自己为UI框架，细想一下也是没问题的，因为他们还封装了功能相关的组件，比如表单、选择器、文件上传/下载，从某种意义上说，他们称自己为组件库 、UI库、UI框架都是没问题的。 框架原本就是对js的封装，浏览器最终执行的也是js代码，相当于就是在运行框架，而框架中又可以加入一些组件库（封装了UI），和js库（封装了函数）来减少我们的工作量。
1.2K20编辑于 2023-03-04来自专栏chester技术分享Avalonia的UI组件
Avalonia是一个强大的跨平台UI框架，允许开发者构建丰富的桌面应用程序。 它提供了众多UI组件、灵活的布局系统、可定制的样式以及事件处理机制。 在这篇博客中，我们将详细解析Avalonia的UI组件、UI组件的生命周期、布局、样式和事件处理。 一、UI组件 Avalonia提供了丰富的UI组件，包括按钮（Button）、文本框（TextBox）、列表框（ListBox）等。这些组件可以通过XAML或C#代码进行创建和配置。 组件的生命周期 UI组件在Avalonia中也有着明确的生命周期。 组件、UI组件的生命周期、布局、样式和事件处理等关键概念，并给出了相应的示例代码。
1.5K10编辑于 2024-04-13
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号