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

数据可视化大屏——南方草牧商品交易所

代码综述

整体结构与用途

这是一段用于构建网页的 HTML 代码,结合引入的 JavaScript 和 CSS 文件,初步推测该网页是南方草牧商品交易所的相关页面,主要展示了与草牧商品交易相关的各类数据,包括产品挂牌数、成交量、会员信息等,并通过图表和列表等形式呈现,同时具备一些动态效果和交互功能。

头部(<head>)部分

  1. 字符编码<meta charset="UTF-8"> 设置页面的字符编码为 UTF-8,确保能正确显示各种字符。
  2. 页面标题<title>10号</title> 设置页面标题为 “10 号”,但这个标题表意不太明确,可能需要更具描述性的标题。
  3. 样式表引入<link rel="stylesheet" href="cs/index.css"> 引入外部样式表 index.css,用于设置页面的样式布局。
  4. 脚本引入
    • <script src="js/jquery.js"></script> 引入 jQuery 库,方便进行 DOM 操作、事件处理和 AJAX 请求等。
    • <script src="js/echarts.min.js"></script> 引入 Echarts 库,用于绘制各种统计图表,如柱状图、折线图等。
    • <script src="js/can.js"></script> 和 <script src="js/china.js"></script> 引入自定义的 JavaScript 文件,可能分别用于特定的功能实现,如与地图相关的操作(从文件命名推测 china.js 可能与中国地图相关)。
    • <script src="js/vue.js"></script> 引入 Vue.js 框架,可用于构建交互式的页面组件和实现数据绑定等功能。
    • <script src="js/data.js"></script> 引入数据相关的 JavaScript 文件,可能用于获取、处理和展示页面所需的数据。
    • <script src="js/beihai.js"></script> 引入与北海相关的 JavaScript 文件,可能用于处理与北海区域相关的业务逻辑。

