Hi！飞书低代码平台开发者！
为了全面提升平台性能、用户体验，同时更好解决历史遗留问题，飞书低代码平台产品从底层、功能、视觉均进行了全新改版。新版本于 2024 年 8 月 5 日正式上线，包括：
- 更统一、和谐的 开发后台界面 UI
- 更清晰、易查的 应用管理页面
- 更快捷、强大的 流程编辑器
- 更灵活、开放的 页面编辑器
本文档系统介绍了这四大模块的能力要点、前后对比以及新能力的使用说明，通过下文介绍大家可以快速了解新版功能。
感谢大家一路以来的陪伴与支持！
—— 飞书低代码平台团队
🔒 「应用管理」页面
「应用管理」页进行了重构及视觉设计优化——导航改为侧导航，功能进行分组展示。信息集中，开发者查找使用更加便捷高效。
250px|700px|reset
⭐️ 「开发后台」界面
「开发后台」进行了视觉样式改版，包括：
- 导航样式色彩从黑色改为白色，让整体更和谐、美观。
- 压缩侧导航和顶部导航的高度、宽度，为开发者提供更大的操作空间。
- 各板块主页的二级导航、表格操作区进行了样式统一，查找更便捷。
- 列表区：
250px|700px|reset
- 画布内：
250px|700px|reset
⛓️ 「流程」
为了提升使用体验、增强流程设计的灵活性和效率，「流程」模块从界面到体验均进行了改版升级，开发者可在新版流程中体验到：
- 使用链路缩短，一站式管理、编排流程
- 快速新建流程：无需繁琐导航，直接点击【新建空白流程】或选择模板新建，即刻开启编排
- 画布、导航、流程列表一屏呈现：信息使用、流程切换更方便
- 左侧列表资源面板直接展示变量参数：变量信息获取更便捷，操作体验更流畅
- 新增文件夹功能，流程分类管理方式多样化
- 文件夹高效分类：文件夹与流程形成清晰的层级结构，快速定位所需流程，查找更便捷
- 一键【展开为表格】，使用习惯无缝迁移
- 流程列表精简展示：精简流程列表，一键开关流程，提升流程操控便捷性
- 触发器支持替换，无需重新创建流程
- 节点分组优化，快速定位所需节点，节点选择更高效
前后对比
区别 1 ：列表、画布
Before | After |
流程列表、画布不同层，选中一条流程后，跳转到二级页面才能在画布中看到完整架构，编排其他流程还需要在列表和画布间频繁切换 | 流程列表、画布一体化设计，点击左侧列表即可实现不同流程间的快速切换，并在同一页面下快速获取流程架构信息，开启高效的流程编排 |
250px|700px|reset | 250px|700px|reset |
Before | After |
在流程画布中点击顶端「变量」标签，右侧弹出侧拉窗后，才可查看与编辑变量信息 | 左侧面板直接展示当前「流程变量」和「出入参」，开发者可快速获取相关信息，操作更流畅 |
250px|700px|reset | 250px|700px|reset |
Before | After |
新建流程时需经导航栏多步点击 流程模板入口较深，难以快速理解流程核心能力 | landing 页直接点击【新建空白流程】一键新建 丰富模板预览即用，快速搭建所需流程 |
250px|700px|reset | 250px|700px|reset |
区别 2 ：新增文件夹功能
文件夹高效分类：文件夹与流程形成清晰的层级结构，快速定位所需流程，查找更便捷
|
|
|
一键新建文件夹，设置个性化名称，流程展示更加清晰。 | 简单拖拽，即可将流程归类至相应文件夹，操作简便快捷。 | 支持文件夹内流程的批量编辑、删除等操作，提升管理效率。 |
250px|700px|reset | 250px|700px|reset | 250px|700px|reset |
区别 3 ：流程列表页
新增【展开为表格】按钮：保留老用户体验，多模式流程管理更高效
|
|
|
点击【展开为表格】，所有流程平铺展示，还原熟悉的列表格式，老用户无缝过渡。 | 层级清晰，文件夹架构一目了然，精准定位流程，高效分类管理。 | 灵活筛选，支持子标签、新建标签及筛选功能，分类更精细，查找更便捷。 |
250px|700px|reset | 250px|700px|reset | 250px|700px|reset |
流程列表精简展示：精简流程列表，一键开关流程，提升流程操控便捷性
|
|
流程开关快速切换，状态掌控。 | 标签管理、流程信息编辑查看集中管理，一步到位。 |
250px|700px|reset | 250px|700px|reset |
区别 4 ：触发器支持替换
Before | After |
创建流程后发现是误操作或者不小心选错触发器，需要替换触发器时，必须重新创建新的流程。 | 触发器选择不当时，在触发节点右上角点击替换触发器一键替换，无需重新创建流程，节省大量时间与精力。 |
250px|700px|reset | 250px|700px|reset |
区别 5 ：节点分组
Before | After |
节点分组理解成本高，层级之间的描述方式不一致，存在认知负担。人工任务等关键节点的入口较深，选择节点耗时耗力，难以快速定位所需节点。 | 优化标签栏分组，对象数据、人工任务等常用节点单独分组，同时展示最近使用节点，快速定位常用节点，提高流程编排效率。 |
250px|700px|reset | 250px|700px|reset |
新功能使用指南
🖥️ 「页面」（灰度中）
改版后的新版「页面」是开发者友好的页面搭建工具。能够快速构建具有丰富度和灵活度的桌面端页面，以及独立的移动端页面。具备良好开放性，便捷的集成飞书数据以及各类外部数据源。
其核心功能模块包括：
- 数据请求
- 通用：任意组件（含自定义组件）可消费任意来源的数据
- 可配：数据请求会暴露请求状态、成功/失败响应事件，以支持 Loading、Toast 等精细化的配置
- 体验：通过收敛数据请求提升终端用户的性能、通过暴露更多配置来提升终端的使用体验
- JS 表达式
- 表格、表单、列表、全局导航等组件提供全新能力，支持快速搭建
- 表格
- 表头固定：给表格高度设置固定高度
- 表格暴露的 API 补齐，例如 table1.data、table1.loading
- 表格的可拓展性增强，用户可以基于表格提供的 API 和原子组件，实现类似于多维表格的多视图功能
- 表单
- 表单的灵活性和自由度更强，可实现更复杂的表单场景（如一个表单多个对象）
- 更开放的 API，更多的方法（如 setHidden、clearValidation 等）
- 输入组件新增了部分能力，如数字输入组件支持千分符展示、文本输入组件支持设置最小字符数、支持自定义校验规则等
- 列表
- 新增“加载中”、“网格布局”的能力
- 全局导航
- 解决了导航组件的性能问题
最新版本「页面编辑器」当前属于灰度中的功能，如需使用，请联系您的飞书低代码平台 CSM 提交申请～
前后对比
区别 1：数据请求的数据消费方式
最新版（2024.8） | 上一版本 |
在最新版本中，将组件调整为可展示任意数据的 UI 组件，而数据的获取通过「数据请求」这个模块来完成，大体步骤如下：
250px|700px|reset 若想实现过滤/分页/搜索等，则需拖入其他组件并配合数据请求来做，以筛选过滤为例：
| 通过组件绑定对象并设置过滤、排序规则来消费数据，所有的配置均在组件上完成且仅可消费对象数据，大体步骤如下：
250px|700px|reset |
区别 2：JS 表达式与 Bytefx
区别 3：表格/表单/列表/全局导航组件
组件 | 最新版本（2024.8） | 上一版本 |
表格 | 250px|700px|reset 同时支持内外数据源两种场景，需要将 数据、权限、UI 解耦，配置方式与研发写代码的思路一致： 页面、组件事件--> 触发数据连接执行 --> 更新数据连接的状态（query.data）--> 驱动组件视图（UI）更新 | 250px|700px|reset 模型驱动，对搭建者体验极好。完成一个表格的配置，配置步骤为
背后的逻辑都交给组件来实现，例如调用 data http 接口获取数据、分页、搜索等 |
表单 | 升级为自由搭建，支持外部数据源场景：表单通过 form_data_key 可以收集到内部任意输入组件的值。 下线「数据」「字段」配置项组。 | 对象模型驱动搭建：表单需要绑定一个对象，内部输入组件需要绑定该对象的一个字段，表单只能收集到对象字段的值。 |
| 支持基于数据源快速初始化，包括表单搭建、事件绑定、数据请求 | 不支持快速初始化 |
| 顶部栏/底部栏为插槽 | 顶部栏/底部栏为内置容器 |
列表 | 只有列表组件，能力相当于上一版本中的列表容器组件 | 有列表、列表容器两个组件 |
全局导航 | 最新版本新增了全局导航的模块，导航项对应的就是一个页面，彻底解决页面膨胀时，页面尺寸过大导致的性能问题。 | 上一版本所提供的导航组件，交互体验对搭建者友好，但是性能较差。 原因是把整个导航当成了一个页面去处理，导航项对应的是一个视图而不是一个页面，导致这个页面的尺寸过大。 |
新功能使用指南
功能文档阅读过程中如有疑问，欢迎评论反馈。
