【UE5.1】使用MySQL and MariaDB Integration插件——(3)表格形式显示数据

在上一篇(【UE5.1】使用MySQL and MariaDB Integration插件------(2)查询)基础上继续实现以表格形式显示查询到的数据的功能

效果

步骤

  1. 在"WBP_Query"中将多行文本框替换未网格面板控件,该控件可以用表格形式布局控件
  1. 新建一个控件蓝图,这里命名为"WBP_Slot",该控件就是用于在网格面板中来展示查询到的单个数据

打开"WBP_Slot",这里设置屏幕大小为所需,只有一个文本控件

创建一个绑定函数绑定文本控件的内容

绑定函数中就是将一个文本标量的值与文本控件的内容做绑定

设置变量为可编辑实例、生成时公开,这样当创建控件"WBP_Slot"的时候就能设置该变量的初值

  1. 在"BP_MySQL"中删除之前查询成功后的逻辑

先将查询的行和列提升为变量

获取行的数量和列的数量

将查询到的数据表的表头和表格内容存入数组中

每次查询前应该将上一次查询的结果清除

最后将存储在数组中的数据取出,取出后放置到网格面板控件中

重新查询的话还需将上一次网格面板中添加的控件清除

此时运行就可以看到以表格形式展示数据了

  1. 如果数据较多,我们需要在"WBP_Query"中添加一个滚动框

最终运行效果如文章开头所示。

相关推荐
IT教程资源D18 分钟前
[N_101]基于springboot,vue企业网盘系统
mysql·vue·前后端分离·springboot网盘
忙里偷闲学python21 分钟前
mysql
linux·数据库·mysql·oracle
嘟嘟w1 小时前
MySQL 中 InnoDB 支持的四种事务隔离级别名称,以及逐级之间的区别?
数据库·mysql
四谎真好看1 小时前
MySQL 学习笔记(进阶篇3)
笔记·学习·mysql·学习笔记
星光一影1 小时前
智慧停车与充电一体化管理平台:打造城市出行新生态
mysql·vue·能源·springboot·uniapp
五阿哥永琪1 小时前
MySQL 存储引擎:特点、区别与选型原则
数据库·mysql
小无名呀1 小时前
使用C语言连接MySQL
数据库·c++·mysql
陈友松2 小时前
UE5 文件传输插件:支持任意类型,任意大小(超过2G)的文件上传和下载
ue5
cypking2 小时前
三、NestJS 开发实战文档-->集成 MySQL(TypeORM)
前端·数据库·mysql·adb·node.js
逍遥德2 小时前
mysql-8.4.7-winx64.zip 安装/运行
数据库·mysql