尧图网络 高端网站定制 · 原创设计
免费咨询热线
400-888-6620
免费获取方案
可视化全栈开发平台:3D、游戏、图表一网打尽
在线开发平台的实现前端开发全可视化操作界面组件与后台变量无缝结合所见即所得方便快捷随时上新新功能。支持3D组件支持基于SVG的二维图形开发支持可视图表配置还支持游戏开发。所有组件都通过属性配置实现具体业务。组件的属性值可以是固定数据也可以绑定变量。固定数据仅能用于展示绑定变量则可以进行交互。所有组件的基本操作都是先从组件面板拖拽组件到主窗口区域然后进行组件的属性配置。涉及变量绑定的组件事先应先添加变量。具体界面如图所示图1.窗口全貌图2.变量编辑图3.组件面板图4.属性配置图5.创建变量普通组件element plus包装所有element-plus的组件el组件分为基础组件、表单组件、数据展示、导航、反馈组件以及两个其它组件。基础组件的使用以按钮为例图6.按钮使用截图3D实现threejs添加一个方盒子图7.方盒子图表工具echarts样例演示图8.图表配置游戏界面phaser简单角色移动演示图9.Phaser游戏样例图形工具svg简单SVG样例图10.打地鼠游戏图11.总体展示自定义组件HTTP请求组件的使用样例图12.HTTP请求数据库管理主要包括数据库创建数据库的连接管理表创建字段管理索引和约束维护图13.数据库管理基本流程后端开发数据访问entity当表结构保存成功且已连接数据库系统后台自动创建对应实体类mapper当实体类自动创建后系统会自动创建对应的mapper类service创建完mapper后系统自动创建一个service类模块开发简单模块:以脱敏处理为例制作模块分为创建模块创建配置界面、编辑代码三部分使用时配置就好图14.创建模块并设置相关属性图15.根据规划的功能设计配置界面图16.模块逻辑代码编辑(从配置界面获取相关数据进行处理)模块间调用图17.在模块中引用另外的模块右侧会显示被引用模块的配置入口配置好引用的模块就好接口开发接口定义接口定义即是对接口的属性进行配置包括名称、类型、中间变量、访问地址、请求参数、请求类型、返回类型返回数据等属性配置接口类型接口类型包括HTTP服务、定时任务、消息通知和web socket。HTTP服务即是创建一个HTTP Rest接口、定时任务则是定时执行的接口、消息通知则是通过接受消息来驱动流程的执行、web socket则是创建一个web socket接口请求类型请求类型即是HTTP请求类型仅HTTP服务需要url 参数这个就是说的url地址、请求方式、查询参数等等也是只有HTTP服务才需要的图18.创建查询接口并配置流程创建插入接口并配置流程图19.接口调用测试图20.插入验证图21.插入后查询验证运行时生成的DAO查询日志运行时生成的DAO插入日志运行时生成的DAO查询日志流程设计业务流程开发图22.添加一个脱敏处理模块模块数据配置图23.配置脱敏处理模块图24.添加脱敏处理模块后的请求结果
RELATED

相关推荐

3步快速上手大气层整合包系统:从安装到实战的完整指南

3步快速上手大气层整合包系统:从安装到实战的完整指南

3步快速上手大气层整合包系统:从安装到实战的完整指南 【免费下载链接】Atmosphere-stable 大气层整合包系统稳定版 项目地址: https://gitcode.com/gh_mirrors/at/Atmosphere-stable 大气层整合包系统是Nintendo Switch上功能最强大、最稳定的自制系统解决方…

📅 2026/9/15 4:13:01
临沂企业数字化服务商选择要点

临沂企业数字化服务商选择要点

临沂企业数字化服务商选择:聚焦技术、数据与合规的实用指南随着AI技术加速渗透本地产业,临沂企业在选择数字化服务商时,面临的核心挑战不再是“要不要做”,而是“如何选对”。面对市场上众多概念和方案,企业决策者需回…

📅 2026/9/12 20:40:31
GEO企业排名优化指南

GEO企业排名优化指南

行业现状:AI搜索重构企业数字资产格局2025年,国内主要AI大模型(豆包、文心一言、DeepSeek、Kimi)日均回答调用量已突破15亿次,企业品牌在AI生态中的可见度,正从“SEO时代的网页排名”转向“GEO时代的AI推荐…

📅 2026/7/31 16:51:46
MORE NEWS

更多资讯

📰

基于Python PyQt与MATLAB的电路设计与仿真工具集成实践

简介:这是一款面向电路设计、电子工程和嵌入式学习者的跨平台电路设计与仿真计算工具。它借助Python、PyQt与MATLAB技术栈,整合了电路建模、参数计算、波形分析、频率响应、阻抗匹配、滤波器设计、放大器仿真、电源管理及PCB辅助设计等典型EDA功能&#…

📰

ego-browser 中 page.locator 与 getByRole 的自动等待与严格匹配怎么用?非唯一匹配如何用 first 和 nth 消歧?

ego-browser 中 page.locator 与 getByRole 的自动等待与严格匹配怎么用?非唯一匹配如何用 first 和 nth 消歧? 【免费下载链接】ego-lite The fastest browser for AI agents to run browser automation, built for sharing your logged-in browser sta…

📰

Kimi CLI 完整上手指南:如何在终端让 AI 替你写代码

Kimi CLI 完整上手指南:如何在终端让 AI 替你写代码 【免费下载链接】kimi-cli Kimi Code CLI is your next CLI agent. 项目地址: https://gitcode.com/GitHub_Trending/ki/kimi-cli 测试红了,报错滚出屏幕 30 屏之外,要改的函数藏在…

📰

Kubernetes Elections 选举子项目指南:Elekto 平台、Steering 委员会选举与团队选举申请全流程

Kubernetes Elections 选举子项目指南:Elekto 平台、Steering 委员会选举与团队选举申请全流程 【免费下载链接】community Kubernetes Community Documentation 项目地址: https://gitcode.com/GitHub_Trending/com/community 导读 本文基于 Kubernetes Co…

📰

RuboCop v0.37.0 版本深度解析:三大新 cop、默认行为变更与 30 项缺陷修复

RuboCop v0.37.0 版本深度解析:三大新 cop、默认行为变更与 30 项缺陷修复 【免费下载链接】rubocop A Ruby static code analyzer and formatter, based on the community Ruby style guide. 项目地址: https://gitcode.com/GitHub_Trending/rub/rubocop 本…

📰

c-ares 安全漏洞响应全流程解析——MongoDB 内置异步 DNS 解析库的漏洞治理规范

c-ares 安全漏洞响应全流程解析——MongoDB 内置异步 DNS 解析库的漏洞治理规范 【免费下载链接】mongo The MongoDB Database 项目地址: https://gitcode.com/GitHub_Trending/mo/mongo c-ares 是一个用 C 语言实现的异步 DNS 解析库,以第三方依赖的形式随 …

TODAY

今日更新

THIS WEEK

本周精选

THIS MONTH

本月热门

读完文章,想聊聊您的网站?

告诉我们您的行业与需求,资深顾问一对一梳理方案与报价,全程免费。

📞 💬