云服务器内容精选

  • 基础配置 标题:该模块在页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。 描述信息:为字段添加附加的说明信息。 图例:指在多维度可视化图形表达中,用以区分不同维度可视化图形的提示标识。 设置图例位置:可选择“上方”、“右侧”、“下方”和“左侧”。 图2 设置图例位置为下方 数据标签:用于描述数据的元数据。开启后将在漏斗图上显示。 图3 关闭数据标签 图4 设置漏斗图显示数据标签 标签内容:设置标签展示内容。 图5 标签内容为分析维度 图6 标签内容为分析维度 百分比 图7 标签内容为分析维度 值 图8 标签内容为分析维度 值 百分比
  • 样式配置 内间距:设置容器内组件与容器四边的间距,可分别配置上、下、左、右或四周。默认值为20px,范围为0~100px。 外间距:设置容器外与其他容器四边的间距,可分别配置上、下、左、右或四周。默认值为0px,范围为0~100px。 边框: 位置:设置边框的位置,支持配置上、下、左、右和四周。 宽度:设置边框的宽度。默认值为0px,范围为0~50px。 样式:设置边框样式,根据需求选择“无”、“圆点”、“虚线”和“实线”。 颜色:设置边框显示的颜色。 圆角:给元素添加圆角效果,设置圆角的大小和位置。 默认值为0px,范围为0~500px。 背景:设置组件样式的背景颜色。 阴影: X:X偏移,阴影相对于其源元素在水平方向(X轴)的偏移距离,取值范围[-100, 100]。 Y:Y偏移,阴影在垂直方向(Y轴)的偏移距离,取值范围[-100, 100]。 模糊:阴影的模糊程度。值为0时表示阴影边缘锐利,没有模糊。值越大,阴影的边缘就越模糊,从而产生更柔和的阴影效果。取值范围[0, 100]。 扩散:扩散半径,它允许阴影在原始尺寸基础上向外扩散。正值会使阴影扩大,负值则会减小阴影的尺寸。取值范围[-100, 100]。 颜色:设置阴影的颜色。
  • 数据配置 数据配置完成后,需单击“更新数据”,进行数据刷新。刷新数据间隔时间至少为5秒,请勿频繁单击。 数据源:下拉框中选项数据分析的数据来源。可选择应用中已创建的表单数据进行展示,创建表单详情请参见如何创建一个表单。 分析维度:选择表单中数据分析的维度,例如商品类型。可自定义排序方式及重命名。 图9 设置漏斗图分析维度 数据汇总指标:指每个类别的数据值,通常表示为一个百分比或一个具体的数值。 单击“添加指标”可添加多个数据汇总指标,最多可添加三个指标。 选择字段:选择数据分析指标字段,例如已售出数量。 当分析维度选择字段为子表单字段时,数据汇总指标字段也只能从子表单中选择。 字段重命名:可对数据汇总指标进行重命名。 汇总方式:数据分析的汇总方式,支持求和、平均值、最大值、最小值、计数及去重计数。 非数字类型组件,例如,单行文本输入,多行文本输入,单选、复选框、日期选择器、备注等,仅支持计数和去重计数的汇总方式。 数学类组件,例如,数字输入框,支持求和、平均值、最大值、最小值、计数及去重计数的汇总方式。 排序方式:根据需求自定义排序方式,可选择默认、升序或降序。 默认按照数据源导入的时间排序,可自定义设置升序或降序显示。 图10 设置漏斗图数据汇总指标 数据筛选:设置过滤条件,筛选数据源符合条件数据信息。 图11 设置漏斗图数据筛选条件
  • 基础配置 链接块操作:单击链接块时触发的操作,默认为“打开已发布表单”,可根据需求选择“打开已发布表单”、“打开已发布数据管理页”、“打开已发布自定义页面”或“打开外部链接”。 打开方式:提供了“当前页面打开”、“新页面打开”和“弹窗打开”三种方式,您可根据需求选择。 按钮操作:设置单击触发的动作,默认为“打开已发布表单”,可根据需求选择“打开已发布表单”、“打开已发布数据管理页”、“打开已发布自定义页面”或“打开外部链接”。 选择页面:下拉框中选择已发布表单,当“按钮操作”选择“打开已发布表单”、“打开已发布数据管理页”或“打开已发布自定义页面”时可配置。 请选择应用内已发布页面作为打开页面,页面停止发布将影响按钮事件 当“按钮操作”选择““打开外部链接”时,输入以http(s)开头链接地址。 单元格高度:设置容器的单元格高度,以容纳其中最高的内容同时考虑到行间距原则,保持整体的平衡。默认高度为20px。
  • 样式配置 内间距:设置容器内组件与容器四边的间距,可分别配置上、下、左、右或四周。默认值为4px,范围为0~100px。 外间距:设置容器外与其他容器四边的间距,可分别配置上、下、左、右或四周。默认值为0px,范围为0~100px。 边框: 位置:设置边框的位置,支持配置上、下、左、右和四周。 宽度:设置边框的宽度。默认值为0px,范围为0~50px。 样式:设置边框样式,根据需求选择“无”、“圆点”、“虚线”和“实线”。 颜色:设置边框显示的颜色。 圆角:给元素添加圆角效果,设置圆角的大小和位置。 默认值为0px,范围为0~500px。 背景类型:设置组件样式的背景。 “背景类型”选择“颜色”时,选择背景展示的颜色。 “背景类型”选择“图片”时,上传图片作为背景,并设置图片的填充方式。 背景图片支持jpg、jpeg、png、gif格式,单张5MB以内。 图3 设置背景 阴影: X:X偏移,阴影相对于其源元素在水平方向(X轴)的偏移距离,取值范围[-100, 100]。 Y:Y偏移,阴影在垂直方向(Y轴)的偏移距离,取值范围[-100, 100]。 模糊:阴影的模糊程度。值为0时表示阴影边缘锐利,没有模糊。值越大,阴影的边缘就越模糊,从而产生更柔和的阴影效果。取值范围[0, 100]。 扩散:扩散半径,它允许阴影在原始尺寸基础上向外扩散。正值会使阴影扩大,负值则会减小阴影的尺寸。取值范围[-100, 100]。 颜色:设置阴影的颜色。
  • 手写签名 手写签名组件用于用户手动输入签名。 在表单设计页面,从“高级组件”中,拖拽“手写签名”组件至表单设计区域,如图1所示。 图1 拖拽手写签名组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。 描述信息:为字段添加附件的说明信息。 状态:设置字段的状态,如普通、禁用、只读和隐藏。 普通:设置为普通后,页面上该字段可正常显示,且可进行配置。 只读:设置为只读后,页面上该字段只可读。 禁用:设置为禁用后,页面上该字段仍可显示,但不可进行配置。 隐藏:设置为隐藏后,页面上会隐藏该字段。 保留上一次签名:在运行态提交表单数据时,是否使用上一次签名。开启后,同一用户进入运行态提交表单数据时,会自动读取上一次提交的签名图片。 图2 使用上次签名 是否必填:字段是否必填。设置为必填时,字段前会带“*”。 父主题: 表单高级组件介绍
  • 图文展示 图文展示是一种样式组件,通常用于展示图片,如图1中这种表单图文混排样式。用户不会在这个组件上传或填写数据,所有用户看到的效果一样。 图1 图文展示效果 在表单设计页面,从“常用控件”中,拖拽“图文展示”组件至表单设计区域,如图2所示。 图2 拖拽图文展示组件到设计区并设置属性 状态:设置组件的状态,如普通(正常显示)或隐藏。 编辑展示内容:单击“编辑展示内容”,可编辑图文展示的内容,支持直接粘贴表格。粘贴后,只能编辑表格中内容,不支持删除或新增列/行。 图3 编辑展示内容 父主题: 表单样式布局组件介绍
  • 单行文本输入 单行文本输入用于录入普通的文本,且只能有一行。单行文本输入和多行文本输入、文本、富文本呈现的效果,如图1所示。 图1 各文本组件效果呈现图 在表单设计页面,从“常用控件”中,拖拽“单行文本输入”组件至表单设计区域,如图2所示。 图2 拖拽单行文本输入组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。 图3 帮助提示 描述信息:为字段添加附加的说明信息。 图4 描述信息 状态:设置字段的状态,如普通、禁用、只读和隐藏。 普通:设置为普通后,页面上该字段可正常显示,且可进行配置。 只读:设置为只读后,页面上该字段只可读。 禁用:设置为禁用后,页面上该字段仍可显示,但不可进行配置。 隐藏:设置为隐藏后,页面上会隐藏该字段。 是否必填:字段是否必填。设置为必填时,字段前会带“*”。 最小长度:字段允许输入的最小长度。默认为0,即最小允许输入0个字符。 组件设置为非必填时,对0字符不做校验。例如,最小长度设置为3,该字段为空,提交成功,如需输入内容则不能小于3个字符。 最大长度:字段允许输入的最大长度。默认为100,即最大允许输入100个字符。 占位符:设置字段的占位符。 图5 设置占位符 默认值类型:设置默认值的类型,如自定义或数据联动。 默认值:当“默认值类型”选择“自定义”时配置。输入字段的默认值。占位符和默认值同时设置时,仅显示默认值。 数据联动设置:当“默认值类型”选择“数据联动”时配置。调用另一个表单中满足条件的数据,根据其他字段的变化自动填写/自动调整。 单击“数据联动设置”。 选择联动表单。应用中已创建并发布的表单。 设置触发联动的具体条件。例如“创建人”不为空。 设置数据联动,选择联动显示为联动表单的对应值,当前表单组件不可变更,自动读取当前组件名称。 仅支持选择单行文本、单选、下拉选择(单选)、流水号组件的值。 单击“确认”。 当数据联动符合筛选条件的数据为多条时,按时间排序,取最新的一条数据。 图6 设置单行文本数据联动 启用移动端扫码:开启后可通过启用设备摄像头实现扫码输入。 浏览器中可能无法准确识别,长时间未识别出条形码/二维码,建议调整距离重试或手动输入。 允许修改扫码结果:启用移动端扫码时显示。默认为开启状态。 开启时,可修改扫码输入的信息。 关闭时,扫码输入的信息不支持修改。 父主题: 表单常用组件介绍
  • 卡片 卡片是指包裹图表组件的外层架构,可以理解为组件由卡片中基础元素(卡片标题、图表、卡片背景、卡片边框)和图表元素构成。 图3 卡片 背景 背景色:设置组件卡片的背景颜色。 边框:组件卡片边框设置,支持无边框、全边框和角边框三种样式。设置为全边框和角边框时,支持设置组件外圈边框的线型、圆角等。 样式:选择图片时,图片显示的样式,支持普通、居中、拉伸和平铺四种样式。 选择图片:使用本地的图片作为组件背景,支持新增目录和子目录,便于对图片进行分类管理。推荐使用JPG、JPEG、PNG或GIF格式的图片,且每张图片不能超过50MB。 特效:组件是否高亮显示,支持默认展示和跳转到页面时展示。 边距:组件中图表距离整个组件四边(上、下、左、右,如图2)的距离,默认为0,即铺满整个组件。 边框圆角:设置边框的圆角,四个角弧度取值范围为0~500,单位px。 图表背景:设置图表的背景颜色。
  • 图形 图形是指组件中,实现 数据可视化 的具体图形表达元素,例如饼图的扇区、柱状图的柱子、折线图的线条、拐点等。 图6 图形 表盘设置:展开或收起表盘,设置为展开时,需设置如下参数。 起始角度:设置表盘的起始角度。 结束角度:设置表盘的结束角度。 区间最小值:设置表盘的区间最小值。 区间最大值:设置表盘的区间最大值。 分段个数:设置表盘的分段个数。 半径(%):设置表盘的半径大小。 横坐标(%):设置表盘的横坐标。 纵坐标(%):设置表盘的纵坐标。 宽度:设置表盘的边框宽度。 阴影颜色:设置表盘边框阴影颜色。 阴影大小:设置表盘边框阴影大小。 指针长度(%):设置表盘指针的长度。 指针宽度:设置表盘指针的宽度。 指针颜色:设置表盘指针的颜色。 指针固定点:是否显示指针的固定点。设置为显示时,支持设置固定点的大小、颜色等。 图7 指针固定点 固定点大小:设置指针固定点的大小,取值范围为[0.0, 100.0]。 固定点颜色:设置指针固定点的颜色。 固定点边线宽:设置指针固定点边框的线宽。 固定点边线颜色:设置指针固定点边框的颜色。 单位设置:是否显示单位。设置为显示时,支持设置单位、水平相对位置、垂直相对位置、单位字体等。 详情设置:是否显示详情。设置为显示时,支持设置详情水平相对位置,详情垂直相对位置、详情字体等。 刻度设置:是否显示刻度。设置为显示时,支持设置标签与刻度线距离、刻度标签字体、背景颜色、内边距等。 轴线分段颜色:单击“轴线分段颜色”,可新增分段,支持设置轴线的位置和默认颜色。
  • 定位 定位组件用于根据定位获取当前所在位置,仅支持移动端设备使用。 在表单开发页面,从“数据组件”中,拖拽“定位”组件至表单设计区域,如图1。 图1 定位 显示名称:该组件在页面呈现给用户的名称,可以设置为中文,也可以设置为英文。 验证:对该字段进行一些限制。 必填:设置为“必填”,表示该字段必须配置。 限定范围:设置定位范围,支持设置固定位置经纬度坐标或以固定位置为圆心设置定位半径。 图2 设置定位范围 属性:设置字段属性。 只读:勾选后,页面上该字段只可读。 禁用:勾选后,页面上该字段仍可显示,但不可进行配置。 隐藏:勾选后,页面上会隐藏该字段。 勾选“隐藏”后,单击隐藏后的“设置例外条件”,可设置该字段的显示条件。 默认值:支持设置如下默认值。 自动获取当前位置:获取当前位置作为默认值。 其他字段值:该表单内的其他定位组件、关联记录中的定位字段。 关联数据:关联已有数据,即取查询到的,最新的一条数据作为默认值。 图3 配置默认值 问号提示:当该字段较难理解时,可通过配置“问号提示”告诉用户该字段的含义、如何配置等,可以设置为中文,也可以设置为英文。 设置后,页面该字段旁会有问号图标,单击后会显示配置的“问号提示”内容。 描述信息:设置组件的描述信息。 父主题: 零码组件介绍
  • 属性 数据绑定:通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:设置组件绑定的数据模型,数据模型一般有以下几种。更多介绍,请参见值绑定。 自定义:由用户自定义的前端模型,可以在模型树上快速创建自定义字段。 对象:由后台对象模型映射创建,支持选择字段。 服务:由后台服务的出入参数模型创建,分别生成inputParam和outputParam节点。 事件:由后台事件的字段映射创建,并且支持websocket刷新模型数据。 属性值绑定,用于对该组件所有属性的动态设置。当某一属性被动态绑定时,以绑定值为准。更多介绍,请参见属性绑定。
  • 绑定数据模型 设置组件绑定的数据模型,有自定义对象、对象、服务和事件四种。 向页面中拖入一个表格(新)组件,单击“表格”页签,在表格属性“数据绑定”中单击,绑定数据模型。 图4 数据绑定 在弹出页面中,单击“新增模型”。 设置表格的数据模型,添加对象模型,模型名称“equipmentInstance”,单击“下一步”。 图5 创建数据模型 “选择对象”选择一个提前创建好的对象,例如“HW__Equipment__ CS T”,“选择字段”中选择表单中需要展示的字段,单击“下一步”。 图6 选择展示字段 在方法页面,单击“确定”,返回选择模型页面。 勾选刚建好的数据模型,单击“确定”。 绑定对象模型后,显示如图7所示。系统默认添加了斑马纹,如果不需要,可在表格属性的“基本设置”中关闭“斑马纹”。 图7 绑定数据模型后的结果列
  • 属性 数据绑定:通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:设置组件绑定的数据模型,数据模型一般有以下几种。更多介绍,请参见值绑定。 自定义:由用户自定义的前端模型,可以在模型树上快速创建自定义字段。 对象:由后台对象模型映射创建,支持选择字段。 服务:由后台服务的出入参数模型创建,分别生成inputParam和outputParam节点。 事件:由后台事件的字段映射创建,并且支持websocket刷新模型数据。 属性值绑定,用于对该组件所有属性的动态设置。当某一属性被动态绑定时,以绑定值为准。更多介绍,请参见属性绑定。
  • 属性 数据绑定:通过建立不同类型的视图模型,将各种数据源和组件的返回值或者属性值进行关联,实现动态数据效果。 值绑定:设置组件绑定的数据模型,数据模型一般有以下几种。更多介绍,请参见值绑定。 自定义:由用户自定义的前端模型,可以在模型树上快速创建自定义字段。 对象:由后台对象模型映射创建,支持选择字段。 服务:由后台服务的出入参数模型创建,分别生成inputParam和outputParam节点。 事件:由后台事件的字段映射创建,并且支持websocket刷新模型数据。 属性值绑定,用于对该组件所有属性的动态设置。当某一属性被动态绑定时,以绑定值为准。更多介绍,请参见属性绑定。 基本属性 弹性布局:是否开启弹性布局。开启后,可以简便、完整、响应式的实现各种页面布局。 列数:设置表单的列数。开启弹性布局时,才显示该配置。 标签对齐方式:设置标签对齐方式,如左对齐、右对齐和上侧对齐。 动态表单数据:请输入JSON格式的选项内容。 公共 控件名称:当前组件的名称。 隐藏:是否隐藏该组件,此方式为静态配置该组件的隐藏。还可以将该组件属性值“隐藏”配置为布尔类型模型字段,在自定义JS代码中来控制模型字段取值,从而设置该组件是否隐藏,这种动态设置优先级是最高的。 禁用:是否禁用该组件。 只读:值是否只读。 样式 布局:设置组件的宽度、高度等。 字体:设置字体大小、字体样式、颜色等。 背景:设置背景颜色、透明度。 边框:设置边框颜色、宽度等,单位为px。 阴影:设置阴影颜色、模糊、扩散等,单位为px。 高级设置 样式源码:组件具体样式代码,组件样式设置后,样式代码将自动显示在“样式源码”中。也可以自定义样式代码,对组件进行详细配置。自定义代码支持多行输入,并高亮显示样式参数。 样式类:当前组件使用的 CSS 样式类名,可在CSS代码中进行引用。