当前位置: 首页 > news >正文

自研能管项目开发界面

自研能管软件实现一个界面开发

  • 目的:

​ 通过接口方式实现展示哪些数据

  • 例如:

    ​ 已知制丝车间下的计量电表,在可视化界面通过点击制丝车间的方式,自动在MySQL存储制丝车间的电表数据(假设是每分钟存储一次),前端即可以通过api方式得到数据集。

1. 接口

  • URL

    /ems/savetable

  • method

    post

  • 请求示例

    {"mysql_table_name": "NG_ELEC_zs","td_table_names": ["g1ah7","g1ah8","g1ah9","g1ah10"]
    }
    
  • 响应示例

    {"code": 1,"data": {"数据开始储存": 1},"error": null
    }
    

2. MySQL效果

自动建表,字段为时间和制丝车间下的电表名称

每分钟整点从TDengine取数并存储

image-20240510103602856

3. 页面展示效果

设置自动刷新,实现折线图更新

image-20240510103855181

4. 整体思路

  1. 系统通过模型配置和纬度配置后,已知各个工厂、车间等模型下的采集点,通过唯一名称或标签与TDengine实时表可以关联上。

  2. 通过可视化的方式,传参到后端,就可以自动在MySQL生成表格及字段,存储指定业务的数据。

  3. 通过系统数据开发引擎配置数据api

    image-20240510104634524

  4. 配置报表展示图形

    image-20240510103855181

http://www.dtcms.com/a/292171.html

相关文章:

  • 小白成长之路-部署Zabbix7
  • web登录页面
  • spring boot 异步线程@Async 传递 threadLocal数据
  • find / -name “ssl.h“ 2>/dev/null
  • Tailwind CSS快速上手 Tailwind CSS的安装、配置、使用
  • OpenCV快速入门之CV宝典
  • 青龙面板常用拉库命令和常用依赖
  • HashMap和Hashtable的区别
  • 7.22 下雨天了怎么办~~~
  • Vue底层换成啥了?如何更新DOM的?
  • solidity从入门到精通 第二章:Solidity初相见
  • 高速AC耦合电容挨得很近,PCB串扰会不会很大……
  • vue2使用v-viewer实现自动预览
  • 能协调控制器的硬件与软件组成及解决方案
  • 网易视觉算法面试30问全景精解
  • 【node】npm包本地开发与调试
  • 【自动化运维神器Ansible】Ansible介绍与架构详解
  • Events
  • UE5 UI scaleBox 缩放框
  • 基于开源AI智能名片链动2+1模式与S2B2C商城小程序的淘宝新店引流与好评优化策略研究
  • 现在希望用git将本地文件crawler目录下的文件更新到远程仓库指定crawler目录下,命名相同的文件本地文件将其覆盖
  • Elastic Cloud 简化版:GCP Marketplace
  • 【LeetCode数据结构】栈和队列的应用——用队列实现栈问题、用栈实现队列问题详解
  • Leetcode力扣解题记录--第73题(矩阵置零)
  • ecflow服务的搭建,源码编译方式
  • Gerrit多仓库对应多邮箱配置办法
  • Stirling PDF本地PDF编辑器:cpolar内网穿透实验室第628个成功挑战
  • Apache Ignite 索引(Indexes)定义和使用
  • 【运维】SGLang服务器参数配置详解
  • Vue开发常用库(含npm安装命令)