认识页面|飞书低代码平台

认识页面|飞书低代码平台

飞书低代码平台手册精选NaN-NaN-NaN
产品功能
一句话介绍
飞书低代码平台的「页面」是可视化展示与交互工具,可以通过拖拉拽各种组件的方式,设计多样的页面来展示信息,承载数据与流程。
常见的页面场景
在企业的日常管理中,常常需要:
  • 可视化地查看各类数据内容,例如:集中展示图文、跨模块汇总记录、对数据制作分析报表
  • 对业务管理统一入口,例如:在一个页面中点击发起不同的流程、切换不同板块能够跳转到不同链接
这些场景,都需要在飞书低代码平台的「页面」中一一设计实现。
数据列表
250px|700px|reset
image.png
250px|700px|reset
image.png
图表看板
250px|700px|reset
image.png
250px|700px|reset
image.png
表单提报
250px|700px|reset
image.png
页面的搭建步骤
「页面」从搭建到上线,分为以下几步:
250px|700px|reset
whiteboard_exported_image-19.png
步骤
说明
创建页面
在「页面」模块,点击「新建」即可创建空白页面,或者使用页面模板快速创建:
250px|700px|reset
创建后,在操作区,可进行一些快捷操作。
  • 编辑页面(进入页面编辑器)
  • 访问页面(测试查看页面效果)
  • 编辑基本信息(编辑页面的基本信息)
  • 创建副本(复制当前页面)
  • 删除
250px|700px|reset
设计页面
进入页面编辑器,可在空白页面中,任意拖拉拽所需的组件。并在右侧可为组件配置相应的属性、样式以及交互效果:
250px|700px|reset
每个组件,都提供了快捷按钮:
  • 复制:点击后,可粘贴至任意区域
  • 创建副本:点击后,直接复制一份至组件下方
  • 删除
250px|700px|reset
各个组件的用法说明,可查看:认识组件
双端适配
所有组件均可设置「仅桌面端展示」、「仅移动端展示」,在画布上方,可以点击图标,将页面切换移动端/桌面端效果:
250px|700px|reset
预览页面
点击右上角「预览」,即可查看即时页面效果:
250px|700px|reset
注意:预览并不会对页面编辑记录进行保存,请注意及时提交,以防编辑丢失。
保存页面
点击「提交」即可保存当前页面配置。后续点击「访问」,可在测试环境中查看。测试环境除了数据为虚拟数据外,其余均与正式发布后一致。
页面的编辑器
简介
页面编辑器分为 4 部分,依次为:
  1. 组件+大纲树+页面数据:大纲树用于快速定位页面细节区域;组件用于实现多样且个性化的页面效果
  1. 工具栏:修改页面名称、预览、提交(即保存)
  1. 配置区:为各类组件配置不同属性、样式及设置事件动作
  1. 画布区:模拟展示大致的页面形态,方便开发者快速感知
常用操作
操作
演示
修改组件名称
组件命名,有利于配置组件事件时,相互关联时的定位与识别。
双击大纲树标题,可快速修改组件名,或者在组件的属性区,也可修改名称。
250px|700px|reset
撤销修改内容
点击右上方「撤销」,可返回上一次提交的修改内容。
注意:只能返回到已提交的版本。
250px|700px|reset
切换页面/新建新页面
点击页面名称右侧的下拉按钮,即可展开全部页面,点击可快速切换至其他页面。也可在此处,点击「新建页面」,创建新的空白页面。
250px|700px|reset
收起组件面板
左侧组件区支持展开、收起:
250px|700px|reset
250px|700px|reset
快速搜索组件
可在组件区,关键词快速检索所需组件:
250px|700px|reset
页面的全局设置
点击「设置」,可对页面进行基础配置。
  • 页面的基本信息:中英文名称、页面描述、浏览器图标
  • URL卡片配置:关联的页面、超链接文本编辑。便于分享页面的访问链接时,对方能够快速了解分享的页面基本信息
250px|700px|reset
多语版本
点击上方「翻译」,可对当前页面内容进行一对一的多语匹配。便于跨语言查看访问:
250px|700px|reset
常见问题
Q:如何更改应用在浏览器打开页面的 Logo?
A:需要拖入导航栏,在页面设置中修改浏览器图标,即可更改展示Logo 。
250px|700px|reset
Q:页面 URL 的拼接规则是什么?
A:标准页面URL 拼接规则如下:
https://{租户域名}/ae/user/pc/{namespace}/{pageApiName}
Q:应用页面没有权限查看,是什么原因?
A:使用飞书低代码平台搭建的应用,需经过 2 层授权,用户才能正常使用。
第一层授权:配置应用内部「权限管理」
控制对象、记录可见性,页面、流程的可操作性:
250px|700px|reset
250px|700px|reset
第二层授权:发布版本时配置可用范围和通讯录范围
控制用户是否可见整个应用:
250px|700px|reset
Q:删除页面时,提示“删除失败,因为这个页面正在被使用”,该如何处理?
250px|700px|reset
A:如果按照引用指引还是提示无法删除。请检查在发布页面,是否将该页面设置为主页,需要解除使用后,才能删除,如下图所示:
250px|700px|reset
先进生产力和业务协同平台
联系我们立即试用

先进团队,先用飞书

欢迎联系我们,飞书效能顾问将为您提供全力支持
分享先进工作方式
输送行业最佳实践
全面协助组织提效
认识页面|飞书低代码平台
先进生产力和业务协同平台
联系我们立即试用
联系我们立即试用