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

数据可视化大屏——物流大数据服务平台(二)

 代码分析:

物流大数据平台代码分析

这是一个基于 Bootstrap 和 ECharts 构建的物流大数据平台前端页面,设计采用了经典的三栏布局,主要展示河南省及全国的物流数据可视化内容。下面从多个维度进行分析:

1. 页面结构分析

整体采用了清晰的三部分结构:

  • 顶部导航:简洁的标题栏,显示平台名称
  • 中间内容区:三栏布局,包含多个数据展示模块
  • 底部数据区:横向三栏布局,展示更多详细数据表格

html

<div class="header"> ... </div>
<div class="data_content"><div class="data_time"> ... </div><div class="data_main"> ... </div><div class="data_bottom"> ... </div>
</div>

2. 数据可视化模块

页面使用了多种图表类型展示物流数据:

  • 中国地图(id="chart_map"):主中心区域,展示全国物流分布
  • 河南省地图(id="chart_2"):左侧区域,展示省内物流情况
  • 货运收入趋势图(id="chart_1"):左上角区域
  • 货物周转分析图(id="chart_3"):右上角区域
  • 高速公路分析图(id="chart_4"):右侧下方区域
  • 飞机场分布图表(id="chart_5"):底部左侧区域

3. 边框装饰效果

页面大量使用了自定义边框装饰效果,通过以下结构实现:

html

<div class="t_line_box"><i class="t_l_line"></i> <i class="l_t_line"></i> 
</div> 

这种方式通过 CSS 实现了模块的边框装饰,增强了视觉层次感。

4. 交互设计

  • 所有数据模块都添加了点击交互效果(cursor: pointer)
  • 部分模块添加了按钮悬停效果(如 t_btn6、t_btn9 等类)
  • 地图模块可以点击查看详情

5. 响应式设计

代码中使用了一些基础的响应式设计元素:

  • Bootstrap 的栅格系统(fl、fr 类可能是浮动布局)
  • 媒体查询确保在不同屏幕尺寸下有良好显示

6. 数据表格

页面包含三个数据表格,展示了不同维度的物流数据:

  • 河南省交通数据
  • 河南省业务量数据
  • 河南省汽车运输数据

每个表格都包含历史数据和预测数据,便于对比分析。

7. 技术栈分析

  • 前端框架:Bootstrap
  • 图表库:ECharts
  • 地图服务:高德地图 API
  • 基础库:jQuery

完整代码:

