产品功能详解 · 流程设计开发 ④
不用写前端，也能搭出业务管理台
EasyLink 低代码模块详解
低代码模块是 EasyLink 中用于快速构建和定制前端用户界面的核心工具。通过可视化组件拖拽与配置，以极低代码量甚至零代码搭建业务页面。
| 📌 来源：聚信万通市场部 · 易连EDI | 🗓 发布：2026-09-10 | ⏱ 阅读时长：约 4 分钟 |
一、EDI 平台为什么需要低代码
低代码模块是 EasyLink 平台中用于快速构建和定制前端用户界面的核心工具。它通过可视化的组件拖拽和配置，让开发者能够以极低的代码量甚至零代码的方式，快速搭建出功能完整的业务页面，如数据管理后台、表单页面和系统布局。
EDI 项目上线后，业务方很快会提出新需求：“能不能有个页面查报文状态”“能不能给客服一个对账后台”。这类需求如果都要走前端开发排期，响应会很慢。低代码正是为此准备的。
二、三个核心概念
| 概念 | 定义 | 说明 |
| 页面 | 一个独立的、可访问的 URL 对应的完整用户界面 | 例如“Orders Management”就是一个页面 |
| 组件 | 构成页面的基本构建块，每个组件负责特定的 UI 功能 | 如 ConditionForm、EntityDataTable、EntityActions 等 |
| 布局 | 定义页面的整体结构和框架，通常包含导航菜单、页头、内容区域等 | 一个布局可以被多个页面复用 |
常用组件一览
| 组件 | 作用 |
| ConditionForm | 用于构建搜索和过滤条件的表单 |
| EntityDataTable | 用于展示数据列表的表格组件 |
| EntityActions | 用于定义行内操作按钮（如 Approval） |
| 左侧菜单 / 头 / 工具栏 | 用于构建系统整体布局的组件 |
三、五大功能特性
• 可视化编辑
通过拖拽组件到画布上并进行属性配置，即可完成页面设计。
• 组件化开发
提供丰富的预置组件，支持组件的复用和组合，提高开发效率。
• 数据绑定
组件可以轻松绑定到后端数据源，实现数据的自动展示和交互。
• 响应式设计
支持为 PC 端和移动端分别设计界面，确保在不同设备上都有良好的体验。
• 快速原型
能够快速搭建应用原型，便于需求验证和迭代开发。
四、实操指南
页面管理
1. 进入低代码模块：在顶部导航栏点击“低代码”，进入低代码页面列表。
2. 创建页面：点击“创建”按钮，输入页面名称（如“Orders Management”），完成创建。
3. 编辑页面：在页面列表中，点击目标页面右侧的“编辑”链接，进入页面设计器。
4. 删除页面：勾选一个或多个页面，点击“删除”按钮进行批量删除。
页面设计：添加与配置组件
进入页面编辑器后，可以看到一个可视化的画布。通过拖拽或点击的方式将组件（如 ConditionForm、EntityDataTable）添加到画布中。
• 点击画布上的组件，其周围会出现操作控件（如编辑、复制、删除）。
• 点击编辑图标（铅笔形状），打开组件的属性配置面板，设置数据源、字段、样式等。
• 例如为 EntityDataTable 配置需要展示的列（order_date、customer_id 等）和操作列（Actions）。
布局设计
1. 创建或编辑布局：在低代码列表中，找到名为“layout”或类似的页面进行编辑，或创建一个新的布局页面。
2. 构建框架：拖拽布局组件（如“头”“左侧菜单”“主体部分”）搭建页面的基本框架。
3. 配置导航：在“左侧菜单”组件中配置菜单项及其对应的页面路径（如 /user、/edi/orders），实现页面间导航。
预览与发布
• 预览：在设计器中使用“预览”功能，可实时查看页面在 PC / 移动端的显示效果。
• 发布：完成设计和测试后，页面即可通过其对应的 URL 被访问。
| 💡 典型应用场景 订单查询台（ConditionForm + EntityDataTable）、报文追踪看板、异常报文处理与审批页面（配合 EntityActions 的 Approval 按钮）、面向内部运营的对账后台。 |
| ⚠ 两个实践建议 其一，先把布局搭好再堆页面——一个可复用的 layout 能让后续所有页面风格统一、改动集中；其二，页面与组件命名保持业务语义，几个月后回来看才知道“这个表格是干什么的”。 |
五、小结
低代码把“搭个管理界面”从前端排期里解放出来，让实施与运维人员也能按业务需求快速拼出页面，并可直接绑定到后端数据源。下一篇进入本组的核心——流程编排。
| 📌 想进一步了解 EasyLink 的产品能力，或获取本文对应模块的配置支持，欢迎访问 www.sinowintop.com 与我们联系。 |
