开发者学堂课程【宜搭低代码开发认证教程: 宜搭认证课程-掌握表单设计(一)】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/299/detail/3500
宜搭认证课程-掌握表单设计(一)
内容简介
一、课程目标(需要掌握的能力)
二、详情介绍(具体内容)
三、案例详解(知行合一)
一、课程目标
• 熟悉宜搭的页面类型
• 掌握 Excel 新建单据
• 掌握表单设计器的功能
• 熟悉高级展示页设计器的功能
• 可以独立完成表单搭建工作
二、课程详情介绍
1、基础概念(了解宜搭的基本功能)
• 页面类型
• 设计器
• 组件
2、页面管理
• 如何新建
• 如何编辑
• 如何复制
• 如何删除/下线
3、页面搭建
• 如何设计布局
• 如何使用组件
• 如何配置属性
• 如何使用公式
• 如何使用数据源
• 如何使用动作面板
• 如何使用插件
4、预览和发布
• 预览
• 发布
• 分享
1、基础概念
(1)、页面类型
• 单据页面
①基础表单型页面
• 流程页面
①基础表单类型页面
②带有审批流程
• 展示页面
①Portal 类纯展示页面类型
②主要用于首页、静态页等
• 报表页面
①图表呈现类页面
②数据来源于单据、流程
• 外部链接
①超链接跳转
(2) 、计器(搭建和设计各种页面类型的工具)
• 组件选择区
①选择页面所使用的组件
• 设计器操作/预览区
①选择组件右侧出现组件设备
②组件可拖拽换布局、删除
③预览效果、保存表单
• 组件属性设置区
①组件的标题、布局、显示状态
②组件的样式设置
③组件的校验设置
④组件的动作设置
⑤公式、数据联动、选项关联等
设计器界面:
组件选择区可以看到页面所需的各个组件
预览区可以看到组件显示的情况,也可以看到 PC 端和移动端的预览情况
组件属性选择区可以设置组件的基本样式和一些设置等
上侧左侧还有操作栏及保存按钮等
(3)、组件(构成页面的一个个元素)
• 布局类
①容器、分栏、分组
• 基础类
①文本、图片、图表
②链接、链接块、按钮
• 高级类
①富文本
• 表单类
①单行输入框、多行输入框
②数字输入框、单选、多选
③日期、日期区间、评分
④上传图片、上传附件、明细
⑤地区选择、部门选择、超链接
⑥人员搜索框、级联选择、标签选择
2、页面管理
• 新建:
新建页面—中间有快捷新建入口。同时左上角也有新建页面入口
• 编辑:
找到页面,鼠标 hover 在上面,当出现齿轮时,即可看到右侧编辑按钮
• 复制:
找到页面,点击复制按钮,即可快速生成一个副本
• 删除:
找到页面,点击删除,即可删除页面
注意:删除不可恢复,需要谨慎操作!
新建:通过 excel 快速生成一个单据页面的操作步骤
进入操作区介绍
首先访问 www.work.com(宜搭对外域名)
登陆成功点击我的应用
在应用中新建应用
应用的操作界面
中间区域为操作快捷区域
快捷区域分为:快捷单据页面、流程页面、报表页面、展示页面和外部链接
新建单据页面:
导入一个 excel 文件后可以看到一个文件预览
点击“下一步”后会将 excel 中的 title 都罗列出来,每一个 title 对应的单据里的一个组件对应的类型
进行导入
之后就可以快速生成一个单据页面
点击数据管理可以看到数据已经导入成功
导入过程是一个溢库操作,整个过程需要几分钟的时间
点击设置显示字段全部勾选就可以看到 excel 中的数据
点击设置查询条件全部勾选就可以进行查询