Vue+ElementUI+C#技巧分享：周数选择器

文章目录

  • 前言
  • 一、周数的计算逻辑
    • 1.1 周数的定义
    • 1.2 年初周数的确定
    • 1.3 周数的计算方法
  • 二、Vue+ElementUI代码实现
    • 2.1 计算周数
    • 2.2 获取周的日期范围
    • 2.3 根据周数获取日期范围
    • 2.4 控件引用
      • 2.4.1 控件引用代码分析
      • 2.4.2 初始化变量代码分析
    • 2.5 周数选择器完整代码
  • 三、C#后端代码实现
    • 3.1 类实现
    • 3.1 静态方法实现
  • 总结

前言

Vue.js和ElementUI的结合使用已成为创建高效、美观和用户友好的Web应用的一种流行方式。特别是在处理复杂的用户界面和交互时，这种组合展现出其独特的优势。这篇博客旨在深入探讨如何利用Vue和ElementUI来构建一个实用的周数选择器。
周数选择器
周数选择器在很多类型的应用程序中都非常重要，尤其是在需要日期管理的系统中，如日历应用、项目管理工具或报告系统。正确地理解和计算周数对于确保数据的准确性和用户界面的一致性至关重要。然而，由于不同地区和标准对周的定义存在差异，开发这样的功能可能会带来挑战。

为了克服这些挑战并提供一个有效的解决方案，本博客首先从理论出发，详细介绍了周数的计算逻辑，特别是依据国际标准ISO 8601的定义。接着，我们深入到具体的代码实现，展示了如何在Vue和ElementUI框架下实现这一功能。

通过这篇博客，无论是对Vue和ElementUI初学者还是有经验的开发者，都能学到如何实现周数选择器这一具体功能，同时也能对如何在Vue中构建和管理复杂UI组件有更深入的理解。希望这篇博客能成为在Vue和ElementUI应用开发旅程中的宝贵资源。

一、周数的计算逻辑

在本章中，我们将探讨周数的计算逻辑，特别是以周一作为每周的起始日。

1.1 周数的定义

根据国际标准ISO 8601，一年的周数通常是从周一开始计算的。一周的第一天是周一，最后一天是周日。这种计算方式在欧洲和其他一些地区非常常见。

ISO 8601标准广泛应用于国际贸易、通信和其他领域，因为它提供了一种统一的日期和时间表示方法，有助于减少跨国交流中的混淆和误解。在开发支持多国用户的应用程序时，遵循这一标准尤为重要。

1.2 年初周数的确定

年初的周数计算较为特殊。如果1月1日恰好是周一，则该日即为第一周的开始。如果1月1日是周二至周日之间的任何一天，则该周属于上一年的最后一周，新的一年的第一周将从下一个周一开始。

具体来说，基于国际标准ISO 8601，一年中的第一周必须包含该年的1月4日。这实际上意味着如果1月1日至1月4日之间的任何一天是周一至周四，则这一周被视为当年的第一周。

这种计算方式的逻辑基础如下：

  • 包含1月4日的周为第一周：由于1月4日最晚只可能是一年中第一个星期四，因此保证了这一周至少有四天属于新的一年。这样做的目的是为了确保每年的第一周至少包括四天。
  • 年初的周数处理：如果1月1日是周五、周六或周日，则该周被计为上一年的最后一周。因为在这种情况下，该周中大部分或所有天数都属于上一年。

1.3 周数的计算方法

周数的计算可以通过以下步骤实现：

  1. 确定年份的第一天：首先，确定当前年份的第一天（1月1日）是星期几。

  2. 计算首周偏移量：如果1月1日不是周一，则需要计算出距离下一个周一还有几天。这将决定第一周的长度。

  3. 累加周数：从年初开始，根据每周七天的规则，累加周数。特别注意跨年和闰年的情况，这可能会影响总周数。

  4. 处理年末的周数：在年末，最后一周可能不会完整。如果12月31日不是周日，则该周的剩余天数将计入新的一年。

二、Vue+ElementUI代码实现

2.1 计算周数

这个方法用于计算给定日期所在的周数。它是整个周数选择器功能的核心。

