考勤管理案例

alt text

在页面中从左侧组件库拉入一个容器

alt text

将容器设置为弹性布局。且方向为垂直向下，长和宽都为百分之百

alt text

从左侧组件库拉一个容器

alt text

布局为弹性布局，方向垂直向下，宽度为百分之百，高度为适配

再向该容器中拉入三个子容器，宽度均为百分之百，高度为适配

alt text

向第一个容器中插入文字，在右侧可以调整文字的大小，粗细和宽度以及文字的颜色

向第一个容器中插入按钮，在右侧可以调整按钮的高度和宽度以及按钮中文字的颜色和按钮的背景颜色

alt text

向第二个容器中继续插入两个子容器，在父容器中设置子容器间的间隔

向插入的两个子容器中的第一个子容器中插入文字，日期选择，并在日期选择中绑定相应值

向插入的两个子容器中的第二个子容器中插入文字和选择框

alt text

在右侧可以选择选择框的数据来源，为手动编辑或者外部获取，而外部获取中又可以选择为表单查询，手写sql，数据集或者数据字典

手写sql需要手动编写sql语句，而表单查询需要手动选择数据源中的表单中的字段

alt text

从组件库中拉入一个表格

alt text

在右侧可以选择表格的数据源，如数据来源类型为表单查询，则可以选择数据库，表单，以及表单中的字段。

alt text

在右侧可以为表单添加事件，如操作，删除，手写SQL，事务处理，表内新增，表内修改。