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

收藏

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

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

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

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

2.2 填报页面效果
页面的设计布局整体效果如下：
image.png487869567.png

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

② 页面字段标识
在页面中找到到合适位置，然后鼠标左键选中要展示的区域，然后在"开始"菜单中，点击"合并单元格"：
image.png867790527.png

然后双击合并后的单元格，输入文本内容（如订单编号）：
image.png90606688.png

③ 字段输入框
同样，选择输入字段的区域设置合并单元格：
image.png498836669.png

然后社会中单元格的类型，我们这里选则 EL 开头的组件类型，比较美观：
image.png392489013.png

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

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

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

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

选择单元格：

然后设置重置之后的值：
image.png286775817.png

⑥ 查看效果：

3. 设计数据查看页面
到上一步我们的数据填报功能就做好了，不过为了可以直观的看到我们录入的数据，我们在做一个数据展示页面，实时的查看我们录入的数据。查看页面我们使用表格功能，直接从数据表里读取数据进行查看：

3.1 创建表格
在页面中选择表格显示的区域，然后在"开始"菜单中点击"设置为表格"：
image.png30786131.png