TreeviewCopyright © aleen42 all right reserved, powered by aleen42
移动端低代码标准版开发指南
1、创建应用
应用名称:应用的名称
- 所属领域:业务范围的划分
- 应用引擎:服务端的环境配置
- 应用图标:应用的图标
2、创建页面
- 目前移动端只支持单卡(表)和主子卡(表)和空页面3种页面模板,如果要生成移动端页面需要勾选右下角的“移动端页面”,点击“配置”可以选择列表页单据卡片的排版格式,(如下图所示):
2.1(选择卡片模板)===》卡片模板的类型
- 目前共支持3种排版方式。纯文字卡片——图文卡片——小图卡片,左侧会显示预览效果(如下图所示)
2.2卡片字段的绑定规则
- 默认按元数据实体的字段顺序依次匹配,图片位置只匹配图片类型的字段,非图片位置可匹配除图片和附件之外所有的字段
- 如果需要卡片显示更多的字段,可勾选“扩展字段”并输入需要扩展的字段数量 !!!注意:小图卡片字段不支持扩展字段
2.3点击条目快速预览
默认关闭,点击卡片直接进入详情页,如果勾选则会在卡片下方增加额外的行操作按钮栏。点击行操作中的"详情"跳转详情页,如点击卡片将快速弹出预览详情页而不跳转到详情页
3、移动设计器
- 移动设计器页面由工具栏和设计器两部分构成,工具栏的从左到右依次功能:切换移动/pc、设计器、快捷键、后退一步、前进一步、预览和保存。设计器由组件库、画布和属性样式动作构成
- 向画布中添加组件,只需点击所需的控件,按住鼠标拖拽到画布中所需的位置松开鼠标即可,在画布中选中组件后也可以拖动到其他的位置
- 在画布中选中组件后可在右侧的属性/样式/动作面板中对组件进行设置
- 移动页面支持多画布,当单页面无法满足实际需求时可以创建多个子页面来满足实际单据的业务需求
- 保存后,点击右上角的”预览“可以快速的查看页面实际运行的效果
3.1(设计器组件库)
- 设计器组件库分为内置组件和子自定义扩展组件,下图为内置组件
3.2(设计器组建的属性)
3.3(设计器组件的样式)
- 几乎所有的CSS样式都可以通过样式面板设计
- 样式面板是和组件进行关联的,对页面元素进行调整时,先在画布中选择需要调整的组件,然后再在样式面板中调整
- 不同的组件支持的样式不同,样式面板的设置项也会有区别
支持rem(自适应)、px(固定尺寸),%(屏幕比例)三种单位
1.宽度设置
2.字符设置
3.边框设置
4.边距设置
5.阴影设置
6.背景设置
- 设置组件的背景,支持颜色或URL图片链接
3.4(设计器组件动作绑定)
- 在动作面板中可以对组件的事件触发自定义的扩展,比如简本或者命令,比如按钮有单击事件,文本框有获取焦点,失去焦点,值改变事件,页面有初始化事件等
- 1.前端函数:执行前端脚本
3.5(设计器层级)
清除:清除当前节点下的所有内容
- 删除:删除本节点以及子节点的所有内容
- 上移:就是将本节点位置向上移动
下移:就是将本节点位置向下移动
设计器层级工具操作
设计器层级工具操作:从左到右,从上到下顺序,依次为导出数据、导入数据、全部展开,全部收起和层级搜索