Eden.Sun 发表于 2024-11-4 16:28:30

【wyn8.0】从数据录入到展示的全流程设计——数据录入

本帖最后由 Eden.Sun 于 2024-11-19 09:37 编辑

    最近有很多小伙伴咨询如何在 wyn 上录入、收集数据。今天就介绍如何通过填报模块实现数据录入、分析、展示的全流程设计。
    这一篇主要介绍填报模块的设计、服务发布和在 wyn 中的使用。

    1. 安装填报模块
    填报模块的获取、安装,可以参考我们的帮助文档:安装填报模块 。或者直接下载对应版本的活字格安装也是可以的,我这里用的活字格是 10.0.5.0版本的。安装成功之后,打开服务设计器,就可以看到下面的页面,这就表示我们安装成功了:
      

    2. 设计填报表单
   帮助文档中有填报表单设计的说明,也可以直接学习帮助文档中的内容:设计填报表单。我们这里以简单的订单数据的录入页面为例。
    2.1 数据库表设计
    字段:订单编号(文本)、支付方式(文本)、订购日期(日期)、运货商(文本)、货物数量(整数)、单价(小数)、货物名称(文本)、负责人(文本):
   

    2.2 填报页面效果
    页面的设计布局整体效果如下:
   

    2.2 填报页面设计
    ①安装 Elementplus 的插件包。如果本地没有,可以在葡萄城市场中搜索、下载:
   

    ② 页面字段标识
    在页面中找到到合适位置,然后鼠标左键选中要展示的区域,然后在"开始"菜单中,点击"合并单元格":
   
    然后双击合并后的单元格,输入文本内容(如订单编号):
   

    ③ 字段输入框
    同样,选择输入字段的区域设置合并单元格:
   
    然后社会中单元格的类型,我们这里选则 EL 开头的组件类型,比较美观:
   

    然后是对输入的区域绑定数据库字段,可以直接把字段拖动到单元格中,也可以在右侧的"数据绑定"面板进行绑定
   

    ④ 其他设置
    按照前面的步骤,创建其他的单元格、输入框,并绑定字段。根据实际的使用可以设置不同的输入框类型,比如我的支付方式使用的下拉列表,订购日期使用的日期选择器,货物数量使用的是计数器,等等。可以根据自己的需要进行选择和设置:
   


    ⑤ 提交按钮
    同样的选择提交按钮放置的位置和大小,合并单元格之后类型选择"按钮",然后编辑按钮命令:选择命令(数据表操作)-->操作类型(添加)-->目标数据表(订单信息),其他的设置可以按照自己的需要进行设置:
   

    ⑥ 清除按钮
    我还添加了一个一键清除输入得到内容的按钮,可以将输入的数据,一键还原到默认状态。
    在按钮的编辑命令页面,选择对应的单元格:
   

    选择单元格:
   

    然后设置重置之后的值:
   

    ⑥ 查看效果:
   


   
    3. 设计数据查看页面
    到上一步我们的数据填报功能就做好了,不过为了可以直观的看到我们录入的数据,我们在做一个数据展示页面,实时的查看我们录入的数据。查看页面我们使用表格功能,直接从数据表里读取数据进行查看:
   
    3.1 创建表格
    在页面中选择表格显示的区域,然后在"开始"菜单中点击"设置为表格":
   


    3.2 绑定数据字段
    ① 点击"设置为表格"之后,会有设置数据源的弹框,我们选择数据表之后,会自动带出表中的字段:
   

    ② 不过这种自动生成的是默认的布局分布,显示的可能并不美观。我们可以删除自动带出来的字段,手动设计字段在表格中的显示区域以及区域的大小:
   
   
    3.3 手动设计表格显示
    ① 选择合适的区域,合并单元格:
   


    ② 绑定字段,直接把数据表字段拖到合并的区域,或者在数据绑定区域绑定字段:
   


    ③ 按照这种方式,将其他的字段也添加到表格中,
   

    ④ 效果预览:
   
   

    4. 发布服务
    页面设计完成之后,就需要发布服务来供外部使用。直接点击设计器中的发布,填写相关信息,然后就可以了:
   


    发布之后就可以在服务管理器中看到发布的应用,兵器可以使用发布的域名配合页面名称进行访问:
   
   

    至此,一个简单的包含数据录入和数据展示的填报工程就完成了,附件是设计的工程文件,可以直接导入到服务设计器中进行使用;
   
页: [1]
查看完整版本: 【wyn8.0】从数据录入到展示的全流程设计——数据录入