【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"中添加一个滚动框

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

相关推荐
DCTANT2 小时前
【原创】国产化适配-全量迁移MySQL数据到OpenGauss数据库
java·数据库·spring boot·mysql·opengauss
程序员岳焱3 小时前
Java 与 MySQL 性能优化:MySQL全文检索查询优化实践
后端·mysql·性能优化
喜欢敲代码的程序员4 小时前
SpringBoot+Mybatis+MySQL+Vue+ElementUI前后端分离版:项目搭建(一)
spring boot·mysql·elementui·vue·mybatis
钢铁男儿4 小时前
C# 委托(调用带引用参数的委托)
java·mysql·c#
叁沐5 小时前
MySQL 02 日志系统:一条SQL更新语句是如何执行的?
mysql
RunsenLIu5 小时前
基于Vue.js + Node.js + MySQL实现的图书销售管理系统
vue.js·mysql·node.js
码不停蹄的玄黓5 小时前
MySQL Undo Log 深度解析:事务回滚与MVCC的核心功臣
数据库·mysql·undo log·回滚日志
Arthurmoo5 小时前
Linux系统之MySQL数据库基础
linux·数据库·mysql
好奇的菜鸟5 小时前
如何在Ubuntu上检查MySQL是否启动并放开3306端口
mysql·ubuntu·adb
Tangcan-5 小时前
【MySQL】 内置函数
mysql