花样玩转“所见即所得”的可视化开发UI

news/2024/9/20 18:52:28

file

随着技术的发展,用户对软件的界面美观度和交互体验的要求越来越高。在这样的背景下,可视化开发UI(User Interface)成为了提升用户体验和开发效率的重要工具。

通过图形界面来设计和构建用户界面的方法,可视化开发UI可以说改变了软便开发的生态,与传统的代码编写相比,它允许开发者使用拖放等直观的操作来布局界面元素,而无需编写大量的代码,可以达到提升开发效率、加强团队协作、降低技术门槛、快速响应需求变化,增强用户体验的目的。常见的可视化开发UI工具与技术包括拖放界面构建器、模板和预设、响应式设计、交互式原型,以及代码生成等。

为了更好地满足用户需求,尽可能降低用户的使用难度,白鲸数据集成平台WhaleTunnel给用户提供了一套完善的任务开发、任务管理、任务调度、任务监控的可视化UI。

WhaleTunnel支持可视化DAG开发数据集成作业,并且数据源信息单独管理,不需要在每个作业中重复配置数据库连接地址、数据库用户名、密码等信息。

独立的数据源管理功能

file
图1 创建数据来源

虚拟表管理功能

在WhaleTunnel中,我们统一了同步任务定义的操作规范,Source、Transform、Sink每个任务节点都会显示输入表结构和输出表结构。日常我们在处理如Kafka数据时,由于Kafka中的数据没有schema信息,为了将Kafka中的数据也当成表来处理,同时面对复杂的SaaS数据源,也可以讲SaaS数据源变成虚拟表在后续数据整合中复用并简化操作。

虚拟表管理功能的核心目标是将那些非结构的数据源,通过自定义表结构的方式,抽象成结构化数据,然后在同步任务开发时,可以像那些结构化数据源一样,对数据源中的数据进行字段过滤,字段改名,字段类型映射等操作。
在虚拟表创建时必须指定数据源名称,对于Kafka来说,我们可以在数据源中创建Kafka的数据源,填写Kafka连接地址,topic名称信息。然后创建虚拟表选择前面创建的Kafka数据源,即可针对数据源中的Topic中的数据定义表结构信息。

同步任务数据Mapping开发

WhaleTunnel的同步任务定义是可视化Mapping开发模式。

file
图2 Create Date Pipelines

全链接监控

WhaleTunnel会监控同步任务的详细信息,目前我们以pipeline为粒度进行汇总并显示到同步任务实例中。通过这些监控信息,用户可以明确了解同步任务读取和写入的数据行数、处理的性能等。

随着人工智能和机器学习技术的发展,未来的可视化开发工具将更加智能,能够根据用户行为和偏好自动优化界面设计。同时,增强现实(AR)和虚拟现实(VR)技术也将为可视化开发带来新的机遇和挑战。随着技术的不断进步,我们期待WhaleTunnel可视化开发UI在未来将发挥更大的作用,为客户的软件开发带来革命性的变化。

本文由 白鲸开源 提供发布支持!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.ryyt.cn/news/47451.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈,一经查实,立即删除!

相关文章

UNIQUE VISION Programming Contest 2024 Summer (AtCoder Beginner Contest 359)

A - Count Takahashi 数 Takahashi 字符串的数量。 模拟。点击查看代码 #include<bits/stdc++.h> using namespace std; #define int long long const int maxn=2e5+3; char s[maxn]; int n,cnt; signed main(){cin>>n;for(int i=1;i<=n;i++){cin>>s;cnt…

【内网渗透】全网最详细的端口转发教程

场景介绍最近在真实环境测试和编写靶场实战教程时,总会遇到内网主机无法直接访问,需要通过转发端口、建立代理隧道等方式去访问,以方便后续进一步的横向渗透测试。本文章主要介绍一些端口转发工具的使用。测试场景拓扑图中所标注的IP地址为本地测试地址Kali服务只能ping通19…

好用的HAI-GPU:我将腾讯云HAI的AI绘画接入小程序

前言 感觉已经进入全面AIGC的时代了,从刚开始的ChatGPT的生成文本,到GPT-4文本到图片的发展,深刻感受到了技术的日新月异。但是GPT-4一直是付费模式,我才开始接触stable diffusion,在自己的电脑上学习AI绘画。 AI绘画的文生图还没研究透彻呢,文生视频sora又来了。对于我来…

基于Chan-Vese算法的图像边缘提取matlab仿真

1.算法运行效果图预览2.算法运行软件版本 matlab2022a3.部分核心程序% 迭代更新水平集函数 err=[]; for i = 1:Iterssubplot(132) imshow(I1,[])hold on;contour(corn, [0.5 0.5],g);title([边缘提取效果,num2str(i), iterations]);hold off;corn = func_evolution(corn, I1, …

C++获取商店应用(msix应用)桌面快捷方式的安装目录

传统应用的快捷方式目标指向可执行文件的路径,但是对于商店应用(也叫msix打包应用),则指向一个奇怪的字符串,使用IShellLink::GetPath获取路径时,则得到的是空字符串,而我们的最终目的是要拿到应用的安装路径,那该怎么办呢? 首先解释一下,那个奇怪的字符串叫AUMID(App …

原生鸿蒙的成长史中,书写着无数鸿蒙先锋的故事

千帆并进破风云,浩瀚星河耀苍穹。 2024年6月21日,是属于鸿蒙的:HarmonyOS NEXT鸿蒙星河版Beta测试开启,5000多个鸿蒙原生应用已全部启动开发,其中超1500家已完成上架,鸿蒙生态设备数量超9亿,已有254万HarmonyOS开发者投入到鸿蒙世界的开发中,开发者服务调用次数827亿次…

鸿蒙先锋共筑星河 |科技浪潮中的教育革新,看南京大学教授的HarmonyOS教学之路

在科技的浩渺海洋中,每一次技术革新都如同激起的浪潮,推动着社会不断前进。HarmonyOS的崛起,不仅引领移动应用开发领域的新方向,也为高校教育带来了前所未有的机遇。高校老师们通过应用与实践,开展教学和研究工作,培养出一大批具备创新能力的人才。 南京大学教授刘钦,以其敏锐的…

vue样式

1.局部样式,在style标签上加stoped,样式只在当前组件生效,原理是编译后给当前组件内所有标签加上data-v-hash属性,给样式生成属性选择器 .myClass[data-v-hash] {color: red; },不加scoped样式在全局生效。 <style scoped> .myClass {color: red; } </style> …