<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><title>物流大数据平台</title><link rel="stylesheet" href="../css/bootstrap.css"><link rel="stylesheet" href="../css/base.css"><link rel="stylesheet" href="../css/style.css"><style>.t_btn {margin-top: 20px;margin-bottom: 20px;}.t_btn li {display: inline-block;margin: 0 10px 10px 0;}.t_btn button,.t_a {display: inline-block;padding: 10px 5px;width: 80px;border-style: solid;border-width: 0;cursor: pointer;font-family: inherit;font-weight: bold;line-height: normal;margin: 0 0 0.5em 0;position: relative;text-decoration: none;text-align: center;display: inline-block;font-size: 1em;background-color: #2C58A6;border-color: #0263ff;color: white;box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2) inset !important;margin-right: 0.5em;border-radius: 4px;}.t_height {line-height: 80px;position: absolute;right: 28px;top: 0;}</style>
</head><body>
<!--header-->
<script src="https://webapi.amap.com/maps?v=2.0&key=1e31659e58fa7666fe0d08f4487ec5c2"></script>
<div class="header"><div class="bg_header"><div class="header_nav fl t_title">物流大数据服务平台</div></div><div class="header_nav fl"></div><div class="header_myself fr t_height"><a class="t_a" href="../index.html">返回 &nbsp;</a></div>
</div><!-- 新增按钮容器 -->
<div class="button-container"><div class="container"><ul class="t_btn"><li><button class="t_btn0">中国地图</button></li><li><button class="t_btn3">中国铁路</button></li><li><button class="t_btn14">GPS</button></li><li><button class="t_btn13">河南省</button></li><li><button class="t_btn2">河南飞机场</button></li><li><button class="t_btn4">河南铁路</button></li><li><button class="t_btn1">河南公路</button></li><li><button class="t_btn6">交通就业量</button></li><li><button class="t_btn7">河南货运量</button></li><li><button class="t_btn5">各市货运量</button></li><li><button class="t_btn8">货物周转量</button></li><li><button class="t_btn9">运输线长度</button></li><li><button class="t_btn10">河南业务量</button></li><li><button class="t_btn11">营运汽车</button></li><li><button class="t_btn12">公共交通</button></li></ul></div>
</div><!--main-->
<div class="data_content"><div class="data_main"><div class="main_left fl"><div class="left_1" style="display:none"><div class="main_title">河南省地图</div></div></div><div class="main_center fl"><div class="center_text t_cos0"><!--左上边框--><div class="t_line_box"><i class="t_l_line"></i><i class="l_t_line"></i></div><!--右上边框--><div class="t_line_box"><i class="t_r_line"></i><i class="r_t_line"></i></div><!--左下边框--><div class="t_line_box"><i class="l_b_line"></i><i class="b_l_line"></i></div><!--右下边框--><div class="t_line_box"><i class="r_b_line"></i><i class="b_r_line"></i></div><div class="main_title">中国地图</div><div id="chart_map" style="width:100%;height:778px;"></div></div><div class="center_text t_cos1" style="display:none"><!--左上边框--><div class="t_line_box"><i class="t_l_line"></i><i class="l_t_line"></i></div><!--右上边框--><div class="t_line_box"><i class="t_r_line"></i><i class="r_t_line"></i></div><!--左下边框--><div class="t_line_box"><i class="l_b_line"></i><i class="b_l_line"></i></div><!--右下边框--><div class="t_line_box"><i class="r_b_line"></i><i class="b_r_line"></i></div><div class="main_title">河南省高速公路</div><div id="chart_2" class="chart" style="width:100%;height:778px;"></div></div><div class="center_text t_cos2" style="display:none"><!--左上边框--><div class="t_line_box"><i class="t_l_line"></i><i class="l_t_line"></i></div><!--右上边框--><div class="t_line_box"><i class="t_r_line"></i><i class="r_t_line"></i></div><!--左下边框--><div class="t_line_box"><i class="l_b_line"></i><i class="b_l_line"></i></div><!--右下边框--><div class="t_line_box"><i class="r_b_line"></i><i class="b_r_line"></i></div><div class="main_title">河南省飞机场</div><div id="chart_0" class="chart" style="width:100%;height:778px;"></div></div><div class="center_text t_cos3" style="display:none"><!--左上边框--><div class="t_line_box"><i class="t_l_line"></i><i class="l_t_line"></i></div><!--右上边框--><div class="t_line_box"><i class="t_r_line"></i><i class="r_t_line"></i></div><!--左下边框--><div class="t_line_box"><i class="l_b_line"></i><i class="b_l_line"></i></div><!--右下边框--><div class="t_line_box"><i class="r_b_line"></i><i class="b_r_line"></i></div><div class="main_title">中国铁路</div><div id="chart_4" class="chart" style="width:100%;height:778px;"></div></div><div class="center_text t_cos4" style="display:none"><!--左上边框--><div class="t_line_box"><i class="t_l_line"></i><i class="l_t_line"></i></div><!--右上边框--><div class="t_line_box"><i class="t_r_line"></i><i class="r_t_line"></i></div><!--左下边框--><div class="t_line_box"><i class="l_b_line"></i><i class="b_l_line"></i></div><!--右下边框--><div class="t_line_box"><i class="r_b_line"></i><i class="b_r_line"></i></div><div class="main_title">河南货运量收入</div><div id="chart_1" class="chart" style="width:100%;height:778px;"></div></div><div class="center_text t_cos5" style="display:none"><!--左上边框--><div class="t_line_box"><i class="t_l_line"></i><i class="l_t_line"></i></div><!--右上边框--><div class="t_line_box"><i class="t_r_line"></i><i class="r_t_line"></i></div><!--左下边框--><div class="t_line_box"><i class="l_b_line"></i><i class="b_l_line"></i></div><!--右下边框--><div class="t_line_box"><i class="r_b_line"></i><i class="b_r_line"></i></div><div class="main_title">交通就业人员</div><div id="chart_3" class="chart" style="width:100%;height:778px;"></div></div><div class="center_text t_cos6" style="display:none"><!--左上边框--><div class="t_line_box"><i class="t_l_line"></i><i class="l_t_line"></i></div><!--右上边框--><div class="t_line_box"><i class="t_r_line"></i><i class="r_t_line"></i></div><!--左下边框--><div class="t_line_box"><i class="l_b_line"></i><i class="b_l_line"></i></div><!--右下边框--><div class="t_line_box"><i class="r_b_line"></i><i class="b_r_line"></i></div><div class="main_title">河南省铁路</div><div id="chart_6" class="chart" style="width:100%;height:778px;"></div></div><div class="center_text t_cos7" style="display:none"><!--左上边框--><div class="t_line_box"><i class="t_l_line"></i><i class="l_t_line"></i></div><!--右上边框--><div class="t_line_box"><i class="t_r_line"></i><i class="r_t_line"></i></div><!--左下边框--><div class="t_line_box"><i class="l_b_line"></i><i class="b_l_line"></i></div><!--右下边框--><div class="t_line_box"><i class="r_b_line"></i><i class="b_r_line"></i></div><div class="main_title">河南总货运量</div><div id="chart_7" class="chart" style="width:100%;height:778px;"></div></div><div class="center_text t_cos8" style="display:none"><!--左上边框--><div class="t_line_box"><i class="t_l_line"></i><i class="l_t_line"></i></div><!--右上边框--><div class="t_line_box"><i class="t_r_line"></i><i class="r_t_line"></i></div><!--左下边框--><div class="t_line_box"><i class="l_b_line"></i><i class="b_l_line"></i></div><!--右下边框--><div class="t_line_box"><i class="r_b_line"></i><i class="b_r_line"></i></div><div class="main_title">河南货物周转量</div><div id="chart_8" class="chart" style="width:100%;height:778px;"></div></div><div class="center_text t_cos9" style="display:none"><!--左上边框--><div class="t_line_box"><i class="t_l_line"></i><i class="l_t_line"></i></div><!--右上边框--><div class="t_line_box"><i class="t_r_line"></i><i class="r_t_line"></i></div><!--左下边框--><div class="t_line_box"><i class="l_b_line"></i><i class="b_l_line"></i></div><!--右下边框--><div class="t_line_box"><i class="r_b_line"></i><i class="b_r_line"></i></div><div class="main_title">河南运输线长度</div><div id="chart_9" class="chart" style="width:100%;height:778px;"></div></div><div class="center_text t_cos10" style="display:none"><!--左上边框--><div class="t_line_box"><i class="t_l_line"></i><i class="l_t_line"></i></div><!--右上边框--><div class="t_line_box"><i class="t_r_line"></i><i class="r_t_line"></i></div><!--左下边框--><div class="t_line_box"><i class="l_b_line"></i><i class="b_l_line"></i></div><!--右下边框--><div class="t_line_box"><i class="r_b_line"></i><i class="b_r_line"></i></div><div class="main_title">河南业务量</div><div id="chart_10" class="chart" style="width:100%;height:778px;"></div></div><div class="center_text t_cos11" style="display:none"><!--左上边框--><div class="t_line_box"><i class="t_l_line"></i><i class="l_t_line"></i></div><!--右上边框--><div class="t_line_box"><i class="t_r_line"></i><i class="r_t_line"></i></div><!--左下边框--><div class="t_line_box"><i class="l_b_line"></i><i class="b_l_line"></i></div><!--右下边框--><div class="t_line_box"><i class="r_b_line"></i><i class="b_r_line"></i></div><div class="main_title">河南公路营运</div><div id="chart_11" class="chart" style="width:100%;height:778px;"></div></div><div class="center_text t_cos12" style="display:none"><!--左上边框--><div class="t_line_box"><i class="t_l_line"></i><i class="l_t_line"></i></div><!--右上边框--><div class="t_line_box"><i class="t_r_line"></i><i class="r_t_line"></i></div><!--左下边框--><div class="t_line_box"><i class="l_b_line"></i><i class="b_l_line"></i></div><!--右下边框--><div class="t_line_box"><i class="r_b_line"></i><i class="b_r_line"></i></div><div class="main_title">河南城市交通</div><div id="chart_12" class="chart" style="width:100%;height:778px;"></div></div><div class="center_text t_cos13" style="display:none"><!--左上边框--><div class="t_line_box"><i class="t_l_line"></i><i class="l_t_line"></i></div><!--右上边框--><div class="t_line_box"><i class="t_r_line"></i><i class="r_t_line"></i></div><!--左下边框--><div class="t_line_box"><i class="l_b_line"></i><i class="b_l_line"></i></div><!--右下边框--><div class="t_line_box"><i class="r_b_line"></i><i class="b_r_line"></i></div><div class="main_title">河南省地图</div><div id="chart_13" class="chart" style="width:100%;height:778px; cursor: pointer;"></div></div><div class="center_text t_cos14" style="display:none"><!--左上边框--><div class="t_line_box"><i class="t_l_line"></i><i class="l_t_line"></i></div><!--右上边框--><div class="t_line_box"><i class="t_r_line"></i><i class="r_t_line"></i></div><!--左下边框--><div class="t_line_box"><i class="l_b_line"></i><i class="b_l_line"></i></div><!--右下边框--><div class="t_line_box"><i class="r_b_line"></i><i class="b_r_line"></i></div><div class="main_title">GPS</div><div id="chart_14" class="chart" style="width:100%;height:778px; cursor: pointer;"></div></div></div></div>
</div></body>
<script src="../js/jquery-2.2.1.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/common.js"></script>
<script src="http://api.map.baidu.com/api?v=2.0&ak=dApOtvB5E3x6byHpUGHbRF1fxctCBdjw"></script>
<script src="../js/echarts.min.js"></script>
<script src="../js/dataTool.js"></script>
<script src="../js/base.js"></script>
<script src="../js/china.js"></script>
<script src="../js/henan.js"></script>
<script src="../js/bmap.js"></script>
<script src="../js/echarts-all.js"></script>
</html>

代码框架:

效果展示:

 

 

 完整代码连接:

物流大数据服务平台.rar资源-CSDN文库https://download.csdn.net/download/weixin_66547608/90779579?spm=1001.2014.3001.5501

相关文章:

数据可视化大屏——物流大数据服务平台(二)

代码分析&#xff1a; 物流大数据平台代码分析 这是一个基于 Bootstrap 和 ECharts 构建的物流大数据平台前端页面&#xff0c;设计采用了经典的三栏布局&#xff0c;主要展示河南省及全国的物流数据可视化内容。下面从多个维度进行分析&#xff1a; 1. 页面结构分析 整体采…...

MindSpore框架学习项目-ResNet药物分类-构建模型

目录 2.构建模型 2.1定义模型类 2.1.1 基础块ResidualBlockBase ResidualBlockBase代码解析 2.1.2 瓶颈块ResidualBlock ResidualBlock代码解释 2.1.3 构建层 构建层代码说明 2.1.4 定义不同组合(block&#xff0c;layer_nums)的ResNet网络实现 ResNet组建类代码解析…...

ChatTempMail - AI驱动的免费临时邮箱服务

在当今数字世界中&#xff0c;保护在线隐私的需求日益增长。ChatTempMail应运而生&#xff0c;作为一款融合人工智能技术的新一代临时邮箱服务&#xff0c;它不仅提供传统临时邮箱的基本功能&#xff0c;还通过AI技术大幅提升了用户体验。 核心功能与特性 1. AI驱动的智能邮件…...

(leetcode) 力扣100 9.找到字符串中所有字母异位词(滑动窗口)

题目 给定两个字符串 s 和 p&#xff0c;找到 s 中所有 p 的 异位词 的子串&#xff0c;返回这些子串的起始索引。不考虑答案输出的顺序。 数据范围 1 < s.length, p.length < 3 * 104 s 和 p 仅包含小写字母 样例 示例 1: 输入: s "cbaebabacd", p &quo…...

深入了解 Stable Diffusion:AI 图像生成的奥秘

一、引言 AI 艺术与图像生成技术的兴起改变了我们创造和体验视觉内容的方式。在过去几年里&#xff0c;深度学习模型已经能够创造出令人惊叹的艺术作品&#xff0c;这些作品不仅模仿了人类艺术家的风格&#xff0c;甚至还能创造出前所未有的新风格。在这个领域&#xff0c;Sta…...

场外期权平值期权 实值期权 虚值期权有什么区别?收益如何计算?

​​期权汇 场外期权按价值状态分为平值、虚值、实值期权。 01&#xff5c;实值期权对于看涨期权而言&#xff0c;如果行权价格低于标的市场价格&#xff0c;则该期权处于实值状态&#xff1b;对于看跌期权&#xff0c;如果行权价格高于标的市场价格&#xff0c;则处于实值状态…...

微软系统 红帽系统 网络故障排查:ping、traceroute、netstat

在微软&#xff08;Windows&#xff09;和红帽&#xff08;Red Hat Enterprise Linux&#xff0c;RHEL&#xff09;等系统中&#xff0c;网络故障排查是确保系统正常运行的重要环节。 ping、traceroute&#xff08;在Windows中为tracert&#xff09;和netstat是三个常用的网络…...

HOT 100 | 【子串】76.最小覆盖子串、【普通数组】53.最大子数组和、【普通数组】56.合并区间

一、【子串】76.最小覆盖子串 1. 解题思路 定义两个哈希表分别用于 t 统计字符串 t 的字符个数&#xff0c;另一个sub_s用于统计字符串 t 在 s 的子串里面字符出现的频率。 为了降低时间复杂度&#xff0c;定义一个变量t_count用于统计 t 哈希表中元素的个数。哈希表sub_s是一…...

基于CNN的猫狗图像分类系统

一、系统概述 本系统是基于PyTorch框架构建的智能图像分类系统&#xff0c;专门针对CIFAR-10数据集中的猫&#xff08;类别3&#xff09;和狗&#xff08;类别5&#xff09;进行分类任务。系统采用卷积神经网络&#xff08;CNN&#xff09;作为核心算法&#xff0c;结合图形用…...

《时序数据库全球格局:国产与国外主流方案的对比分析》

引言 时序数据库&#xff08;Time Series Database, TSDB&#xff09;是专门用于存储、查询和分析时间序列数据的数据库系统&#xff0c;广泛应用于物联网&#xff08;IoT&#xff09;、金融、工业监控、智能运维等领域。近年来&#xff0c;随着大数据和物联网技术的发展&…...

力扣-2.两数相加

题目描述 给你两个 非空 的链表&#xff0c;表示两个非负的整数。它们每位数字都是按照 逆序 的方式存储的&#xff0c;并且每个节点只能存储 一位 数字。 请你将两个数相加&#xff0c;并以相同形式返回一个表示和的链表。 你可以假设除了数字 0 之外&#xff0c;这两个数都…...

富乐德传感技术盘古信息 | 锚定“未来工厂”新坐标,开启传感器制造行业数字化转型新征程

在数字化浪潮下&#xff0c;制造业正经历深刻变革。 传感器作为智能制造的核心基础部件&#xff0c;正面临着质量精度要求升级、交付周期缩短、成本管控严苛等多重挑战。传统依赖人工纸质管理、设备数据孤岛化的生产模式&#xff0c;已成为制约高端传感器制造突破“高精度、高…...

RT-Thread 深入系列 Part 2:RT-Thread 内核核心机制深度剖析

摘要&#xff1a; 本文从线程管理、调度器原理、中断处理与上下文切换、IPC 同步机制、内存管理五大核心模块出发&#xff0c;深入剖析 RT-Thread 内核实现细节&#xff0c;并辅以源码解读、流程图、时序图与性能数据。 目录 线程管理与调度器原理 1.1 线程控制块&#xff08;T…...

uni-app,小程序自定义导航栏实现与最佳实践

文章目录 前言为什么需要自定义导航栏&#xff1f;基本实现方案1. 关闭原生导航栏2. 自定义导航栏组件结构3. 获取状态栏高度4. 样式设置 内容区域适配跨平台适配要点iOS与Android差异处理 常见导航栏效果实现1. 透明导航栏2. 滚动渐变导航栏3. 自定义返回逻辑 解决常见问题1. …...

小程序消息订阅的整个实现流程

以下是微信小程序消息订阅的完整实现流程&#xff0c;分为 5个核心步骤 和 3个关键注意事项&#xff1a; 一、消息订阅完整流程 步骤1&#xff1a;配置订阅消息模板 登录微信公众平台进入「功能」→「订阅消息」选择公共模板或申请自定义模板&#xff0c;获取模板ID&#xff…...

istio in action之Gateway流量入口与安全

入口网关&#xff0c;简单来说&#xff0c;就是如何让外部世界和我们精心构建的集群内部服务顺畅地对话。在网络安全领域&#xff0c;有一个词叫流量入口&#xff0c;英文叫Ingress。这指的是那些从我们自己网络之外&#xff0c;比如互联网&#xff0c;发往我们内部网络的流量。…...

LeetCode 1722. 执行交换操作后的最小汉明距离 题解

示例&#xff1a; 输入&#xff1a;source [1,2,3,4], target [2,1,4,5], allowedSwaps [[0,1],[2,3]] 输出&#xff1a;1 解释&#xff1a;source 可以按下述方式转换&#xff1a; - 交换下标 0 和 1 指向的元素&#xff1a;source [2,1,3,4] - 交换下标 2 和 3 指向的元…...

区块链详解

1. 引言 1.1 背景 在数字化时代&#xff0c;信息的存储、传输和验证面临诸多挑战&#xff0c;如数据篡改、信任缺失、中心化风险等。区块链技术应运而生&#xff0c;作为一种分布式账本技术&#xff0c;它通过去中心化、去信任化、不可篡改等特性&#xff0c;为解决这些问题提…...

申能集团笔试1

目录 注意 过程 注意 必须开启摄像头和麦克风 只能用网页编程&#xff0c;不能用本地环境 可以用Index进行测试 过程 我还以为是编程&#xff0c;没想到第一次是企业人际关系、自我评价的选择题&#xff0c;哈哈哈有点轻松&#xff0c;哦对他要求不能泄漏题目&#xff0c…...

机器人手臂的坐标变换:一步步计算齐次矩阵过程 [特殊字符]

大家好!今天我们来学习如何计算机器人手臂的坐标变换。别担心,我会用最简单的方式解释这个过程,就像搭积木一样简单! 一、理解问题 我们有一个机器人手臂,由多个关节组成。每个关节都有自己的坐标系,我们需要计算从世界坐标系(W)到末端执行器(P₃)的完整变换。 二、已…...

神经元和神经网络定义

在深度学习中&#xff0c;神经元和神经网络是构成神经网络模型的基本元素。让我们从基础开始&#xff0c;逐步解释它们的含义和作用。 1️⃣ 神经元是什么&#xff1f; 神经元是神经网络中的基本计算单元&#xff0c;灵感来自于生物神经系统中的神经元。每个人的脑中有数以亿…...

Vue——Axios

一、Axios 是什么 Axios 是一个基于 promise 网络请求库&#xff0c;作用于 node.js 和浏览器中。 它是 isomorphic 的 ( 即同一套代 码可以运行在浏览器和 node.js 中 ) 。在服务端它使用原生 node.js http 模块 , 而在客户端 ( 浏览端 ) 则使 用 XMLHttpRequest…...

力扣:轮转数组

题目 给定一个整数数组 nums&#xff0c;将数组中的元素向右轮转 k 个位置&#xff0c;其中 k 是非负数。 例子 示例 1: 输入: nums [1,2,3,4,5,6,7], k 3 输出: [5,6,7,1,2,3,4] 解释: 向右轮转 1 步: [7,1,2,3,4,5,6] 向右轮转 2 步: [6,7,1,2,3,4,5] 向右轮转 3 步: [5…...

TCP/IP协议的体系结构

文章目录 前言数据链路层网络层传输层应用层 前言 TCP/IP通信体系主要分为四个层次&#xff0c;从底至上分别为&#xff1a; 数据链路层 >网络层 > 传输层 >应用层 该体系的工作原理主要依靠封装与分用的使用完成对信息的传递与解析。 1. 所谓封装&#xff0c;就是上层…...

Vue3 中 ref 与 reactive 的区别及底层原理详解

一、核心区别 1. 数据类型与使用场景 • ref 可定义基本类型&#xff08;字符串、数字、布尔值&#xff09;和对象类型的响应式数据。对于对象类型&#xff0c;ref 内部会自动调用 reactive 将其转换为响应式对象。 语法特点&#xff1a;需通过 .value 访问或修改数据&#…...

MySQL 与 Elasticsearch 数据一致性方案

MySQL 与 Elasticsearch 数据一致性方案 前言一、同步双写&#xff08;Synchronous Dual Write&#xff09;&#x1f504;二、异步双写&#xff08;Asynchronous Dual Write&#xff09;&#x1f4e4;三、定时同步&#xff08;Scheduled Synchronization&#xff09;&#x1f5…...

rust-candle学习笔记11-实现一个简单的自注意力

参考&#xff1a;about-pytorch 定义ScaledDotProductAttention结构体&#xff1a; use candle_core::{Result, Device, Tensor}; use candle_nn::{Linear, Module, linear_no_bias, VarMap, VarBuilder, ops};struct ScaledDotProductAttention {wq: Linear,wk: Linear,wv: …...

RabbitMQ-运维

文章目录 前言运维-集群介绍多机多节点单机多节点 多机多节点下载配置hosts⽂件配置Erlang Cookie启动节点构建集群查看集群状态 单机多节点安装启动两个节点再启动两个节点验证RabbitMQ启动成功搭建集群把rabbit2, rabbit3添加到集群 宕机演示仲裁队列介绍raft算法协议 raft基…...

101 alpha——8 学习

alpha (-1 * rank(((sum(open, 5) * sum(returns, 5)) - delay((sum(open, 5) * sum(returns, 5)),这里我们操作符都明白&#xff0c;现在来看金融意义 金融意义 里层是这个 (sum(open, 5) * sum(returns, 5)) - delay((sum(open, 5) * sum(returns, 5)), 10 这里是两个相减…...

YOLOv1模型架构、损失值、NMS极大值抑制

文章目录 前言一、YOLO系列v11、核心思想2、流程解析 二、损失函数1、位置误差2、置信度误差3、类别概率损失 三、NMS&#xff08;非极大值抑制&#xff09;总结YOLOv1的优缺点 前言 YOLOv1&#xff08;You Only Look Once: Unified, Real-Time Object Detection&#xff09;由…...

webpack代理天地图瓦片

1.安装 npm install http-proxy-middleware --save-dev2.webpack代理 const { createProxyMiddleware } require(http-proxy-middleware);module.exports {devServer: {port: 8080, // 改为你需要的端口https: false, // 如果你启用了 https&#xff0c;这里要对应before(a…...

RabbitMQ-高级特性1

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 文章目录 前言消息确认机制介绍手动确认方法代码前言代码编写消息确认机制的演示自动确认automanual 持久化介绍交换机持久化队列持久化消息持久化 持久化代码持久化代码演示…...

Git_idea界面进行分支合并到主分支详细操作

最近闲着也是闲着&#xff0c;再来讲一下Git合并分支的操作吧。基本上咱们干开发的都会用到git吧&#xff0c;比如我们在大数据开发中&#xff0c;有一个主分支master,还有其他的诸多分支dev1.1.0,dev1.2.0......等。 以我近期开发的代码来讲&#xff0c;在开发分支开发完毕后&…...

MOS关断时波形下降沿振荡怎么解决

问题阐述&#xff1a; 一个直流电机控制电路&#xff0c;部分原理图如下&#xff1a; 波形如下&#xff1a; 原因分析&#xff1a; L&#xff1a;线路寄生电感&#xff08;如PCB走线、MOS管引脚电感&#xff09;。 C&#xff1a;MOS管输出电容&#xff08;Coss&#xff09;、…...

【Day 23】HarmonyOS开发实战:从AR应用到元宇宙交互

一、空间感知开发实战 1. 环境语义建模&#xff08;NEXT增强&#xff09; // 构建3D空间语义地图 spatialMapper.createMap({mode: SEMANTIC, // 语义分割模式objectTypes: [WALL, FLOOR, TABLE, DOOR ],onUpdate: (mesh) > {this.arScene.updateMesh(mesh) // 实时更新3D…...

ZYNQ笔记(十九):VDMA VGA 输出分辨率可调

版本&#xff1a;Vivado2020.2&#xff08;Vitis&#xff09; 任务&#xff1a;以 VDAM IP 为核心实现 VGA 彩条图像显示&#xff0c;同时支持输出分辨率可调。 &#xff08;PS 端写入彩条数据到 DDR 通过 VDMA 读取出来输出给 VGA 进行显示&#xff09; 目录 一、介绍 二、硬…...

江西同为科技有限公司受邀参展2025长江流域跨博会

江西同为科技有限公司是一家专注于电力保护设备研发与生产的高新技术企业&#xff0c;深耕于电气联接与保护领域&#xff0c;同时产品远销海外&#xff0c;在国内国际市场与客户保持长期稳定的合作。江西同为在跨境电子商务领域运营多年&#xff0c;有着深厚、丰富的行业经验&a…...

2025 SD省集总结

文章目录 DAY1时间安排题解T1. 花卉港湾T2. 礎石花冠T3.磷磷开花 DAY2时间安排题解T1. MEX 求和T2.最大异或和T3.前缀最值 DAY3时间安排题解T1.重建: 地下铁道T2.走过安眠地的花丛T3.昔在、今在、永在的题目 DAY4时间安排题解T1.崩坏世界的歌姬T2.色彩褪去之后T3.每个人的结局 …...

代码随想论图论part06冗余连接

图论part06 冗余连接 代码随想录 冗余边就是已经边已经在并查集里了&#xff0c;从图的角度来说构成了环&#xff08;冗余连接2要用到这个概念&#xff09; 代码其他部分为&#xff1a;并查集初始化&#xff0c;查根&#xff0c;判断是否在集合里&#xff0c;加入集合 冗余…...

SCADA|KIO程序导出变量错误处理办法

哈喽,你好啊,我是雷工! 最近在用KingSCADA3.52版本的软件做程序时,在导出变量进行批量操作时遇到问题,现将解决办法记录如下。 以下为解决过程。 01 问题描述 在导出KIO变量时,选择*.xls格式和*.xlsx时均会报错: 报如下错误: Unknown error 0x800A0E7A ADODB Connectio…...

AUTOSAR图解==>AUTOSAR_SWS_V2XBasicTransport

AUTOSAR V2X 基础传输协议 (V2XBasicTransport) 详解 AUTOSAR经典平台中V2X通信基础传输层的规范解析 目录 1. 引言与功能概述 1.1 架构概述1.2 功能概述 2. V2XBtp模块架构 2.1 AUTOSAR架构中的V2XBtp位置2.2 主要组件与职责 3. V2XBtp模块接口 3.1 接口结构3.2 数据类型和依…...

从代码学习深度学习 - 区域卷积神经网络(R-CNN)系列 PyTorch版

文章目录 前言R-CNNFast R-CNN兴趣区域汇聚层 (RoI Pooling)代码示例:兴趣区域汇聚层 (RoI Pooling) 的计算方法Faster R-CNNMask R-CNN双线性插值 (Bilinear Interpolation) 与兴趣区域对齐 (RoI Align)兴趣区域对齐层的输入输出全卷积网络 (FCN) 的作用掩码输出形状总结前言…...

RT-THREAD RTC组件中Alarm功能驱动完善

使用Rt-Thread的目的为了更快的搭载工程&#xff0c;使用Rt-Thread丰富的组件和第三方包资源&#xff0c;解耦硬件&#xff0c;在更换芯片时可以移植应用层代码。你是要RTT的目的什么呢&#xff1f; 文章项目背景 以STM32L475RCT6为例 RTC使用的为LSE外部低速32 .756k Hz 的…...

VSCode如何解决打开html页面中文乱码的问题

VSCode如何解决打开html页面中文乱码的问题 &#xff08;1&#xff09;打开扩展商店&#xff1a; &#xff08;2&#xff09;点击左侧菜单栏的扩展图标&#xff08;或使用快捷键CtrlShiftX&#xff09;。 &#xff08;3&#xff09;搜索并安装插件&#xff1a; …...

Java学习手册:单体架构到微服务演进

一、单体架构概述 单体架构是一种传统的软件架构风格&#xff0c;所有的功能模块都构建在一个统一的部署单元中。这种架构的优点是简单直接&#xff0c;便于开发、测试和部署。然而&#xff0c;随着应用规模的增长和需求的复杂化&#xff0c;单体架构的弊端逐渐显现&#xff0…...

android动态调试

在 Android 应用逆向工程中&#xff0c;动态调试 Smali 代码是分析应用运行时行为的重要手段。以下是详细的步骤和注意事项&#xff1a; 1. 准备工作 工具准备&#xff1a; Apktool&#xff1a;反编译 APK 生成 Smali 代码。Android Studio/IntelliJ IDEA&#xff1a;安装 smal…...

Google的A2A和MCP什么关系

作者&#xff1a;蛙哥 原文&#xff1a;https://zhuanlan.zhihu.com/p/1893738350252385035 Agent2Agent和MCP在功能上各有侧重&#xff0c;A2A专注于Agent之间的协作&#xff0c;MCP关注于Agent与外部数据源的集成。因此&#xff0c;MCP并不完全覆盖 A2A 的能力场景&#xff0…...

计算几何图形算法经典问题整理

几何算法经典问题 文章目录 几何算法经典问题一、几何基础问题1. 判断两条线段是否相交2. 判断点是否在多边形内3. 凸包计算4. 判断一个有序点集的方向&#xff08;顺时针 or 逆时针&#xff09;5. 求多边形面积和重心 二、 高阶图形问题6. 最小外接矩形&#xff08;Minimum Bo…...

系分论文《论多云架构治理的分析和应用》

系统分析师论文范文系列 【摘要】 2022年3月&#xff0c;我所在公司承接了某金融机构“混合云资源管理与优化平台”的设计与实施项目。我作为系统分析师&#xff0c;主导了多云架构的规划与治理工作。该项目旨在构建一个兼容多家公有云及私有云资源的统一管理平台&#xff0c;解…...

(三)毛子整洁架构(Infrastructure层/DapperHelper/乐观锁)

文章目录 项目地址一、Infrastructure Layer1.1 创建Application层需要的服务1. Clock服务2. Email 服务3. 注册服务 1.2 数据库服务1. 表配置Configurations2. Respository实现3. 数据库链接Factory实现4. Dapper的DataOnly服务实现5. 所有数据库服务注册 1.3 基于RowVersion的…...