Jowo Studio

文件资源

导入

1适用场景

常用于需要导入类型输入数据的场景

2基础功能

  • 参数设置

    支持设置

  • 导入设置

    支持设置 导入类型（execl，csv）

  • 导入事件设置

    支持设置 导入事件

3案例演示

  • 本案例实现导入数据效果

    1. 登录studio平台

    2. 选择任一可视化应用，单击编辑，进入画布编辑器页面。

    3. 添加对应组件到画布中。导入和定制表格组件，设置表头信息。

  1. 新建变量tableData, 设置默认值[]

  1. 表格数据源设置为变量tableData

  1. 导入事件修改变量tableData为导入的数据

  1. 导入excel数据

  1. 预览效果

导出

1适用场景

常用于需要导出类型输入数据的场景

2基础功能

  • 参数设置

    支持设置

  • 导出类型设置

    支持设置 导出（execl和csv）

  • 导出文件名称设置

    支持设置 导出文件名称

  • 导出数据设置

    支持设置 导出数据(对象)

** 导出数据（数组）**

  • 合并单元格设置

    支持设置 合并单元格数据结构和对应效果

3案例演示

  • 本案例实现导出数据效果

    1. 登录studio平台

    2. 选择任一可视化应用，单击编辑，进入画布编辑器页面。

    3. 添加对应组件到画布中。导入和定制表格组件，设置表头信息。

  1. 设置表格数据内容

  1. 设置导出组件导出数据为表格数据

  1. 预览效果，点击导出按钮

图片上传

1适用场景

常用于需要图片上传 类型输入数据的场景

2基础功能

  • 参数设置

    支持设置

  • 列表样式设置

    支持设置 （图片墙，图片列表，文件列表）

  • 图片设置

    支持设置 （上传图片方法，删除图片方法，刷新列表事件）

    上传图片方法：选择文件后调用方法

    删除图片方法：点击删除按钮调用方法

    刷新列表事件：

  • 限制图片数量设置

    支持设置

    限制图片数量

    禁用（选择Select）

    启用相机 （手机端时选择Select，会调用相机）

    是否支持多选 （选择Select ，可以多选）

    支持预览（列表后可以预览）

3案例演示

  • 本案例实现上传图片效果

    1. 登录studio平台

    2. 选择任一可视化应用，单击编辑，进入画布编辑器页面。

    3. 添加对应组件到画布中。

  1. 设置上传组件配置信息

  1. 新增变量fileList，编写上传方法，删除方法。

  1. 预览效果

二维码下载

1. 适用场景

常用于需要绑定静态二维码批量下载展示

2 基础功能

参数设置

支持设置

img

其中按钮配置与按钮配置一样，用于按钮样式调整

二维码宽、二维码高，用于设置生成的二维码的宽高

二维码边框：用于配置二维码边框厚度

文件名：用于命名下载后压缩包的文件名称

导出二维码数据：用于导出二维码url和文本描述

使用示例：

    [
        {
            "url": "Text1",
            "text": "文本1"
        },
        {
            "url": "Text2",
            "text": "文本2"
        },
        {
            "url": "Text3",
            "text": "文本3"
        },
        {
            "url": "Text4",
            "text": "文本4"
        },
        {
            "url": "Text5",
            "text": "文本5"
        }
    ]

支持批量导出，url字段为写入二维码静态资源的url链接 text用于展示，二维码名称

img