getWeekNumber (date) {var yearStart = new Date(date.getFullYear(), 0, 1)var januaryFirstDayOfWeek = yearStart.getDay() === 0 ? 6 : yearStart.getDay() - 1 // 将周日从0转换为7var firstMonday = new Date(yearStart)if (januaryFirstDayOfWeek <= 3) {// 如果1月1日至1月4日之间为周一至周四，则该周为第一周firstMonday.setDate(yearStart.getDate() - januaryFirstDayOfWeek)} else {// 否则，下周一为第一周的开始firstMonday.setDate(yearStart.getDate() + 7 - januaryFirstDayOfWeek)}var dayCount = Math.ceil((date - firstMonday) / (24 * 3600 * 1000))return Math.ceil(dayCount / 7)},

  • 参数：date（Date对象，表示需要计算周数的日期）

  • 逻辑：

    • 计算年份开始时的日期（1月1日）和它是周几。
    • 如果1月1日是周一至周四之间，那么该周被视为第一周。否则，第一周从下一个周一开始。
    • 根据这个逻辑，计算出给定日期所在的周数。

  • 实现细节：

    • yearStart获取年份的第一天。
    • januaryFirstDayOfWeek变量调整周日的表示方法，以符合ISO 8601标准。
    • firstMonday确定第一周的周一日期。
    • 最后，计算并返回给定日期的周数。

2.2 获取周的日期范围

getWeekDateRange (date) {// 计算当前日期是周几，ISO周从周一开始var currentDay = date.getDay()var distanceToMonday = currentDay === 0 ? 6 : currentDay - 1// 计算当前周的周一和周日var monday = new Date(date)monday.setDate(date.getDate() - distanceToMonday)var sunday = new Date(monday)sunday.setDate(monday.getDate() + 6)// 格式化日期为 yyyy-MM-ddvar format = (d) => d.toISOString().split('T')[0]return [format(monday), format(sunday)]
},

这个方法用于计算给定日期所在周的起始和结束日期。

  • 参数：date（Date对象，表示当前日期）

  • 逻辑：

    • 计算当前日期是周几，然后找到当前周的周一和周日。
    • 返回这一周的日期范围。

  • 实现细节：

    • 使用currentDay和distanceToMonday计算周一的日期。
    • 计算出当前周的周一和周日的日期。
    • 返回格式化后的日期范围。

2.3 根据周数获取日期范围

getWeekDateRangeByWeekNumber (weekNumber, year) {var januaryFirst = new Date(year, 0, 1)var januaryFirstDayOfWeek = januaryFirst.getDay() === 0 ? 6 : januaryFirst.getDay() - 1 // 将周日从0转换为7var firstMonday = new Date(januaryFirst)if (januaryFirstDayOfWeek <= 3) {// 如果1月1日至1月4日之间为周一至周四，则该周为第一周firstMonday.setDate(januaryFirst.getDate() - januaryFirstDayOfWeek + 1)} else {// 否则，下周一为第一周的开始firstMonday.setDate(januaryFirst.getDate() + 8 - januaryFirstDayOfWeek)}var weekStart = new Date(firstMonday)weekStart.setDate(firstMonday.getDate() + (weekNumber - 1) * 7)var weekEnd = new Date(weekStart)weekEnd.setDate(weekStart.getDate() + 6)// 格式化日期为 yyyy-MM-ddvar format = (d) => d.toISOString().split('T')[0]return [format(weekStart), format(weekEnd)]
}

这个方法根据给定的周数和年份，计算出那一周的起始和结束日期。

  • 参数：weekNumber（周数），year（年份）

  • 逻辑：

    • 首先确定该年份的第一周的起始日（周一）。
    • 然后根据给定的周数计算出那一周的起始和结束日期。

  • 实现细节：

    • 与getWeekNumber类似，先确定年份的第一周的周一。
    • 使用给定的周数，计算出那一周的起始日期。
    • 计算并返回该周的起始和结束日期。

2.4 控件引用

在这个部分，我们将讨论如何在Vue应用中引入和使用一个自定义的WeekSelector组件，这是一个周数选择控件。以下是控件的引用和初始化过程的解析。

2.4.1 控件引用代码分析

  1. 组件标签引用：

    <WeekSelector v-else-if="column.searchType==='weekselector'":model.sync="searchElement[column.prop]"></WeekSelector>
    • 这段代码演示了如何在模板中使用WeekSelector组件。
    • 使用v-else-if指令来条件渲染WeekSelector组件，条件是某个列的searchType属性为'weekselector'。
    • :model.sync是一个同步属性，它将searchElement[column.prop]的值与WeekSelector组件的model属性绑定。这意味着当model属性在组件内部变化时，searchElement[column.prop]也会相应更新。

  2. 组件导入：

    import WeekSelector from './WeekSelector'
    • 这行代码从WeekSelector文件中导入WeekSelector组件。

  3. 在Vue实例中注册组件：

    components: {// 其他代码WeekSelector
}
    • 这段代码在当前Vue实例的components选项中注册WeekSelector组件，使其在当前实例的模板中可用。

2.4.2 初始化变量代码分析

初始化的主要作用是抑制Vue警告

[Vue warn]: Invalid prop: type check failed for prop "model". Expected Number with value 0, got String with value "".

this.tabInfo = this.tab
this.searchElement = this.searchModel
for (let column of this.tabInfo.searchFormat) {if (column.searchType === 'weekselector') {// 使用 Vue 的 $set 方法确保响应性this.$set(this.searchElement, column.prop, -1)}
}
  • 这段代码用于初始化与WeekSelector组件相关的数据。
  • this.tabInfo和this.searchElement分别是对其他对象的引用，用于设置和获取搜索条件。
  • 循环遍历this.tabInfo.searchFormat中的每一列，对于类型为weekselector的列，使用Vue的$set方法来初始化this.searchElement对象的相应属性。这里使用$set是为了确保新增的属性是响应式的，这样当属性值发生变化时，Vue能够检测到并更新视图。

以上代码段展示了如何在Vue应用中引入、注册和初始化自定义组件WeekSelector。这个组件的主要功能是作为一个周数选择器，用于提供用户界面上对周数的选择功能。通过这些步骤，可以确保WeekSelector组件能够正确地被引用并且其状态的变化能够被Vue实例正确地管理和响应。

2.5 周数选择器完整代码

文件名：WeekSelector.vue

<template><div><el-row><el-col :span="6"><el-input-number v-model="weekNumber":min="0":max="52"label="周数" /></el-col><el-col :span="18"><el-form-item label="日期范围："><el-date-picker type="daterange"id="dateRange"range-separator="至"style="width: 100%;"size="mini"start-placeholder="开始日期"end-placeholder="结束日期"value-format="yyyy-MM-dd"v-model="dateRange":readonly="true"></el-date-picker></el-form-item></el-col></el-row></div>
</template><script>
export default {create () {this.weekNumber = this.model},data () {return {weekNumber: this.getWeekNumber(new Date()),dateRange: this.getWeekDateRange(new Date())}},methods: {getWeekNumber (date) {var yearStart = new Date(date.getFullYear(), 0, 1)var januaryFirstDayOfWeek = yearStart.getDay() === 0 ? 6 : yearStart.getDay() - 1 // 将周日从0转换为7var firstMonday = new Date(yearStart)if (januaryFirstDayOfWeek <= 3) {// 如果1月1日至1月4日之间为周一至周四，则该周为第一周firstMonday.setDate(yearStart.getDate() - januaryFirstDayOfWeek)} else {// 否则，下周一为第一周的开始firstMonday.setDate(yearStart.getDate() + 7 - januaryFirstDayOfWeek)}var dayCount = Math.ceil((date - firstMonday) / (24 * 3600 * 1000))let weekNum = Math.ceil(dayCount / 7)// 父级控件 v-model 绑定this.$emit('update:model', weekNum)return weekNum},getWeekDateRange (date) {// 计算当前日期是周几，ISO周从周一开始var currentDay = date.getDay()var distanceToMonday = currentDay === 0 ? 6 : currentDay - 1// 计算当前周的周一和周日var monday = new Date(date)monday.setDate(date.getDate() - distanceToMonday)var sunday = new Date(monday)sunday.setDate(monday.getDate() + 6)// 格式化日期为 yyyy-MM-ddvar format = (d) => d.toISOString().split('T')[0]return [format(monday), format(sunday)]},getWeekDateRangeByWeekNumber (weekNumber, year) {if (weekNumber < 1) {return null}var januaryFirst = new Date(year, 0, 1)var januaryFirstDayOfWeek = januaryFirst.getDay() === 0 ? 6 : januaryFirst.getDay() - 1 // 将周日从0转换为7var firstMonday = new Date(januaryFirst)if (januaryFirstDayOfWeek <= 3) {// 如果1月1日至1月4日之间为周一至周四，则该周为第一周firstMonday.setDate(januaryFirst.getDate() - januaryFirstDayOfWeek + 1)} else {// 否则，下周一为第一周的开始firstMonday.setDate(januaryFirst.getDate() + 8 - januaryFirstDayOfWeek)}var weekStart = new Date(firstMonday)weekStart.setDate(firstMonday.getDate() + (weekNumber - 1) * 7)var weekEnd = new Date(weekStart)weekEnd.setDate(weekStart.getDate() + 6)// 格式化日期为 yyyy-MM-ddvar format = (d) => d.toISOString().split('T')[0]return [format(weekStart), format(weekEnd)]}},props: {model: {type: Number,required: true}},watch: {model (val) {if (val.length <= 1 || val < 0) {this.weekNumber = this.getWeekNumber(new Date())this.dateRange = this.getWeekDateRange(new Date())} else {// 使用val作为周数this.weekNumber = valif (val > 0) {this.dateRange = this.getWeekDateRangeByWeekNumber(val, new Date().getFullYear())} else {this.dateRange = null}}},weekNumber (newVal, oldVal) {// 当周数改变时，更新日期范围if (newVal !== oldVal) {if (newVal > 0) {this.dateRange = this.getWeekDateRangeByWeekNumber(newVal, new Date().getFullYear())} else {this.dateRange = null}}// 父级控件 v-model 绑定this.$emit('update:model', newVal)}}
}
</script><style lang="scss" scoped>
// 调整高度
.el-form-item {height: 10px;
}
</style>

运行效果：
周数选择器

注：以下操作可以根据实际情况可以灵活控制。

1.el-input-number的取值范围为 [ 0 , 52 ] [0,52] [0,52]，当el-input-number=0时，则表示后端系统不使用周数选择器作为判断依据。也可以将el-input-number的取值范围强制设为 [ 1 , 52 ] [1,52] [1,52]，用多选控件控制是否启用的判断。
2.getWeekNumber方法中添加了this.$emit('update:model', weekNum)，用于将初始化后的值返回给父控件。
3.getWeekDateRangeByWeekNumber方法中添加了if (weekNumber < 1)的判断，防止意外的输入值。

三、C#后端代码实现

了解上面原理之后，依样画葫芦，我们可以通过周数计算日期范围，用于查询后数据分析。
这里我们简单实现一下代码作为应用参考。

3.1 类实现

public class ReportWeekCalculator
{public int ReportWeek { get; set; }public int Year { get; set; }public ReportWeekCalculator(int reportWeek, int year){ReportWeek = reportWeek;Year = year;}public (DateTime, DateTime) GetWeekDateRange(){// 获取指定年份的1月1日DateTime januaryFirst = new DateTime(Year, 1, 1);// 获取1月1日是周几（将周日从0转换为7）int januaryFirstDayOfWeek = januaryFirst.DayOfWeek == DayOfWeek.Sunday ? 6 : (int)januaryFirst.DayOfWeek - 1;// 计算第一周周一的日期DateTime firstMonday;if (januaryFirstDayOfWeek <= 3) // 如果1月1日是周一至周四{firstMonday = januaryFirst.AddDays(-januaryFirstDayOfWeek);}else // 如果1月1日是周五、周六或周日{firstMonday = januaryFirst.AddDays(7 - januaryFirstDayOfWeek);}// 计算目标周的开始日期DateTime startOfWeek = firstMonday.AddDays((ReportWeek - 1) * 7);// 计算目标周的结束日期DateTime endOfWeek = startOfWeek.AddDays(6);return (startOfWeek, endOfWeek);}
}

使用示例

var calculator = new ReportWeekCalculator(47, 2023); // 假设需要计算2023年第47周的日期范围
var (startOfWeek, endOfWeek) = calculator.GetWeekDateRange();
Console.WriteLine($"Week {calculator.ReportWeek} of {calculator.Year} starts on {startOfWeek:yyyy-MM-dd} and ends on {endOfWeek:yyyy-MM-dd}");

3.1 静态方法实现

public class CommonFunc
{public static (DateTime, DateTime) GetWeekDateRange(int ReportWeek){// 获取当前年份int year = DateTime.Now.Year;// 获取指定年份的1月1日DateTime januaryFirst = new DateTime(year, 1, 1);// 获取1月1日是周几（将周日从0转换为7）int januaryFirstDayOfWeek = januaryFirst.DayOfWeek == DayOfWeek.Sunday ? 6 : (int)januaryFirst.DayOfWeek - 1;// 计算第一周周一的日期DateTime firstMonday;if (januaryFirstDayOfWeek <= 3) // 如果1月1日是周一至周四{firstMonday = januaryFirst.AddDays(-januaryFirstDayOfWeek);}else // 如果1月1日是周五、周六或周日{firstMonday = januaryFirst.AddDays(7 - januaryFirstDayOfWeek);}// 计算目标周的开始日期DateTime startOfWeek = firstMonday.AddDays((ReportWeek - 1) * 7);// 计算目标周的结束日期DateTime endOfWeek = startOfWeek.AddDays(6);return (startOfWeek, endOfWeek);}
}

使用示例

(DateTime startDt, DateTime endDt) = CommonFunc.GetWeekDateRange(searchDto.ReportWeek);

注：endOfWeek取的是周日的00:00:00，如果需要日期筛选，需要加一天后用<符号或者截取到日期字段用<=符号比较。
参考代码片段：

(DateTime startDt, DateTime endDt) = CommonFunc.GetWeekDateRange(searchDto.ReportWeek);
endDt = endDt.AddDays(1); //加一天
expression = expression.And(p => p.CreateTime >= startDt);
expression = expression.And(p => p.CreateTime < endDt);

总结

本篇博客中，我们深入探讨了周数选择器的实现，从理论到实践，涵盖了周数的计算逻辑和具体的代码实现。

首先，我们讨论了周数的定义、确定年初的周数，以及周数的具体计算方法。这部分内容基于ISO 8601标准，为理解和计算周数提供了必要的理论基础。

随后，我们转向实际的代码实现，详细介绍了几个关键函数：计算周数（getWeekNumber）、获取特定日期所在周的日期范围（getWeekDateRange），以及根据周数和年份获取特定周的日期范围（getWeekDateRangeByWeekNumber）。这些函数是构建周数选择器的核心，展示了如何在Vue和ElementUI环境中处理日期和时间。

进一步，我们分析了周数选择器控件在Vue中的引用方式，包括控件的引入、注册，以及相关变量的初始化。这不仅展示了组件化开发的便捷性，也体现了Vue响应式系统的强大。

最后，我们提供了周数选择器的完整代码，这为读者提供了一个实用的参考模板，可以直接应用于项目或作为学习实践。

整体而言，本博客不仅介绍了周数选择器的实现，更提供了一种结合Vue和ElementUI开发复杂UI组件的有效途径。这对于追求高效、可维护的前端开发来说，无疑是极有价值的。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/185419.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

Vue大屏自适应终极解决方案

Vue大屏自适应终极解决方案

v-scale-screenv-scale-screen是一个大屏自适应组件&#xff0c;在实际业务中&#xff0c;我们常用图表来做数据统计&#xff0c;数据展示&#xff0c;数据可视化等比较直观的方式来达到一目了然的数据查看&#xff0c;但在大屏开发过程中&#xff0c;常会因为适配不同屏幕而感…
阅读更多...
sklearn 笔记：聚类

sklearn 笔记：聚类

1 sklearn各方法比较 方法名称参数使用场景K-means簇的数量 非常大的样本数 中等簇数 簇大小需要均匀 Affinity Propagation 阻尼系数 样本偏好 样本数不能多 簇大小不均 MeanShift带宽 样本数不能多 簇大小均匀 谱聚类簇的数量 中等样本数 小簇数 簇大小均匀 层次聚类簇的数量…
阅读更多...
职业测评链接

职业测评链接

职业测评链接&#xff1a; https://www.16personalities.com/ch?utm_sourceresults-turbulent-campaigner&amp%3Butm_mediumemail&amp%3Butm_campaignch&amp%3Butm_contentlogo-0
阅读更多...
selenium脚本编写及八大元素定位方法

selenium脚本编写及八大元素定位方法

selenium脚本编写 上篇文章介绍了selenium环境搭建&#xff0c;搭建好之后就可以开始写代码了 基础脚本,打开一个网址 from selenium import webdriver driver webdriver.Chrome()#打开chrome浏览器 driver.get(https://www.baidu.com) #打开百度打开本地HTML文件 上篇文章…
阅读更多...
brat文本标注工具——安装

brat文本标注工具——安装

目录 一、Linux系统安装 1. centOS系统 2. Ubuntu系统 3. macOS系统 4.说明 二、Google Chrome安装 1. 打开命令行&#xff0c;切换到管理者权限 2. 安装依赖 3. 下载Google浏览器的安装包 4. 安装Google Chrome 三、yum更新 四、Apache安装 安装Apache 启动Apac…
阅读更多...
threeJs引入模型使用3D模型(vite+React+Ts)

threeJs引入模型使用3D模型(vite+React+Ts)

要在 Three.js 中使用 3D 模型&#xff0c;你需要加载模型文件并将其添加到场景中。Three.js 支持多种不同的模型格式&#xff0c;比如 OBJ、FBX、GLTF 等。 init vitelatest //创建一个vite的脚手架 选择react并配置Ts 安装three.js准备 npm install react-three/drei np…
阅读更多...
a-select:远程搜索——防抖节流处理——基础积累

a-select:远程搜索——防抖节流处理——基础积累

a-select:远程搜索——防抖节流处理——基础积累 效果图下拉筛选数据&#xff1a;远程搜索功能&#xff1a; 效果图 下拉筛选数据&#xff1a; <a-selectshow-searchv-model"form.jobPositionCode"placeholder"请选择岗位"style"width: 100%"…
阅读更多...
Redis哈希对象（listpack介绍）

Redis哈希对象（listpack介绍）

哈希对象的编码可以是ziplist或者hashtable。再redis5.0版本之后出现listpack&#xff0c;为了是代替ziplist。 一. 使用ziplist编码 ziplist编码的哈希对象使用压缩列表作为底层实现&#xff0c;每当有新的键值对要加入到哈希对象时&#xff0c;程序都会先将保存了键值对的键…
阅读更多...
【Linux 静态IP配置】

【Linux 静态IP配置】

静态IP配置 1.NAT模式设置2.设置静态ip3.重启网络4.查看ip 1.NAT模式设置 首先设置虚拟机中NAT模式的选项&#xff0c;打开VMware&#xff0c;点击“编辑”下的“虚拟网络编辑器”&#xff0c;设置NAT参数 注意&#xff1a; VMware Network Adapter VMnet8保证是启用状态 …
阅读更多...
ClassCMS2.4漏洞复现

ClassCMS2.4漏洞复现

ClassCMS2.4漏洞复现 环境搭建 任意文件下载漏洞复现 漏洞成因 ClassCMS2.4漏洞复现 CMS源码在附件中 环境搭建 使用phpstudy2016搭建web环境&#xff0c;php版本为5.5 安装CMS 这里选择Mysql数据库进行安装 用户名和密码都写默认的admin方便记忆 输入完成后点击安装 点…
阅读更多...
【性能测试】性能测试监控关键指标

【性能测试】性能测试监控关键指标

系统指标 检测性能测试是否有bug的关键指标 1、系统指标——与用户场景及需求直接相关。 并发用户数&#xff1a;某一物理时刻同时向系统提交请求的用户数。平均响应时间&#xff1a;系统处理事务的响应时间的平均值&#xff0c;对于系统快速响应类页面&#xff0c;一般响应…
阅读更多...
货代FOB条款卖方必备的知识：发货人都要承担哪些费用呢？

货代FOB条款卖方必备的知识：发货人都要承担哪些费用呢？

据统计&#xff0c;中国出口中以FOB成交的占到70%&#xff0c;但专家指出&#xff1a;FOB对出口商的风险更大&#xff0c;有可能造成货、款两空的结局。 目前我国出口合同以FOB价格条款成交的比例越来越大&#xff0c;而且收货人指定船公司的少&#xff0c;指定境外货代的多&am…
阅读更多...
建设银行新余市分行积极开展国债下乡宣传活动

建设银行新余市分行积极开展国债下乡宣传活动

近日&#xff0c;为了普及国债知识&#xff0c;提高农村居民对国债的认知度和投资意识&#xff0c;建设银行新余市分行组织员工前往下村开展了一场国债下乡宣传活动。 活动当天&#xff0c;工作人员早早地来到了下乡地点&#xff0c;悬挂起了国债宣传横幅&#xff0c;并摆放了…
阅读更多...
ESP32-Web-Server编程- 使用SSE 实时更新设备信息

ESP32-Web-Server编程- 使用SSE 实时更新设备信息

ESP32-Web-Server编程- 使用SSE 实时更新设备信息 概述 如前所述&#xff0c;传统 HTTP 通信协议基于 Request-Apply&#xff08;请求-响应&#xff09;机制&#xff0c;浏览器&#xff08;客户端&#xff09;只能单向地向服务器发起请求&#xff0c;服务器无法主动向浏览器推…
阅读更多...
java源码-数组

java源码-数组

背景 上传图片&#xff0c;需要对图片格式进行校验&#xff0c;这是就可以使用数组 1、什么是数组&#xff1f; Java 语言中提供的数组是用来存储固定大小的同类型元素。 如&#xff1a;可以声明一个数组变量&#xff0c;如 numbers[100] 来代替直接声明 100 个独立变量 numb…
阅读更多...
替代升级虚拟化 | ZStack Cloud云平台助力中节能镇江公司核心业务上云

替代升级虚拟化 | ZStack Cloud云平台助力中节能镇江公司核心业务上云

数字经济正加速推动各行各业的高质量升级发展&#xff0c;云计算是数字经济的核心底层基础设施。作为云基础软件企业&#xff0c;云轴科技ZStack 坚持自主创新&#xff0c;自研架构&#xff0c;产品矩阵可全面覆盖数据中心云基础设施&#xff0c;针对虚拟化资源实现纳管、替代和…
阅读更多...
用按层次顺序遍历二叉树的方法，设计算法统计树中度为1的结点数目

用按层次顺序遍历二叉树的方法，设计算法统计树中度为1的结点数目

用按层次顺序遍历二叉树的方法&#xff0c;设计算法统计树中度为1的结点数目 代码思路&#xff1a; 层序遍历的实现需要借助一个辅助队列 首先将根结点入队&#xff0c;然后根出队&#xff0c;把根的两个子树入队 然后下面循环执行&#xff1a;队头元素出队&#xff0c;队头元…
阅读更多...
如何通过降低设备六大损失帮助企业改善OEE

如何通过降低设备六大损失帮助企业改善OEE

在各个行业中&#xff0c;改善设备综合效率OEE&#xff08;Overall Equipment Efficiency&#xff09;是企业实现高效生产和竞争优势的关键。然而&#xff0c;设备的六大损失常常影响着企业的OEE指标。本文将探讨如何通过降低这六大损失来帮助企业改善OEE&#xff0c;提高生产效…
阅读更多...
2023年掌控安全学院CTF暖冬杯——数据流分析

2023年掌控安全学院CTF暖冬杯——数据流分析

前言&#xff1a;打工仔一枚&#xff0c;第一波上新的3题misc 做完了 再打ISCTF随便记录一下 PS&#xff1a;环境关了&#xff0c;题目描述忘记了&#xff0c;反正就是找flag。 筛选HTTP数据流 导出数据流慢慢看 ctrl F 搜flag 看到一条 有flag.txt 的数据 导出另存.zip 这里…
阅读更多...
洗袜子的洗衣机哪款好？内衣洗衣机便宜好用的牌子

洗袜子的洗衣机哪款好？内衣洗衣机便宜好用的牌子

不得不说洗衣机的发明解放了我们的双手&#xff0c;而我们从小到大就有这个意识&#xff0c;贴身衣物不可以和普通的衣服一起丢进去洗衣机一起&#xff0c;而内衣裤上不仅有肉眼看见的污渍还有手上根本无法消灭的细菌&#xff0c;但是有一款专门可以将衣物上的细菌杀除的内衣洗…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023