主体(<body>)部分

  1. 底层背景动画
    • <div id="animations"> 包含多个类名为 animation 的 <div>,每个 animation 内部又有多个类名为 animate 的 <div>。通过这些元素设置了底层的背景动画效果,可能是为了增加页面的视觉吸引力,但动画具体效果依赖于 index.css 中的样式定义。
  2. 显示屏头部(#head
    • 时间日期<div class="getDate"> 内包含 id 为 timeweek 和 year 的 <span>,用于显示时间、星期和日期,目前显示的是固定内容 “09:00:00” 和 “2018-07-28”,实际应用中可能会通过 JavaScript 动态获取和更新。
    • 天气状况<div class="weather"> 包含显示天气、温度、空气质量和状态的 <span>,分别为 id 为 skytemperaturair 和 state,同样可能需要通过数据接口获取实时天气信息。
    • 大标题<h1> 南方草牧商品交易所</h1> 显示页面的大标题。
  3. 显示屏中间(#body
    • 左侧区域(.bodyLeft
      • 产品挂牌数模块:包含 “各区域产品挂牌数” 的标题,以及一个 id 为 guapai 的 <div>,可能用于展示产品挂牌的相关数据,还有一个用于添加数据的按钮(class 为 add,点击触发 Show 函数)。
      • 数据中心模块class 为 dataCenter 的 <div> 内有一个空的 <ul class="Data"></ul>,推测用于展示数据中心的相关数据。
      • 产品挂牌实时监控模块:包含 “今日交割”、“今日挂牌”、“今日冻结” 等信息的展示区域,以及相关的列表元素,用于实时监控产品挂牌的情况。
      • 月成交量模块:展示月成交总量,通过 <ul id="cp"> 列出了各个月份的成交数据,每个月份的 <li> 内有 <p> 和 <i> 元素,目前没有实际数据填充。
    • 中间区域(.bodyMiddle
      • 包含 “牧草产能区域分布” 的标题,以及导航栏(<div class="navbar">),有 “全国分布”、“北海区域”、“大盘走势” 几个选项。
      • 有多个 id 为 map 的 <div>,分别用于展示中国地图、北海地图和大盘走势的相关内容,具体地图和走势展示依赖于引入的 JavaScript 文件(如 china.js)和 Echarts 图表的配置。
      • 还有一个 id 为 sun 的 <div>,可能用于设置地图下面的亮光动画效果。
    • 右侧区域(.bodyRight
      • 成交订单实时动态模块:展示成交订单实时动态,包含草牧、猪、牛、羊板块的导航栏,以及成交订单号、产品名称、数量、成交时间、订单状态等信息的展示区域,还有一个滚动消息提示区域(class 为 call 的 <div>)。
      • 挂牌产品价格动态折线图模块id 为 jiagezoushi 的 <div> 用于展示挂牌产品价格动态折线图,具体图表内容依赖于 Echarts 的配置和数据填充。
  4. 显示屏底部(#foot
    • 挂牌会员实时监控模块:展示今日入驻申请会员数量、入驻动态、今日申请实名会员数量、今日通过实名认证会员数量等信息,通过不同的 id 为 yibiao 的 <div> 和 <ul> 元素进行展示。
    • 北海市猪链网动态模块id 为 jiage 的 <div> 用于展示北海市猪链网动态,具体内容未明确。
    • 交易大厅实时监控模块:展示各板块成交量(草木、猪联网、牛联网、羊联网),通过不同的 <div class="CJL"> 和 <ul class="fangkuai"> 展示,还有一个 id 为 CJpie 的 <div> 可能用于展示成交量的饼图。
    • 成交量实时监控模块:展示平均单笔成交时间和成交量,id 为 timebar 的 <div> 内有平均成交时间的刻度轴相关元素,id 为 cjliang 的 <div> 可能用于展示成交量的图表。
  5. 遮罩层(.mask:包含一个空的 class 为 maskContent 的 <div>,可能用于在某些操作(如弹出框)时显示遮罩效果。

脚本部分

  1. 引入了 js/index.js 脚本文件,由于未看到该文件内容,不清楚具体功能,但可能用于初始化页面、处理页面的交互事件(如按钮点击事件)、更新数据展示等。
  2. 页面中存在多个元素的点击事件绑定(如 class 为 add 的按钮点击触发 Show 函数),Show 函数的具体实现未在当前代码中展示,可能在引入的脚本文件中。

代码框架

完整代码

<!doctype html>
<html lang="en">
<head><meta charset="UTF-8"><title>10号</title><!-- <meta http-equiv=refresh content="1"> --><link rel="stylesheet" href="cs/index.css"><script src="js/jquery.js"></script><script src="js/echarts.min.js"></script><script src="js/can.js"></script><script src="js/china.js"></script><script src="js/vue.js"></script><script src="js/data.js"></script><script src="js/beihai.js"></script>			
</head>
<body><div class="content"><!-- 底层背景动画-开始 --><div id="animations"><div class="animation animation1"><div class="animate1"></div><div class="animate2"></div><div class="animate3"></div></div><div class="animation animation2"><div class="animate1"></div><div class="animate2"></div><div class="animate3"></div></div><div class="animation animation3 fanzhuan"><div class="animate1"></div><div class="animate2"></div><div class="animate3"></div></div><div class="animation animation4"><div class="animate1"></div><div class="animate2"></div><div class="animate3"></div></div><div class="animation animation5 fanzhuan"><div class="animate1"></div><div class="animate2"></div><div class="animate3"></div></div><div class="animation animation6"><div class="animate1"></div><div class="animate2"></div><div class="animate3"></div></div><div class="animation animation7 fanzhuan"><div class="animate1"></div><div class="animate2"></div><div class="animate3"></div></div><div class="animation animation8"><div class="animate1"></div><div class="animate2"></div><div class="animate3"></div></div><div class="animation animation9 fanzhuan"><div class="animate1"></div><div class="animate2"></div><div class="animate3"></div></div><div class="animation animation10"><div class="animate1"></div><div class="animate2"></div><div class="animate3"></div></div></div><!-- 底层背景动画-开始 --><!-- 显示屏头部开始 --><div id="head"><!-- 时间日期 --><div class="getDate"><span id="time">09:00:00</span><span id="week">星期三</span><span id="year">2018-07-28</span></div><!-- 天气状况 --><div class="weather"><span id="sky">多云</span><span id="temperatur">35~28度</span><span id="air">空气质量</span><span id="state">优</span></div><!-- 大标题 --><h1> 南方草牧商品交易所</h1></div><!-- 显示屏头部结束 -->	<!-- 显示屏中间-开始--><div id="body"><div class="bodyLeft rel"><div class="bodyLeftTop"><div class="childtitle"><h2>各区域产品挂牌数</h2></div><div class="add" onclick="Show(this,'bodyLeft',2.8,'before')">+</div><!-- 数据中心-开始 --><div class="dataCenter clear"><ul class="Data"></ul></div><!-- 数据中心-开始 --><div id="guapai" class="guapai"></div><!-- 产品挂牌实时监控-开始 --><div class="yuyue"><div class="yuyuejiankong"><div id="left-top-right" class="bodyLeftTopGPZB"><div class="GPZB"><ul></ul><p>今日交割<span></span></p></div><div class="GPZB"><ul></ul><p>今日挂牌<span></span></p></div><div class="GPZB"><ul></ul><p>今日冻结<span></span></p></div></div><div id="left-top-right-circle" class="left-top-right-circle"></div></div></div><!-- 产品挂牌实时监控-结束 --></div><div class="bodyLeftBottom rel"><div class="add" onclick="Show(this,'bodyLeft',2.8,'after')">+</div><div class="bodyLeftBottomLeft"><div class="childtitle"><h2>当前成交总量</h2></div><div id="left-bottom"></div></div><!-- 月成交量-开始 --><div class="bodyLeftBottomRight rel"><div class="childtitle"><h2>月成交总量</h2></div><div class="t-right" ><ul id="cp"><li class="line"></li><li><span>一月</span><div><p><i></i><span></span></p></div></li><li><span>二月</span><div><p><i></i><span></span></p></div></li><li><span>三月</span><div><p><i></i><span></span></p></div></li><li><span>四月</span><div><p><i></i><span></span></p></div></li><li><span>五月</span><div><p><i></i><span></span></p></div></li><li><span>六月</span><div><p><i></i><span></span></p></div></li><li><span>七月</span><div><p class="active"><i></i><span></span></p></div></li><li><span>八月</span><div><p><i></i><span></span></p></div></li><li><span>九月</span><div><p><i></i><span></span></p></div></li><li><span>十月</span><div><p><i></i><span></span></p></div></li>	<li><span>十一月</span><div><p><i></i><span></span></p></div></li><li><span>十二月</span><div><p><i></i><span></span></p></div></li>	</ul></div>						</div><!-- 月成交量-结束 --></div></div><div class="bodyMiddle rel"><div class="bodyMiddleChild"><div class="add" onclick="Show(this,'bodyMiddle',1.8,'after')">+</div><div class="childtitle"><h2>牧草产能区域分布</h2></div><div class="navbar"><span class="active">全国分布</span><span>北海区域</span><span>大盘走势</span></div><!-- 分布区域-开始 --><div class="mapmain"><!-- 牧草产能区域分布数据-开始 --><div><ul id="list"></ul></div><!-- 牧草产能区域分布数据-开始 --><!-- 中国地图-开始 --><div class="map" id="map"></div><!-- 中国地图-结束 --><!-- 北海地图-开始 --><div class="map" id="map1"></div><!-- 北海地图-结束 --><!-- 大盘走势-开始 --><div class="map" id="map2"></div><!-- 大盘走势-结束 --></div><!-- 分布区域-结束 --><!-- 地图下面亮光动画-开始 --><div id="sun"></div><!-- 地图下面亮光动画-结束 --></div></div><div class="bodyRight"><!-- 成交量实时动态滚动-开始 --><div class="bodyRightTop rel"><div class="childtitle"><h2>成交订单实时动态</h2></div><div class="navbar"><span>草牧板块</span><span class="active">猪板块</span><span>牛板块</span><span>羊板块</span></div><div class="add" onclick="Show(this,'bodyRight',2.8,'before')">+</div><div class="bodyRightTopBG"><div class="default"><span class="num">成交订单号</span><span class="name">产品名称</span><span class="time">数量</span><span class="status">估重/规格</span><span>成交时间</span><span>订单状态</span></div><!-- 成交订单数据-开始 --><div class="liushuihaoul clear"><ul class="moveul"></ul></div><!-- 成交订单数据-结束 --><!-- 下方消息提示滚动-开始 --><div class="call"><ul class="moveul"></ul></div><!-- 下方消息提示滚动-结束 --></div>					</div><!-- 成交量实时动态滚动-结束 --><!-- 挂牌产品价格动态折线图-开始 --><div class="bodyRightBottom rel"><div class="childtitle"><h2>挂牌产品价格动态</h2></div><div class="add" onclick="Show(this,'bodyRight',2.8,'after')">+</div>	<div id="jiagezoushi"></div>			</div><!-- 挂牌产品价格动态折线图-结束 --></div></div><!-- 显示屏中间-结束 --><!-- 显示屏底部-开始-->		<div id="foot"><!-- 挂牌会员实时监控-开始 --><div class="footparent0"><div class="footChild"><div class="childtitle"><h2>挂牌会员实时监控</h2></div><div class="add" onclick="Show(this,'footparent0',2.8,'after')">+</div><!-- 今日入驻申请会员数量-开始 --><div class="huiYuanLst"><div class="yibiao" id="yibiao1"></div>	<div class="huiyuan"><ul  class="fangkuai"></ul><span></span><p>今日入驻申请会员数量</p></div></div><!-- 今日入驻申请会员数量-结束 --><!-- 入驻动态-开始 --><div class="huiYuanLst"><span class="ruzhustatus">(入驻动态)</span><div class="contgundong"><ul class="moveul"></ul></div></div><!-- 入驻动态-结束 --><!-- 今日申请实名会员数量-开始 --><div class="huiYuanLst huiYuanLst3"><div class="yibiao" id="yibiao2"></div>	<div class="huiyuan"><ul  class="fangkuai"></ul><span></span><p>今日申请实名会员数量</p></div></div><!-- 今日申请实名会员数量-结束 --><!-- 今日通过实名认证会员数量-开始 --><div class="huiYuanLst"><div class="yibiao" id="yibiao3"></div>	<div class="huiyuan"><ul class="fangkuai"></ul><span></span><p>今日通过实名认证申请会员数量</p></div></div><!-- 今日通过实名认证会员数量-结束 --></div></div><!-- 挂牌会员实时监控-结束 --><!-- 北海市猪链网动态-开始 --><div class="footparent1"><div class="footChild"><div class="childtitle"><h2>北海市猪链网动态</h2></div><div class="add" onclick="Show(this,'footparent1',2.8,'after')">+</div><div id="jiage"></div></div></div><!-- 北海市猪链网动态-结束 --><!-- 交易大厅实时监控-开始 --><div class="footparent2"><div class="footChild"><div class="childtitle"><h2>交易大厅实时监控</h2></div><div class="add" onclick="Show(this,'footparent2',2.8,'after')">+</div><!-- 各板块成交量格子动画-开始 --><div class="chengjiaoliang"><div class="CJL clear"><p></p><span>草木板块成交量</span><ul class="fangkuai"></ul></div><div class="CJL clear"><p></p><span>猪联网成交量</span><ul class="fangkuai"></ul></div><div class="CJL clear"><p></p><span>牛联网成交量</span><ul class="fangkuai"></ul></div><div class="CJL clear"><p></p><span>羊联网成交量</span><ul class="fangkuai"></ul></div>	</div><!-- 各板块成交量格子动画-开始 --><div id="CJpie"></div>	</div></div><!-- 交易大厅实时监控-结束 --><!-- 成交量实时监控-开始 --><div class="footparent3"><div class="footChild"><div class="childtitle"><h2>成交量实时监控</h2></div><div class="add" onclick="Show(this,'footparent3',2.8,'after')">+</div><!-- 平均成交时间刻度轴-开始 --><div id="timebar"><span id="pjtime">平均单笔成交时间:</span><ul class="kedu clear"></ul><div class="kuang"><div class="tianchong"></div></div></div><!-- 平均成交时间刻度轴-开始 --><div id="cjliang"></div></div></div><!-- 成交量实时监控-结束 --></div>	<!-- 显示屏底部-结束 -->	<div class="mask"><div class="maskContent"></div></div></div>
</body>
</html>
<script src="js/index.js"></script>

效果展示

代码连接

big-data-view-master.zip资源-CSDN文库https://download.csdn.net/download/weixin_66547608/90796765?spm=1001.2014.3001.5503

相关文章:

数据可视化大屏——南方草牧商品交易所

代码综述 整体结构与用途 这是一段用于构建网页的 HTML 代码&#xff0c;结合引入的 JavaScript 和 CSS 文件&#xff0c;初步推测该网页是南方草牧商品交易所的相关页面&#xff0c;主要展示了与草牧商品交易相关的各类数据&#xff0c;包括产品挂牌数、成交量、会员信息等&…...

AIGC与数字媒体实验室解决方案分享

第1部分 概述 1.1 建设目标 1.深度融合AIGC技术&#xff0c;培养能够驾驭新质生产力的数字媒体人才 通过引入前沿的AIGC技术&#xff0c;确保学生能够接触到最先进的人工智能应用。教学内容理论和实践结合&#xff0c;让学生在实际操作中熟练掌握AIGC工具&#xff0c;生成高…...

Qwen3模型架构、训练方法梳理

qwen3炼丹真是全是技巧&#xff0c;下面来看看&#xff0c;仅供参考。 https://huggingface.co/Qwen https://modelscope.cn/organization/qwen https://github.com/QwenLM/Qwen3 模型架构 Dense 模型结构改进&#xff1a; GQA、SwiGLU、RoPE、RMSNorm with pre-normalization…...

MySQL 学习(九)bin log 与 redo log 的区别有哪些,为什么快速恢复使用 redo log 而不用 bin log?

目录 一、bin log 与 redo log 的区别1&#xff09;实现方式不同&#xff1a;2&#xff09;日志内容不同&#xff1a;3&#xff09;记录方式不同&#xff1a;4&#xff09;使用场合不同&#xff1a; 二、为什么快速恢复使用 redo log 而不用 bin log&#xff1f; 面试题&#x…...

【消息队列】RabbitMQ基本认识

目录 一、基本概念 1. 生产者&#xff08;Producer&#xff09; 2. 消费者&#xff08;Consumer&#xff09; 3. 队列&#xff08;Queue&#xff09; 4. 交换器&#xff08;Exchange&#xff09; 5. 绑定&#xff08;Binding&#xff09; 6. 路由键&#xff08;Routing …...

RabbitMQ 快速上手:安装配置与 HelloWorld 实践(二)

四、RabbitMQ 配置 4.1 用户及权限管理 在 RabbitMQ 中&#xff0c;用户管理是保障系统安全和正常运行的重要环节。通过合理的用户及权限设置&#xff0c;可以确保不同的应用或服务在使用 RabbitMQ 时&#xff0c;只能访问其被授权的资源&#xff0c;避免非法操作和数据泄露。…...

蓝桥杯 17. 修改数组

修改数组 原题目链接 题目描述 给定一个长度为 N 的数组 A [A1, A2, …, AN]&#xff0c;数组中可能包含重复的整数。 现在小明要按以下方法将其修改为没有重复整数的数组&#xff1a; 小明会依次修改 A2, A3, …, AN。 当修改 Ai 时&#xff0c;小明会检查 Ai 是否在 A…...

Redis内存淘汰策略和过期键删除策略有哪些?

Redis 提供 8 种内存淘汰策略&#xff0c;以下是详细解析及场景建议&#xff1a; 一、核心策略解析 noeviction (默认策略) 机制&#xff1a;内存满时拒绝新写入操作&#xff0c;返回错误优势&#xff1a;绝对数据安全场景&#xff1a;金融交易系统、医疗数据存储 allkeys-lr…...

基于 NanoDet 的工厂巡检机器人目标识别系统研究与实现​

摘要​ 本论文旨在设计并实现一个基于 NanoDet 模型的工厂巡检机器人目标识别系统。通过详细阐述数据集准备、模型训练、UI 界面构建以及系统部署的全过程&#xff0c;展示如何利用 NanoDet 模型的高效性和轻量化特点&#xff0c;结合合理的 UI 设计与数据集优化&#xff0c;使…...

深入解析Spring Security:JWT认证与授权实践

深入解析Spring Security&#xff1a;JWT认证与授权实践 引言 在现代Web应用中&#xff0c;安全性是至关重要的。Spring Security作为Spring生态中的安全框架&#xff0c;提供了强大的认证和授权功能。本文将重点介绍如何使用Spring Security结合JWT&#xff08;JSON Web Tok…...

《隐私计算:数据安全与隐私保护的新希望》

一、引言 在数字化时代&#xff0c;数据已成为企业和组织的核心资产。然而&#xff0c;数据的收集、存储和使用过程中面临着诸多隐私和安全挑战。隐私计算作为一种新兴技术&#xff0c;旨在解决数据隐私保护和数据共享之间的矛盾。本文将深入探讨隐私计算的基本概念、技术原理、…...

Elasticsearch索引设计与调优

一、分片策略设计 1.‌分片容量规划 单分片容量建议30GB(日志场景可放宽至100GB),避免超大分片引发查询延迟。分片总数计算公式:总数据量 / 30GB 1.2(20%余量应对未来增长)。主分片数创建后不可修改,副本分片数支持动态调整。2.‌分片分布优化 PUT logs-2025 { &qu…...

什么是im即时通讯?私有化im即时通讯软件优势是什么?

在当前企业高度关注数据主权的背景下&#xff0c;私有化IM即时通讯软件&#xff08;如BeeWorks&#xff09;的部署模式成为企业实现数据自主控制、规避外部风险的核心解决方案。以下是针对企业数据主权诉求的私有化IM软件优势深度解析&#xff1a; 一、数据主权诉求下的私有化I…...

【unity游戏开发——编辑器扩展】EditorWindow自定义unity窗口拓展

注意&#xff1a;考虑到编辑器扩展的内容比较多&#xff0c;我将编辑器扩展的内容分开&#xff0c;并全部整合放在【unity游戏开发——编辑器扩展】专栏里&#xff0c;感兴趣的小伙伴可以前往逐一查看学习。 文章目录 前言一、自定义窗口1、创建窗口类2、创建窗口对象3、显示窗…...

深入理解Java HotSpot中的即时编译

即时编译(Just-In-Time Compilation,简称JIT)是Java虚拟机(JVM)的核心技术之一,通过在运行时将字节码转换为本地机器码,显著提升了Java应用程序的性能。本文基于HotSpot JVM,详细探讨了JIT编译的工作原理、优化技术、日志分析以及最新的编译器发展,旨在帮助开发者更好…...

【教程】Docker方式本地部署Overleaf

转载请注明出处&#xff1a;小锋学长生活大爆炸[xfxuezhagn.cn] 如果本文帮助到了你&#xff0c;欢迎[点赞、收藏、关注]哦~ 目录 背景说明 下载仓库 初始化配置 修改监听IP和端口 自定义网站名称 修改数据存放位置 更换Docker源 更换Docker存储位置 启动Overleaf 创…...

解决docker alpine缺少字体的问题 Could not initialize class sun.awt.X11FontManager

制作的springboot项目镜像&#xff0c;缺少字体报错Could not initialize class sun.awt.X11FontManager 原因镜像中缺少字体 解决&#xff1a; 制作镜像时&#xff0c;添加字体库&#xff0c;Dockerfile文件 中添加如下内容 注意&#xff1a; jdk版本一定要使用&#xff0…...

深度解析智能体:从概念到应用的全方位洞察

在科技日新月异的当下&#xff0c;智能体已从人工智能的前沿概念逐渐走进大众视野&#xff0c;成为备受瞩目的焦点。那么&#xff0c;究竟何为智能体呢&#xff1f; 一、智能体的概念 智能体&#xff0c;简单来讲&#xff0c;可看作是“大模型 超级工具人”的有机融合。它能够…...

python 异步执行多个 python 命令

前提说明&#xff1a; 1. 有N套用 python 爬取客户不同网站上的评论的程序 2. 有一套用 python 将评论出成 Excel 报表的程序 新需求&#xff1a; 做一个总入口&#xff0c;异步同时爬不同网站评论&#xff0c;或同时出不同月份报表&#xff0c;或爬虫做报表同时做的 # -…...

Keil5 MDK 安装教程

## 简介 Keil MDK&#xff08;Microcontroller Development Kit&#xff09;是ARM开发的一款集成开发环境&#xff08;IDE&#xff09;&#xff0c;主要用于ARM Cortex-M系列微控制器的开发。MDK包含了μVision IDE和调试器、ARM C/C编译器、中间件组件等工具。本教程将指导您完…...

Doris与ClickHouse深度比较

一、核心架构差异 分布式管理 Doris 采用 FE&#xff08;前端&#xff09;与 BE&#xff08;后端&#xff09;分离的 MPP 架构&#xff0c;FE 负责元数据管理和查询规划&#xff0c;BE 处理存储与计算&#xff0c;支持自动扩缩容和故障恢复。这种设计简化了集群管理&#xff0c…...

插入排序希尔排序

插入排序&希尔排序 插入排序&#xff1a;将数据整体当做一组&#xff0c;从头开始遍历&#xff0c;确保遍历完的子序列都是有序的&#xff1b; 希尔排序&#xff1a;基于插入排序&#xff0c;增加新的分组思想&#xff0c;对数据进行分组的插入排序。 平均时间复杂度、最快…...

windows文件共享另一台电脑资源管理器网络文件夹无法找到机器

找不到共享出来的文件夹 1 网络问题,明确两台机器是否同一局域网 2 明确两台机器在本地所选的网络类型是专用网络,还是公共网络,对应的防火墙是否关闭 3 smb协议没有启用 4 以上都设置完毕还是无法找到机器,使用ip访问 在资源管理器地址栏输入 \\<对方IP>&#xff08;…...

K8S Ingress 实现金丝雀(灰度)发布

假设有如下三个节点的 K8S 集群&#xff1a; ​ k8s31master 是控制节点 k8s31node1、k8s31node2 是工作节点 容器运行时是 containerd 一、场景分析 阅读本文&#xff0c;默认您已经安装了 Ingress Nginx。 1&#xff09;A/B 测试 A/B 测试基于用户请求的元信息将流量路由…...

Python笔记:在环境变量中增加了dll加载路径,python提示DLL加载失败

在环境变量中增加了dll加载路径&#xff0c;python提示DLL加载失败 1.问题描述 from PySide2 import QtCore 提示如下错误 ImportError: DLL load failed while importing QtCore: 找不到指定的模块。 2.问题原因 在Python3.8文档中的What’s New In Python 3.8找到如下说明…...

WinFrom 使用 LiveCharts 实现动态折线图

上方是Winfrom使用LiveCharts 插件实现的动态折线图&#xff0c;下面是实现步骤。 一、创建新项目 我这里使用的是.Net Framework4.6.1版本 二、添加引用包 这样就代表安装完成了 三、引用控件 四、逻辑代码 using LiveCharts.Defaults; using LiveCharts.Wpf; using Syst…...

Deep Learning(手写字识别 - CNN)

Deep Learning&#xff08;手写字识别&#xff09; 数据集&#xff08;MNIST&#xff09;基于 PyTorch 深度学习框架使用 CNN 算法进行手写字识别案例参考教程 数据集&#xff08;MNIST&#xff09; 数据集 Github 官网&#xff08;注&#xff1a;不知为何官网无法直接下载数据…...

HDD 安全擦除:何时以及如何在 Windows PC 上安全擦除硬盘

HDD 安全擦除是一种从硬盘驱动器 (HDD) 中永久删除所有数据的方法&#xff0c;其方式几乎无法恢复。那么&#xff0c;什么时候需要在 Windows 11/10/8/7 上安全擦除硬盘驱动器&#xff1f;如何安全地擦除硬盘驱动器&#xff1f;幸运的是&#xff0c;所有的答案都在本指南中。继…...

【PostgreSQL数据分析实战:从数据清洗到可视化全流程】附录-B. 错误代码与解决方案

&#x1f449; 点击关注不迷路 &#x1f449; 点击关注不迷路 &#x1f449; 点击关注不迷路 文章大纲 附录B. PostgreSQL错误代码与解决方案速查表一、错误代码分类速查表二、常见错误代码详解三、错误排查方法论四、错误预防最佳实践五、典型错误场景解决方案六、官方资源与工…...

3DMAX脚本病毒Spy CA查杀方法

什么是Spy CA病毒&#xff1f; Spy CA是一种新型病毒&#xff0c;可以与从在线资源或3D商店下载的第三方3D模型一起下载该病毒。 该病毒是一种Maxscript代码&#xff0c;写入对象的自定义属性&#xff0c;并在打开场景、合并模型或操纵对象时执行。 通过对带有该病毒的场景做…...

联排半孔PCB如何进行SMT贴片?

在印刷电路板业务中&#xff0c;有两种将元件安装到电路板上的主要方法:联排半孔安装和表面安装。联排半孔安装是较老的技术&#xff0c;要求电路板制造商在PCB上钻孔并将引线插入孔中。最近&#xff0c;表面安装技术已经接管了该领域。 联排半孔元件 联排半孔元件有两种引线&a…...

CSS Grid布局:从入门到实战

CSS Grid布局&#xff1a;从入门到实战 一、初识Grid布局 还在为网页布局发愁吗&#xff1f;Flexbox虽然好用&#xff0c;但当遇到复杂布局时&#xff0c;CSS Grid才是真正的王者。Grid布局是CSS中最强大的二维布局系统&#xff0c;它就像一张无形的网格纸&#xff0c;让我们…...

小说所有设定(v3.0 preview)

设定以json格式提供&#xff1a; {"2y": {"2y_jsl": {"精神力的具体能力": {"学习能力组": {"瞬间掌握知识": "可以瞬间掌握所有知识&#xff0c;无需传统学习过程。","直接读取信息": "能直接…...

主题切换方案

方案一 CSS :root 选择器匹配文档的根元素。在 HTML 文档中&#xff0c;根元素就是 <html> 标签 1、定义颜色变量 可在公共样式文件里面定义 :root {--primary-color: #007bff; //定义颜色变量 } 2、使用 JavaScript 修改 CSS 变量 document.documentElement.styl…...

一个日志量突增的问题分析处理经历

问题描述 周一早上&#xff0c;还是和往常一样的巡检。通过告警日志&#xff0c;发现了生产区集群上的一个实例周末出现了异常。 图片 1 Alert_With_Checkpoint_log 如图&#xff0c;周六下午15时开始&#xff0c;数据库在线联机日志组疯狂切换&#xff0c;检查点发生的频率也…...

C#中的dynamic与var:看似相似却迥然不同

在C#编程的世界里&#xff0c;var和dynamic这两个关键字常常让初学者感到困惑。它们看起来都在定义变量时省略了显式类型声明&#xff0c;但实际上它们的工作方式和应用场景有着天壤之别。今天&#xff0c;让我们一起揭开这两个关键字的神秘面纱。 var&#xff1a;编译时的类型…...

VS Code 新旧版本 Remote-SSH 内网离线连接服务器方法(版本 ≤ 1.78.x 及 ≥ 1.79.0)

文章目录 前言版本概览目录结构模型迭代 旧版&#xff08;版本 ≤ 1.78.x&#xff09;离线部署流程1. 问题描述2. 原理说明3. 离线部署步骤 新版&#xff08;版本 ≥ 1.79.0&#xff09;离线部署流程1. 目录结构变化2. 全局设置调整3. 离线部署步骤 常见问题 & 排查总结与建…...

【unity游戏开发——编辑器扩展】使用EditorGUI的EditorGUILayout绘制工具类在自定义编辑器窗口绘制各种UI控件

注意&#xff1a;考虑到编辑器扩展的内容比较多&#xff0c;我将编辑器扩展的内容分开&#xff0c;并全部整合放在【unity游戏开发——编辑器扩展】专栏里&#xff0c;感兴趣的小伙伴可以前往逐一查看学习。 文章目录 前言常用的EditorGUILayout控件专栏推荐完结 前言 EditorG…...

310. 最小高度树

题目 树是一个无向图&#xff0c;其中任何两个顶点只通过一条路径连接。 换句话说&#xff0c;任何一个没有简单环路的连通图都是一棵树。 给你一棵包含 n 个节点的树&#xff0c;标记为 0 到 n - 1 。给定数字 n 和一个有 n - 1 条无向边的 edges 列表&#xff08;每一个边都…...

SpringBoot中配置绑定到bean中

一、回顾value注解 SpringBoot中我们该如何将applicaton.properties中的数据绑定到bean中呢&#xff1f;在之间我们是可以通过value注解&#xff0c;在SpringBoot自动启动后&#xff0c;会自动的去相应的路径中去寻找applicaton.properties配置文件&#xff0c;然后将相应的值…...

Linux下的c/c++开发之操作Redis数据库

C/C 操作 Redis 的常用库 在 C/C 开发中操作 Redis 有多种方式&#xff0c;最主流的选择是使用第三方客户端库。由于 Redis 官方本身是使用 C 编写的&#xff0c;提供的 API 非常适合 C/C 调用。常见的 Redis C/C 客户端库包括&#xff1a; hiredis&#xff1a;官方推荐的轻量…...

通过SMTP协议实现Linux邮件发送配置指南

一、环境准备与基础配置 1. SMTP服务开通&#xff08;以qq邮箱为例&#xff09; 登录qq邮箱网页端&#xff0c;进入「设置」-「POP3/SMTP/IMAP」 开启「SMTP服务」并获取16位授权码&#xff08;替代邮箱密码使用&#xff09; 记录关键参数&#xff1a; SMTP服务器地址&#…...

数学复习笔记 8

前言 成为一个没有感情的刷题机器就可以变得很强了。 逆矩阵的运算 随便算一下就算出来了&#xff0c;没啥难的。主要是用天然可交换的矩阵来算。有三个天然可交换的矩阵&#xff0c;某矩阵和单位阵&#xff0c;该矩阵和它的伴随矩阵&#xff0c;该矩阵和它的逆矩阵。一定要…...

【证书与信任机制​】自签名证书的风险与适用场景​​

关于 自签名证书的风险与适用场景 的详细解析&#xff0c;以及在内网测试中安全使用自签名证书的实践指南&#xff1a; 一、自签名证书的核心风险 1. 信任缺失与安全警告 • 浏览器/操作系统不信任&#xff1a;自签名证书未被权威CA签发&#xff0c;客户端默认视为“不安全”&a…...

[python] Python单例模式:__new__与线程安全解析

一 实例的创建过程 我们之前了解过在构造一个类的实例化对象时,会默认调用__init__方法&#xff0c;也就是类的初始化也叫构造函数&#xff0c;但其实在调用__init__方法前会首先调用__new__方法&#xff08;只有在py3新式类才有&#xff09;。即下面 __new__(): 创建实例 作…...

【SSL证书系列】操作系统如何保障根证书的有效性和安全

操作系统通过多层次的安全机制和技术手段保障根证书的有效性和安全性&#xff0c;防止篡改、伪造或滥用。以下是核心保障措施&#xff1a; 1. 根证书的存储与隔离 • 受保护的存储区域 根证书存储在操作系统的受信任根证书存储区&#xff08;如Windows的“受信任的根证书颁发机…...

毕业论文,如何区分研究内容和研究方法?

这个问题问得太好了&#xff01;&#x1f60e; “研究内容”和“研究方法”经常被初学者&#xff08;甚至一些老油条&#xff09;混淆&#xff0c;尤其写论文开题报告时&#xff0c;一不小心就“内容”和“方法”全混在一块儿&#xff0c;连导师都看懵。 今天就来给大家一文讲…...

《Effective Python》第2章 字符串和切片操作——深入理解 Python 中 __repr__ 与 __str__

引言 本文基于学习《Effective Python》第三版 Chapter 2: Strings and Slicing 中的 Item 12: Understand the Difference Between repr and str When Printing Objects 后的总结与延伸。在 Python 中&#xff0c;__repr__ 和 __str__ 是两个与对象打印密切相关的魔术方法&am…...

C及C++的SOAP协议库

一.gSOAP gSOAP 是一个功能强大的开源工具包&#xff0c;专为 C 和 C 设计&#xff0c;用于快速开发基于 SOAP 协议的 Web 服务和客户端。 1.协议支持 SOAP 版本&#xff1a;完整支持 SOAP 1.1/1.2 规范&#xff0c;包括消息格式、编码规则和错误处理。 传输协议&#xff1a…...

推荐一个Winform开源的UI工具包

从零学习构建一个完整的系统 推荐一个开源、免费的适合.NET WinForms 控件的套件。 项目简介 Krypton是一套开源的.Net组件&#xff0c;用于快速构建具有丰富UI交互的WinForms应用程序。 丰富的UI控件&#xff0c;提供了48个基础控件&#xff0c;如按钮、文本框、标签、下拉…...