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

css 练习01

效果展示

在这里插入图片描述

源码

<template><div class="container"><div class="search"></div><div class="content"><div class="left"><div class="info"><div class="layout-list" v-for="item in layoutList" :key="item.id"><div v-if="item.type === 'column'"><div class="layout-item" v-for="child in item.children" :key="child.id"><div class="code-box"><div class="code-number">{{ child.code }}</div></div></div></div><div v-else class="aisle"><div class="aisle-line"></div><div class="aisle-middle"><div><div class="aisle-reat" v-for="r in 3" :key="r"></div><div class="aisle-id">{{ item.id }}</div><div class="aisle-reat" v-for="r in 3" :key="r"></div></div></div><div class="aisle-line transform-rotate"></div></div></div><div class="axis-x"><div class="x" v-for="(_, index) in layoutList" :key="index">{{ index + 1 }}</div></div><div class="axis-y"><div class="y" v-for="(_, index) in y" :key="index">{{ index + 1 }}</div></div><div class="axis-label"><div class="row"></div><div class="split"></div><div class="col"></div></div></div><div class="tips"><a-space><span class="bg-green btn">已设置</span><span class="bg-gray btn">未设置</span><span>库位合计:68个,已使用:30个,未使用:38</span></a-space></div></div><div class="right"><div style="height: 100%; width: 100%"><sv-table style="height: 100%" :data="tableData" ref="tableRef"><sv-column title="排名" field="sequence"></sv-column><sv-column title="货主" field="owner"></sv-column><sv-column title="物料" field="material"></sv-column><sv-column title="描述" field="description"></sv-column><sv-column title="类别" field="category"></sv-column><sv-column title="ABC" field="abc"></sv-column><sv-column title="出库频次" field="frequency"></sv-column><sv-column title="拣货堆叠层级" field="stack"></sv-column></sv-table></div></div></div></div>
</template><script>
import Sortable from 'sortablejs'export default {name: 'layoutTable',data() {return {layoutList: [],tableData: []}},computed: {y() {return this.layoutList[0]?.children || []}},mounted() {this.fetchTableData(10)this.generateLayout(5, 5, [1])this.$nextTick(() => {this.initSortable()})},methods: {initSortable() {const tbody = this.$refs.tableRef.$el.querySelector('tbody')Sortable.create(tbody, {animation: 150,ghostClass: 'ghost',draggable: '.vxe-body--row'})},fetchTableData(num) {const tableDataArray = []for (let i = 0; i < num; i++) {tableDataArray.push({sequence: i + 1,owner: '货主' + i,material: '物料' + i,description: '描述' + i,category: '类别' + i,abc: 'ABC' + i,frequency: '出库频次' + i,stack: '拣货堆叠层级' + i})}this.tableData = tableDataArray},generateLayout(row, col, aislePositions) {const layout = []let code = 0// 创建列数据for (let i = 0; i < col; i++) {const columnObj = {id: i,name: '0' + i,type: 'column',children: []}for (let j = 0; j < row; j++) {code++columnObj.children.push({id: `${i}-${j}`,code})}layout.push(columnObj)}// 排序for (let i = 0; i < layout.length; i++) {const item = layout[i]if (item.type === 'column') {item.children.sort((a, b) => {return i % 2 === 0 ? a.code - b.code : b.code - a.code})}}// 处理过道if (aislePositions && aislePositions.length) {aislePositions.forEach((index) => {layout.splice(index, 0, {id: `aisle-${index}`,type: 'aisle',children: []})})}this.layoutList = layout}}
}
</script><style scoped lang="less">
@base-width: 160px;
@base-height: 96px;
@base-gap: 10px;
@w: 50px;
@h: 50px;
.container {padding: @base-gap;.content {display: flex;.left {flex: 1;margin-right: @base-gap;position: relative;padding-top: @w;padding-left: @w;.axis-x,.axis-y,.axis-label {position: absolute;top: 0;left: 0;}.axis-x {display: flex;left: @w;top: calc(@h - 20px);border-bottom: 1px solid #ccc;padding-left: 10px;.x {width: @base-width;text-align: center;margin-right: 20px;}}.axis-y {top: @h;left: calc(@w - 20px);border-right: 1px solid #ccc;padding-right: 10px;padding-top: 10px;width: 20px;.y {height: @base-height;width: 20px;margin-bottom: @base-gap;line-height: @base-height;}}.axis-label {width: @w;height: @h;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;top: 2px;left: 0;.row,.col,.split {position: absolute;}.row {right: 2px;top: 2px;}.col {bottom: 2px;left: 2px;}.split {top: 0;right: 0;width: 1px;height: 100%;background: #ccc;transform-origin: bottom right;transform: rotate(-45deg);}}.info {display: flex;}.layout-list {padding: @base-gap;.layout-item {width: @base-width;height: @base-height;border: 1px solid #ccc;margin-bottom: @base-gap;background: #bebebe;border-radius: 10px;}.code-box {width: 20px;height: 20px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background-color: #fff;}.code-number {font-size: 12px;}}.aisle {display: flex;justify-content: space-evenly;align-items: center;height: 100%;width: @base-width;border-radius: 10px;background-color: #efefef;border: 1px solid #bbbbbb;.aisle-line {height: 80%;width: 1px;background: red;position: relative;&::after {position: absolute;content: '';top: 0;left: -4px;width: 10px;height: 10px;border-radius: 50%;background: red;}&::before {position: absolute;content: '';bottom: -12px;left: -10px;border: 10px solid transparent;border-top-color: red;}}.transform-rotate {transform: rotate(180deg);}.aisle-reat {width: 20px;height: 40px;border: 1px solid #ccc;margin: 0 auto;margin-bottom: @base-gap;}.aisle-middle {display: flex;align-items: center;justify-content: center;margin: 0 4px;}.aisle-id {font-size: 14px;}}}.right {width: 600px;border: 1px solid #ccc;}}.tips {.btn {padding: 4px 10px;color: #fff;}}.bg-gray {background-color: #bbbbbb;}.bg-green {background-color: #73d32e;}.bg-yellow {background-color: #FCCA00;}.bg-blue {background-color: #2A87FF;}
}
</style>

相关文章:

css 练习01

效果展示 源码 <template><div class"container"><div class"search"></div><div class"content"><div class"left"><div class"info"><div class"layout-list" v…...

[reinforcement learning] 是什么 | 应用场景 | Andrew Barto and Richard Sutton

目录 什么是强化学习&#xff1f; 强化学习的应用场景 广告和推荐 对话系统 强化学习的主流算法 纽约时报&#xff1a;Turing Award Goes to 2 Pioneers of Artificial Intelligence wiki 资料混合&#xff1a;youtube, wiki, github 今天下午上课刷到了不少&#xff0…...

【VsCode】设置文件自动保存

目录 一、前言 二、操作步骤 一、前言 VSCode中开启自动保存功能可以通过访问设置、修改settings.json文件、使用自动保存延迟功能来实现。这些方法能有效提升编程效率、避免数据丢失、实时同步更改。 二、操作步骤 在 Visual Studio Code (VS Code) 中设置自动保存功能非…...

16:00开始面试,16:08就出来了,问的问题有点变态。。。

从小厂出来&#xff0c;没想到在另一家公司又寄了。 到这家公司开始上班&#xff0c;加班是每天必不可少的&#xff0c;看在钱给的比较多的份上&#xff0c;就不太计较了。没想到4月一纸通知&#xff0c;所有人不准加班&#xff0c;加班费不仅没有了&#xff0c;薪资还要降40%…...

深入理解 PyTorch:从入门到精通的深度学习框架

&#x1f4cc; 友情提示&#xff1a; 本文内容由银河易创AI&#xff08;https://ai.eaigx.com&#xff09;创作平台的gpt-4-turbo模型生成&#xff0c;旨在提供技术参考与灵感启发。文中观点或代码示例需结合实际情况验证&#xff0c;建议读者通过官方文档或实践进一步确认其准…...

子串-滑动窗口的最大值

滑动窗口的最大值 给你一个整数数组 nums&#xff0c;有一个大小为 k 的滑动窗 口从数组的最左侧移动到数组的最右侧。你只可以看 到在滑动窗口内的 k 个数字。滑动窗口每次只向右移 动一位。 返回 滑动窗口中的最大值 。输入&#xff1a;整型数组&#xff0c;最大值k 输出&am…...

老龄化遇上数字化丨适老化改造:操作做“减法”,服务做“加法”

当中国 60 岁以上人口突破 2.8 亿&#xff0c;银发浪潮与数字时代的碰撞催生了一道必答题&#xff1a;如何让技术红利真正惠及老年人&#xff1f;传统适老化改造常陷入 "技术崇拜" 误区。 智能设备功能复杂如 "科技迷宫"&#xff0c;操作界面充满 "数…...

【计算机网络】网络基础(协议,网络传输流程、Mac/IP地址 、端口号)

目录 1.协议简述2.网络分层结构2.1 软件分层2.2 网络分层为什么&#xff1f; 是什么&#xff1f;OSI七层模型TCP/IP五层&#xff08;或四层&#xff09;结构 3. 网络与操作系统之间的关系4.从语言角度理解协议5.网络如何传输局域网通信&#xff08;同一网段&#xff09; 不同网…...

【Java编程】【计算机视觉】一种简单的图片加/解密算法

by Li y.c. 一、内容简介 本文介绍一种简单的图片加/解密算法&#xff0c;算法的基本原理十分简单&#xff0c;即逐个&#xff08;逐行、逐列&#xff09;地获取图片的像素点颜色值&#xff0c;对其进行一些简单的算数运算操作进行加密&#xff0c;解密过程则相应地为加密运算…...

61.评论日记

老人摔倒无人扶最终死亡&#xff0c;家属将路人告上法庭&#xff0c;法院这样宣判&#xff01;_哔哩哔哩_bilibili 2025年4月14日16:01:25...

每日一题——云服务计费问题

云服务计费问题&#xff08;哈希表 排序&#xff09;| 附详细 C源码解析 一、题目描述二、输入描述三、输出描述四、样例输入输出输入示例&#xff1a;输出示例&#xff1a;说明&#xff1a; 五、解题思路分析六、C实现源码详解&#xff08;完整&#xff09;七、复杂度分析 一…...

android-根据java文件一键生成dex文件脚本

安装7z命令 7-Zip官方下载网址 生成dex脚本文件 echo off setlocal enabledelayedexpansion:: 获取当前日期和时间 for /f "tokens2 delims" %%i in ("wmic os get localdatetime /value | findstr LocalDateTime") do set datetime%%i:: 提取年、月、日…...

OpenCV直方图均衡化全面解析:从灰度到彩色图像的增强技术

目录 一、直方图均衡化基础&#xff1a;原理与核心思想 二、彩色图像的直方图均衡化&#xff1a;挑战与解决方案 三、进阶技巧与注意事项 四、应用场景与典型案 一、直方图均衡化基础&#xff1a;原理与核心思想 1. 直方图的本质与作用 直方图是图像像素强度分布的统计图表…...

Node.js技术原理分析系列7——Node.js模块加载方式分析

Node.js 是一个开源的、跨平台的JavaScript运行时环境&#xff0c;它允许开发者在服务器端运行JavaScript代码。Node.js 是基于Chrome V8引擎构建的&#xff0c;专为高性能、高并发的网络应用而设计&#xff0c;广泛应用于构建服务器端应用程序、网络应用、命令行工具等。 本系…...

BFD:网络链路检测与联动配置全攻略

目录 BFD简介 BFD会话建立方式和检测机制 BFD会话建立过程 BFD工作流程 联动功能 BFD与OSPF联动配置需求 BFD与OSPF联动配置实现 BFD与VRRP联动配置需求 BFD与VRRP联动配置实现 单臂回声 BFD默认参数及调整方法 BFD简介 一种全网统一、检测迅速、监控网络中链…...

预防WIFI攻击,保证网络安全

文章总结&#xff08;帮你们节约时间&#xff09; WiFi协议存在多种安全漏洞&#xff0c;从去认证攻击到KRACK和PMKID攻击&#xff0c;这些都源于协议设计中的历史遗留问题。ESP32S3微控制器结合Arduino环境&#xff0c;成为强大的WiFi安全研究平台&#xff0c;可用于网络扫描…...

循环神经网络 - 门控循环单元网络

为了解决循环神经网络在学习过程中的长程依赖问题&#xff0c;即梯度消失或爆炸问题&#xff0c;一种非常好的解决方案是在简单循环网络的基础上引入门控机制来控制信息的累积速度&#xff0c;包括有选择地加入新的信息&#xff0c;并有选择地遗忘之前累积的信息。这一类网络可…...

Java 正则表达式综合实战:URL 匹配与源码解析

在 Web 应用开发中&#xff0c;我们经常需要对 URL 进行格式验证。今天我们结合 Java 的 Pattern 和 Matcher 类&#xff0c;深入理解正则表达式在实际应用中的强大功能&#xff0c;并剖析一段实际的 Java 示例源码。 package com.RegExpInfo;import java.util.regex.Matcher; …...

TCPIP详解 卷1协议 六 DHCP和自动配置

6.1——DHCP和自动配置 为了使用 TCP/IP 协议族&#xff0c;每台主机和路由器需要一定的配置信息。基本上采用3种方法&#xff1a;手工获得信息&#xff1b;通过一个系统获得使用的网络服务&#xff1b;使用某种算法自动确定。 拥有一个IP 地址和子网掩码&#xff0c;以及 DN…...

面试宝典(C++基础)-01

文章目录 1. C++基础1.1 C++特点1.2 说说C语言和C++的区别1.3 说说 C++中 struct 和 class 的区别1.4 include头文件的顺序以及双引号""和尖括号<>的区别1.5 说说C++结构体和C结构体的区别1.6 导入C函数的关键字是什么,C++编译时和C有什么不同?1.7 C++从代码…...

【笔记ing】AI大模型-04逻辑回归模型

一个神经网络结构&#xff0c;其中的一个神经网络层&#xff0c;本质就是一个逻辑回归模型 深度神经网络的本质就是多层逻辑回归模型互相连接或采用一定的特殊连接的方式连接在一起构成的。其中每一个层本质就是一个逻辑回归模型。 逻辑回归模型基本原理 逻辑回归&#xff0…...

【Android】常用参数实践 用户界面UI 布局文件XML

本文将系统总结 Android XML 布局的通用参数和常用布局类型的专属规则 一、通用布局参数 这些参数适用于所有 View 和 ViewGroup&#xff0c;是布局设计的基石。 1. 尺寸控制 android:layout_width 与 android:layout_height 定义视图的宽度和高度&#xff0c;可选值&#xf…...

音乐产业新玩法:NFTs如何颠覆传统与挑战未来?

音乐产业新玩法&#xff1a;NFTs如何颠覆传统与挑战未来&#xff1f; 近年来&#xff0c;NFT&#xff08;Non-Fungible Token&#xff0c;非同质化代币&#xff09;像一颗新星&#xff0c;迅速在数字艺术、游戏等领域掀起了革命。而在音乐产业&#xff0c;NFT不仅是一种数字所…...

测试基础笔记第三天

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 文章目录 ⼀、缺陷介绍定义&#xff1a;软件中使⽤中任何问题都为缺陷&#xff0c;简称&#xff1a;bug 二、缺陷编写三、注册模块测试点练习 ⼀、缺陷介绍 定义&#xff1a…...

HTML5 Web 存储:超越 Cookie 的本地存储新选择

一、引言 在当今的 Web 开发领域&#xff0c;对于用户数据的本地存储需求日益增长。HTML5 带来了一种比传统 cookie 更强大、更安全、更高效的本地存储方式 ——Web 存储。本文将深入探讨 HTML5 Web 存储的相关知识&#xff0c;包括其基本概念、浏览器支持情况、localStorage …...

基于 DB、EAST、SAST 的文本检测算法详解及应用综述

摘要 近年来&#xff0c;随着深度学习在计算机视觉领域的广泛应用&#xff0c;自然场景文字检测技术取得了飞速发展。针对复杂背景、任意形状、多角度文本等问题&#xff0c;学术界和工业界陆续提出了 DB、EAST、SAST 等多种算法。本文详细介绍了这几种主流文本检测方法的原理…...

牙刷生产中的视觉检测,让刷毛缺陷检测高效便捷!

在日常口腔护理中&#xff0c;一把优质牙刷至关重要&#xff0c;而刷毛质量直接决定了牙刷品质。从生产端来看&#xff0c;牙刷制造行业正面临着品质管控的严峻挑战。人工目检在检测刷毛缺陷时&#xff0c;不仅效率低下&#xff0c;还极易因主观因素导致漏检、误检&#xff0c;…...

面向对象编程(OOP)核心概念进阶

面向对象编程&#xff08;OOP&#xff09;核心概念进阶 final 关键字 行为特征&#xff1a;作为终结者关键字&#xff0c;用于限制类、方法、变量的可修改性 三层控制力&#xff1a; - 修饰类&#xff1a; 定义不可继承的最终类&#xff08;如 String、Integer 等不可变类核…...

AI与教育的协奏曲:重构未来学习生态

📝个人主页🌹:慌ZHANG-CSDN博客 🌹🌹期待您的关注 🌹🌹 引言:教育的“智变”来临 在经历了千年的教与学之后,教育终于迎来了最大规模的技术变革浪潮。随着ChatGPT、DeepSeek、Grok 等大语言模型的诞生与不断演进,AI正以前所未有的方式深入影响每一个学生、老师…...

性能炸裂的数据可视化分析工具:DataEase!

今天分享一款开源的数据可视化分析工具&#xff0c;帮助用户快速分析数据并洞察业务趋势&#xff0c;从而实现业务的改进与优化。支持丰富的数据源连接&#xff0c;能够通过拖拉拽方式快速制作图表&#xff0c;并可以方便地与他人分享。 技术栈 前端&#xff1a;Vue.js、Elemen…...

9.thinkphp的请求

请求对象 当前的请求对象由think\Request类负责&#xff0c;该类不需要单独实例化调用&#xff0c;通常使用依赖注入即可。在其它场合则可以使用think\facade\Request静态类操作。 项目里面应该使用app\Request对象&#xff0c;该对象继承了系统的think\Request对象&#xff…...

UBUNTU20.04安装ros2

ubuntu20.04安装ROS2 详细教程_ubuntu20.04 ros2-CSDN博客...

数据可视化工具LightningChart .NET v12.2.1全新发布——支持新的 .NET 目标框架

LightningChart.NET完全由GPU加速&#xff0c;并且性能经过优化&#xff0c;可用于实时显示海量数据-超过10亿个数据点。 LightningChart包括广泛的2D&#xff0c;高级3D&#xff0c;Polar&#xff0c;Smith&#xff0c;3D饼/甜甜圈&#xff0c;地理地图和GIS图表以及适用于科学…...

Python + Playwright:规避常见的UI自动化测试反模式

Python + Playwright:规避常见的UI自动化测试反模式 前言反模式一:整体式页面对象(POM)反模式二:具有逻辑的页面对象 - POM 的“越界”行为反模式三:基于 UI 的测试设置 - 缓慢且脆弱的“舞台搭建”反模式四:功能测试过载 - “试图覆盖一切”的测试反模式之间的关联与核…...

蓝宝石狼组织升级攻击工具包,利用新型紫水晶窃密软件瞄准能源企业

网络安全专家发现&#xff0c;被称为"蓝宝石狼"&#xff08;Sapphire Werewolf&#xff09;的威胁组织正在使用升级版"紫水晶"&#xff08;Amethyst&#xff09;窃密软件&#xff0c;对能源行业企业发起复杂攻击活动。此次攻击标志着该组织能力显著提升&am…...

高光谱相机:温室盆栽高通量植物表型光谱成像研究

传统植物表型测量依赖人工观察与手工记录&#xff0c;存在效率低、主观性强、无法获取多维数据&#xff08;如生化成分、三维形态&#xff09;等缺陷。例如&#xff0c;叶片氮含量需破坏性取样检测&#xff0c;根系表型需挖掘植株&#xff0c;导致数据不连续且难以规模化。此外…...

Android Studio安装平板的虚拟机

其实很简单&#xff0c;但是我刚开始也是一窍不通&#xff0c;所以也查了好多资料才会的&#xff0c;本文仅作为个人学习笔记分享&#xff0c;有跟我一样的小白可以当做一个参考&#xff0c;有什么问题也欢迎大家提出建议&#xff0c;俺会虚心接受并改进的~ 首先我们打开项目&…...

Redis 常问知识

1.Redis 缓存穿透问题 缓存穿透&#xff1a;当请求的数据在缓存和数据库中不存在时&#xff0c;该请求就跳出我们使用缓存的架构&#xff08;先从缓存找&#xff0c;再从数据库查找、这样就导致了一直去数据库中找&#xff09;&#xff0c;因为这个数据缓存中永远也不会存在。…...

UnityUI:Canvas框架获取鼠标悬浮UI

将下面脚本挂在主体Canvas上&#xff0c;Canvas会对下面所有Image挂上PointerHandler脚本&#xff0c;并且可以通过GetPointEnter方法判断当前鼠标是否悬停在UI上 public class BaseCanvas : MonoBehaviour {public static BaseCanvas Main;private void Awake(){Main this;I…...

NLP实战(3):RNN英文名国家分类

目录 1. 项目需求 2. 模型解析 2.1 网络模型 2.2 准备数据 2.3 双向循环神经网络 3. 代码解析 4. 完整代码 5. 结果 1. 项目需求 对名字的分类&#xff0c;几千个名字&#xff0c;总共来自于18个国家 2. 模型解析 对于自然语言处理来说&#xff0c;输入是一个序列&am…...

东方博宜OJ ——1335 - 土地分割

递归 入门 ————1335 - 土地分割 1335 - 土地分割题目描述输入输出样例问题分析递归解法&#xff08;欧几里得算法&#xff09;代码实现总结 1335 - 土地分割 题目描述 把一块m * n米的土地分割成同样大的正方形&#xff0c;如果要求没有土地剩余&#xff0c;分割出的正方形…...

在轨道交通控制系统中如何实现μs级任务同步

轨道交通作为现代城市化进程中的重要支柱&#xff0c;承载着数以亿计的乘客出行需求&#xff0c;同时也是城市经济运行的命脉。无论是地铁、轻轨还是高速铁路&#xff0c;其控制系统的稳定性和可靠性直接关系到运营安全和效率。在这样一个高风险、高复杂度的环境中&#xff0c;…...

【C++教程】进制转换的实现方法

在C中进行进制转换可以通过标准库函数或自定义算法实现。以下是两种常见场景的转换方法及示例代码&#xff1a; 一、使用C标准库函数 任意进制转十进制 #include <string> #include <iostream>int main() {std::string num "1A3F"; // 十六进制数int…...

日志文件爆满_配置使用logback_只保留3天日志文件_每天定时生成一个日志文件---SpringCloud工作笔记206

日志文件爆满,springCloud微服务架构中的,日志爆满如何解决,使用脚本直接删除,会导致, 如果要删除的日志文件,还正在被进程占用,那么你即使使用脚本定时删除了,这个日志文件,那么这个日志文件实际上还是不会删除的,他的大小,依然占用磁盘,就是因为,有进程还在占用它,所以之前说…...

DICOM通讯(ACSE->DIMSE->Worklist)

DICOM 通讯协议中的 ACSE → DIMSE → Worklist 这条通讯链路。DICOM 通讯栈本身是一个多层的协议结构&#xff0c;就像 OSI 模型一样&#xff0c;逐层封装功能。 一、DICOM 通讯协议栈总体架构 DICOM 通讯使用 TCP/IP 建立连接&#xff0c;其上面封装了多个协议层次&#xf…...

QML与C++:基于ListView调用外部模型进行增删改查(附自定义组件)

目录 引言相关阅读项目结构文件组织 核心技术实现1. 数据模型设计联系人项目类 (datamodel.h)数据模型类 (datamodel.h)数据模型实现 (datamodel.cpp) 2. 主程序入口点 (main.cpp)3. 主界面设计 (Main.qml)4. 联系人对话框 (ContactDialog.qml)5. 自定义组件CustomTextField.qm…...

# linux 设置宽容模式

linux 设置宽容模式 在Linux系统中&#xff0c;通常没有直接称为“宽容模式”的设置选项&#xff0c;但你可以通过几种方式来模拟或调整系统行为&#xff0c;使其表现得更加“宽容”&#xff0c;特别是在处理错误、权限问题或其他潜在问题时。以下是一些常见的方法&#xff1a…...

#1 理解物联网

物联不是一个新概念&#xff0c;物联网如其中文译名&#xff0c; 虚拟和物的对应和联接。 对于人类的梦想而言&#xff0c;总是希望自己无比强大&#xff0c;但受限于外部条件而只能为此悻悻念念。 所以人们的目光聚焦在&#xff0c;上世纪70年代发展的传感器、大规模电路、通…...

物联网场景实战:智能电表数据管理与分析(二)

数据管理 数据清洗与预处理 智能电表在数据采集、传输和存储过程中&#xff0c;不可避免地会引入噪声、出现缺失值和异常值等问题&#xff0c;这些问题会严重影响数据的质量和后续分析的准确性&#xff0c;因此数据清洗至关重要。 噪声数据通常是由于测量误差、通信干扰等原…...

linux一次启动多个jar包

linux一次启动多个jar包并且可以自定义路径和端口号 代码使用 分享公司大神使用的一个脚步,可以一次启动多个jar包,也可以指定启动jar包 代码 #! /bin/sh # 端口号 PORTS(8080 8081 8082 8083) # 模块 MODULES(gateway auth system file) # 模块名称 MODULE_NAMES(网关服务 认…...