wangji5850
wangji5850

动态生成选项卡Tabs

写在前面：

EasyUI里的选项卡Tabs功能已经非常完善。大致包含：

- 基础选项卡
- 固定选项卡宽度
- 流式选项卡
- 带图片的选项卡
- 选项卡嵌套
- 选项卡工具组
- 带下拉菜单的选项卡
- 高度自适应选项卡
- 选项卡鼠标经过事件
- 选显卡工具条
- 选项卡位置

但是如果只需要在同一个页面来动态生成Tabs并实时填入数据、内容；
不妨可以试试下面的插件（个人项目实际需要，轻量、上手快，勿喷）

效果图：

动态生成选项卡Tabs_第1张图片

静态页代码：

代码下载：https://code.csdn.net/snippets/1614877

ps:代码下面也贴一份，为了方便大家copy测试，所有代码均写在一起；如果喜欢，可根据实际需要分类整理。



<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <title>JS Tabs</title> <meta content="" name="description"> <meta content="" name="keywords"> <style type="text/css"> .OrgBox{font-size:12px; padding:5px 5px 5px 5px; text-align:center; position:absolute; background-color: rgb(251, 237, 187); } .OrgBox img{width:60px; height:70px; } .OrgBox .dept{color:#FFA500; font-weight:800; } .OrgBox .content{line-height: 20px; position: relative; top: 15%; } .OrgBox .ico{background-color: #FFA500; cursor: pointer; height: 22px; width: 22px; position: absolute; z-index: 2; } .OrgBox .spread{bottom: -17px; left: 50%; margin-left: -11px; } .OrgBox .no_active{background-color: red; top: -5px; left: -5px; } .tabs{height: 40px;line-height: 40px;} .tabs .li{cursor: pointer;height: 100%;text-align: center;position: relative;} .tabs .li i{background-color: #FFA500; cursor: pointer; height: 22px;line-height: 21px; width: 22px; position: absolute;top: -5px; right: -5px;z-index: 2;} .tabs .li i:hover{background-color: red;} .right_area{width:1000px;height:600px;border:1px red solid;overflow: auto;} .right_area .tabs{background-color: #F2F1F1;} .right_area .tabs .li{border: 1px #E0E1E0 solid;float: left;font-size: 16px; width: 150px;border-top: none;border-left: none;} .right_area .tabs .li.curr{background-color: #fff;border-bottom-color: #fff;box-shadow: 0 3px 0 0 #1FA0E2 inset;} .right_area .page{margin: 0 auto;position:relative;} </style> </head> <body> <div class="right_area"> <ul class="tabs"> <li data-for="orgContainer" class="li curr">组织架构<i>x</i></li> </ul> <div class="page_list"> <div id="orgContainer" class="page" style="width: 480px; height: 190px;"> <div data-id="1" class="OrgBox" id="OrgNode_CsCNSf2hfsjhTbqWpcYF" style="width: 90px; height: 40px; left: 215px; top: 50px;"> <div class="content"><span class="name"></span> <div class="dept">网络技术部</div> </div> </div> <div data-id="2" class="OrgBox" id="OrgNode_iKPS0dSAkxyj3APjlnr4" style="width: 90px; left: 50px; top: 140px;"> <div class="content"><span class="name">Mark大大</span> <div class="dept">网络技术部</div><i class="ico spread"></i><i title="未同步" class="ico no_active"></i></div> </div> <div data-id="3" class="OrgBox" id="OrgNode_UUQJVIdUvXeMxvMmvh3" style="width: 90px; left: 160px; top: 140px;"> <div class="content"><span class="name">c</span> <div class="dept">cc</div> </div> </div> <div data-id="4" class="OrgBox" id="OrgNode_c3homchixY7zllY5nYKM" style="width: 90px; left: 270px; top: 140px;"> <div class="content"><span class="name">d</span> <div class="dept">dd</div> </div> </div> <div data-id="5" class="OrgBox" id="OrgNode_f02eO1nDRH7rf3fesTWN" style="width: 90px; left: 380px; top: 140px;"> <div class="content"><span class="name">e</span> <div class="dept">ee</div> </div> </div> <div style="position: absolute; top: 100px; left: 265px; overflow: hidden; border-left: 1px dashed rgb(204, 204, 204); height: 19.5px; width: 0px;" id="LineBottom_OrgNode_CsCNSf2hfsjhTbqWpcYF">x</div> <div style="position: absolute; top: 120.5px; left: 100px; overflow: hidden; border-left: 1px dashed rgb(204, 204, 204); height: 19.5px; width: 0px;" id="LineTop_OrgNode_iKPS0dSAkxyj3APjlnr4">x</div> <div style="position: absolute; top: 120.5px; left: 210px; overflow: hidden; border-left: 1px dashed rgb(204, 204, 204); height: 19.5px; width: 0px;" id="LineTop_OrgNode_UUQJVIdUvXeMxvMmvh3">x</div> <div style="position: absolute; top: 120.5px; left: 320px; overflow: hidden; border-left: 1px dashed rgb(204, 204, 204); height: 19.5px; width: 0px;" id="LineTop_OrgNode_c3homchixY7zllY5nYKM">x</div> <div style="position: absolute; top: 120.5px; left: 430px; overflow: hidden; border-left: 1px dashed rgb(204, 204, 204); height: 19.5px; width: 0px;" id="LineTop_OrgNode_f02eO1nDRH7rf3fesTWN">x</div> <div style="position: absolute; top: 119.5px; left: 100px; overflow: hidden; border-top: 1px dashed rgb(204, 204, 204); width: 331px; height: 0px;" id="LineGroup_OrgNode_iKPS0dSAkxyj3APjlnr4">x</div> </div> </div> </div> <!-- 引用jquery，此地址有可能会失效 --> <script type="text/javascript" src="http://www.linked-f.com/js/jquery-1.9.1.min.js"></script> <script type="text/javascript"> $(function() { $('.right_area').on('dblclick', '.OrgBox', function() { var _t = $(this), _s = 'orgContainer' + _t.data('id'); $('.right_area').newTab({ tab: 'tabs', plist: 'page_list', for_who: _s, text: _t.find('.dept').text(), callback: function() { $('#' + _s).html('<p>' + _s + ':</p>我就是做个安静的妹子，写个测试demo'); } }); }); $('.tabs').on('click', '.li', function(e) { var _t = $(e.target); if (_t.prop("tagName").toLowerCase() == 'li') { _t.addClass('curr') .siblings().removeClass('curr'); $('#' + _t.data('for')).show() .siblings().hide(); } else if (_t.prop("tagName").toLowerCase() == 'i') { var _p = _t.parent('.li'), _last = null; if (_p.hasClass('curr')) { if (_p.next('.li:visible').length == 0) { _last = _p.siblings('.li:visible').last(); } else { _last = _p.next(); } _last.addClass('curr').show() .siblings().removeClass('curr'); $('#' + _last.data('for')).show(); } _p.hide(); $('#' + _p.data('for')).hide(); } }); }); </script> <!-- 功能插件 --> <script type="text/javascript"> ! function($) { $.fn.newTab = function(option) { if (this.length > 0) { var options = $.extend({}, $.fn.newTab.option, option || {}); return this.each(function() { var _t = $(this), tab = _t.find('.' + options.tab); var plist = _t.find('.' + options.plist); if (tab.length == 0) { _t.prepend($('<ul class="' + options.tab + '"><li class="li curr" data-for="' + options.for_who + '">' + options.text + '<i>x</i></li></ul>')).show(); _t.append($('<div class="' + options.plist + '"><div class="page" id="' + options.for_who + '"></div></div>')).show(); } else { var _li = tab.find('li[data-for="' + options.for_who + '"]'); var _div = plist.find('#' + options.for_who); if (_li.length == 0) { _li = $('<li class="li" data-for="' + options.for_who + '">' + options.text + '<i>x</i></li>'); tab.append(_li).show(); _div = $('<div class="page" id="' + options.for_who + '"></div>'); plist.append(_div); } _li.addClass('curr').show() .siblings('.curr').removeClass('curr'); _div.show() .siblings('.page').hide(); } $.isFunction(options.callback) && options.callback.apply(this); }); } }; $.fn.newTab.option = { tab: 'tabs', plist: 'page_list', for_who: '', callback: null }; }(jQuery); </script> </body> </html>

使用方法：

$('.right_area').newTab({ //父容器
    tab: 'tabs', // li标签容器class名
    plist: 'page_list', // 内容容器class名
    for_who: 'id', // tab对应的id
    text: _t.find('.dept').text(), // li标签内容
    callback: function() { // 标签dom生成后 do something
        $('#' + _s).html('<p>' + _s + ':</p>我就是做个安静的妹子，写个测试demo');
    }
});
ps:鉴于个人经验有限，所有观点，如有异议，请直接回复讨论（请勿发表攻击言论）。
加入QQ群209952809(需回答问题，答案为csdn)；群聊更快解决问题，更happy。

你可能感兴趣的:(easyui,tabs,选项卡,动态选项卡)

  • 2025 前端 JS 源码逆向实战：6 种绕过限制查看源码的合法方法 阿贾克斯的黎明 网络安全状态模式
    目录引言：为何需要绕过前端JS限制？一、浏览器开发者工具深度用法1.动态断点拦截（Chrome117+增强功能）2.Overrides功能持久化修改二、代理工具拦截与响应篡改1.BurpSuite2025动态解混淆三、浏览器扩展生态应用1.资源嗅探与下载（2025新版插件）四、本地代码劫持与Hook技术1.覆盖原生JavaScript方法五、移动端源码提取方案1.Android混合应用逆向六、源码
  • 联通动态IP如何变身静态IP？全面指南来了 hgdlip iptcp/ip智能路由器网络联通ip
    对于需要将联通动态IP转换为静态IP的用户来说，有多种方法可以实现这一目标。下面将详细介绍几种常见且实用的方法，帮助用户根据自身需求和环境灵活选择。方法一：向联通ISP申请静态IP地址最直接且常见的方式是向联通ISP（互联网服务提供商）申请静态IP地址。这一方法适用于需要固定IP地址进行远程办公、服务器部署、网络安全管理等特定需求的用户。1、联系联通客服：用户可以通过联通客服电话、在线客服或前往联
  • 动态IP与静态IP的优缺点 听楷哥说跨境 跨境电商代理IP网络服务器linux
    在网络连接中，使用动态和静态IP地址取决于连接的性质和要求。静态IP地址通常更适合企业相关服务，而动态IP地址更适合家庭网络。让我们来看看动态IP与静态IP的优缺点。1.静态IP的优点：更好的DNS支持：静态IP地址在网络中保持不变，这使得使用DNS服务器更易于设置和管理。由于静态IP地址始终与特定设备或服务器相关联，因此管理员可以更轻松地将其映射到域名，从而更灵活、更方便地配置网络服务。这可以为
  • 动态IP与静态IP：哪种更适合用户使用？ KookeeyLena7 tcp/ip网络协议网络
    在现代网络环境中，IP地址的管理对于网络的运行和安全至关重要。IP地址是网络中每一个设备的唯一标识符，通常分为动态IP和静态IP两种类型。每种类型都有其独特的优缺点，适用于不同的使用场景。本文将探讨动态IP和静态IP的特点，并分析哪种更适合用户使用。动态IP定义与特点动态IP是由网络中的DHCP（动态主机配置协议）服务器自动分配的IP地址。每当设备连接到网络时，DHCP服务器会从预定义的IP地址池
  • HarmonyOS：ArkTS RowSplit 组件自学指南 harmonyos-next
    在日常的ArkTS应用开发工作里，我常常要处理各种复杂的界面布局需求。尤其是在需要将多个子组件进行横向排列，并且希望用户能够灵活调整子组件宽度的场景下，传统的布局方式显得十分繁琐，难以满足动态交互的需求。直到我发现了ArkTS中的RowSplit组件，它就像一把钥匙，为我打开了灵活横向布局的大门。通过使用RowSplit组件，我能够轻松地将子组件横向布局，并在它们之间插入纵向分割线，用户还可以通过
  • HarmonyOS NEXT AI基础视觉服务-背景替换 harmonyos-next
    案例描述这是一个基于AI基础视觉服务实现的背景替换案例，通过调用设备相册选择图片后对主体进行智能分割，并支持动态更换背景颜色。实现步骤：1.模块导入与组件定义import{photoAccessHelper}from'@kit.MediaLibraryKit'import{fileIo}from'@kit.CoreFileKit'importimagefrom'@ohos.multimedia.i
  • Python 爬虫实战：多数据源抓取与自动化报表生成高效流程 西攻城狮北 python爬虫自动化开发语言
    目录一、准备工作1.1环境搭建1.2安装所需库二、多数据源抓取2.1确定数据源2.2使用Requests和BeautifulSoup抓取静态网页数据2.2.1发送HTTP请求2.2.2解析HTML内容2.3使用Selenium抓取动态网页数据2.3.1安装浏览器驱动2.3.2编写Selenium爬虫代码2.4使用API抓取数据2.4.1发送API请求三、数据处理与清洗3.1使用Pandas进行数据
  • 元模型与动态哲学：数字世界的“道”与编程新范式 编程
    使用deepkseekv3生成的，v3更新后好像强了不少。理论和哲学也让AI生成不少了，后面要开始发具体应用方面的了。一、重新思考编程的本质传统的编程语言建立在静态类型、预定义类和编译时约束的基础上，而动态模型提出了一种全新的编程范式：先有对象，后有类：在动态模型中，事物（对象）可以先存在，之后再通过描述者（类）来定义其行为和结构，这与现实世界的认知方式更为接近。万物皆可执行：任何模型都可以转化为
  • 像素到数据：Selenium，OpenCV，Tesseract，Python构建的智能解析系统 赛卡 seleniumopencvpythonocr计算机视觉
    基于Selenium与OCR技术的网页信息智能提取方案一、应用场景解析在Web自动化测试和数据分析领域，经常需要处理动态渲染的网页信息，特别是当页面元素以图像形式呈现时。本文介绍的解决方案结合了浏览器自动化与图像识别技术，有效解决了以下典型场景：动态渲染的可视化数据提取反爬机制中的图像验证码识别无法通过API获取的图形化数据采集页面局部区域的实时信息监控二、技术架构设计2.1系统组成浏览器控制层：
  • 学习率调度器工具函数（get_scheduler）补充讲解 Code_Geo 学习python
    学习率调度器工具函数（get_scheduler）get_scheduler是HuggingFaceTransformers深度学习框架中用于创建学习率调度器（LearningRateScheduler）的工具函数。它的核心作用是动态调整训练过程中的学习率，以优化模型收敛速度、稳定性和最终性能一、get_scheduler的主要用途1.1.支持多种学习率调整策略通过指定name参数，可以灵活选择不
  • 基于 RAG 的知识图谱增强：提升语义理解与推理能力 hy098543 AIGC
    目录引言知识图谱与RAG技术概述知识图谱RAG技术基于RAG的知识图谱增强原理知识图谱补全语义理解增强动态知识更新在医疗领域的应用实例临床决策支持患者健康咨询挑战与展望挑战展望结论引言在人工智能不断发展的进程中，知识图谱作为一种强大的语义网络，能够以结构化的方式表示知识，为诸多应用提供坚实的知识基础。然而，传统知识图谱在面对复杂查询和语义理解时，存在一定局限性。检索增强生成（RAG）架构的出现，为
  • RAG 中的检索技术优化：向量检索与语义匹配的创新实践 hy098543 AIGC
    目录引言向量检索技术的创新高维向量索引优化基于深度学习的向量表示学习语义匹配技术的创新实践多模态语义匹配基于知识图谱的语义匹配增强向量检索与语义匹配协同优化动态调整检索策略联合训练优化结论引言在检索增强生成（RAG）架构中，检索技术的优劣直接影响着生成内容的质量与相关性。准确、高效地从海量文本数据中检索出与输入相关的信息，是RAG系统发挥强大功能的基石。向量检索与语义匹配作为RAG检索环节的核心技
  • [C++面试] 智能指针面试点（重点） 冰箱里有碗 c++面试
    一、入门1、什么是智能指针，为什么需要它？[C++面试]RAII资源获取即初始化（重点）-CSDN博客智能指针是一种类模板，用于管理动态分配的内存，能在对象生命周期结束时自动释放内存，避免内存泄漏。在传统的C++中，使用new分配内存后，必须手动使用delete释放，若忘记或在异常情况下未执行delete，就会导致内存泄漏。而智能指针利用C++的RAII（资源获取即初始化）技术，在对象构造时获取资
  • Python 数据结构操作指南 程序员
    Python数据结构操作指南在Python中，列表、字典和集合是三种常用的数据结构。它们各自有不同的特点和使用场景。本文将介绍这些数据结构的常见操作，并按使用频率进行分类。列表操作列表是Python中最常用的数据结构之一，支持动态大小和多种数据类型。常用操作#创建列表name_list=['tom','Jack',"desoerado"]#遍历列表fornameinname_list:print(
  • Kubernetes深度解析：云原生时代的容器编排引擎 这个懒人 云原生kubernetes容器
    一、背景与演进1.容器革命的必然产物Kubernetes（K8s）诞生于2014年，是Google基于其内部Borg系统的开源实现。在传统单体应用向微服务架构转型的浪潮中，容器技术（如Docker）解决了应用打包和环境隔离问题，但大规模容器集群的管理仍面临三大挑战：调度复杂性：如何高效分配数千容器的计算资源服务治理难题：动态环境下的服务发现与流量管理运维自动化：故障自愈、滚动升级等运维需求截至20
  • C语言中的动态内存管理的学习 2302_81745031 c语言学习开发语言
    我们在写程序时，想要自己控制内存，因此动态内存管理非常有必要学习。动态内存管理常用的函数使用时需要引入头文件malloc函数void*malloc(size_tsize)//malloc函数的定义，返回值和参数size为开辟的空间大小开辟成功返回值是开辟的内存空间的起始位置，开辟失败返回空指针。返回值需要检查。使用完申请的空间后需要用free函数来释放空间，再将那个指针变量赋值为NULL。而且fr
  • VectorBT：使用PyTorch+LSTM训练和回测股票模型 进阶三 船长@Quant Python金融科技pythonpytorchlstmsklearn量化策略量化回测深度学习
    VectorBT：使用PyTorch+LSTM训练和回测股票模型进阶三本方案融合LSTM时序预测与动态风险控制。系统采用混合架构，离线训练构建多尺度特征工程和双均线策略，结合在线增量更新持续优化模型。技术要点包括三层特征筛选、波动率动态仓位管理、混合精度训练提升效率，以及用VectorBT验证收益。文中内容仅限技术学习与代码实践参考，市场存在不确定性，技术分析需谨慎验证，不构成任何投资建议。适合量
  • 十六届蓝桥杯C++组备赛必看：高频算法与核心知识点梳理 A好名字A 蓝桥杯c++算法
    制作不易，感谢浏览。文章目录一、避开那些"送分题"的坑1.1数据类型与极值的边界1.2STL容器使用速查表1.3C++11/14/17新特性速览（慎用高级语法）二、暴力算法的蜕变2.1搜索结果与剪枝艺术2.2动态规划（DP）的使用2.3贪心算法的使用2.4图论算法模板速记Dijkstra算法Kruskal算法（最小生成树）Floyd算法（多源最短路）2.5分治与归并排序三、常用数学思路3.1数论必
  • 如何在 React 中管理组件的状态？ 破碎的天堂鸟 学习教程react.js前端前端框架
    在React中管理组件状态是构建动态应用的核心能力，需要根据应用规模、数据流向和性能需求选择合适策略。以下是综合多篇技术资料（截至2025年03月）的完整解决方案：一、状态管理基础原则状态类型划分局部状态：仅在单个组件内部使用（如输入框的值），通过useState或useReducer管理全局状态：跨组件共享的数据（如用户登录状态），需使用状态提升、ContextAPI或第三方库远程状态：来自AP
  • 无人机中继传输数据链技术，（无人机+自组网）远距离传输技术实现详解 无人机技术圈 无人机技术无人机
    无人机中继传输数据链技术和（无人机+自组网）远距离传输技术的实现详解如下：无人机中继传输数据链技术无人机中继传输数据链技术是指利用无人机作为空中移动中继节点，在需要通信的区域上空悬停或移动，以建立和维护通信链路，从而扩展通信范围、提高通信质量和灵活性。这种技术可以应用于偏远地区通信、临时通信、灾害应急通信等多种场景。无人机中继传输数据链主要包括通信链路、信号处理和动态路由三个方面：1.通信链路：是
  • [分布式系统]2_分布式数据共享方式_P1 啾啾大学习 #分布式系统分布式数据同步
    欢迎来到啾啾的博客，一个致力于构建完善的Java程序员知识体系的博客，记录学习的点滴，分享工作的思考、实用的技巧，偶尔分享一些杂谈。欢迎评论交流，感谢您的阅读。引言在微服务架构中，服务和组件往往以集群形式存在。一份数据，如注册表信息，其存在于注册中心集群的多个注册中心服务上。然而，微服务架构的网络往往是不可靠的，我们如何在不可靠的网络条件下，正确地同步可能实时动态变更的注册表信息呢？即“分布式环境
  • 使用 Go 和 Gin 实现高可用负载均衡代理服务器 Monkey@ golanggin负载均衡
    前言在现代分布式系统中，负载均衡是保障服务高可用性和性能的核心技术。本文将基于Go语言和Gin框架实现一个支持动态路由、健康检查、会话保持等特性的企业级负载均衡代理服务器，并提供完整的压力测试方案和优化建议。通过本方案实现的负载均衡代理具备以下优势：单节点支持100k+QPS请求转发延迟达到亚毫秒级提供99.99%的可用性保障动态配置热更新能力架构设计核心功能特性轮询调度算法：支持加权轮询调度。动
  • JavaScript基础-元素可视区 client 系列 難釋懷 javascript前端开发语言
    在前端开发中，准确获取网页元素的尺寸和位置信息是构建动态交互效果的基础。JavaScript提供了多种属性来帮助开发者获取这些信息，其中client系列属性专门用于获取元素的内容区域尺寸（不包括滚动条）以及相对于浏览器窗口的位置。本文将深入探讨client系列属性的使用方法及其应用场景。一、初识Client属性client系列属性主要用于获取元素内容区域的宽度和高度，以及元素相对于其最近的可滚动祖
  • wpf中DataGrid组件每一行的背景色动态变化 毎天要喝八杯水 开发语言wpfc#
    背景描述：存在多个轧辊，其中有的轧辊是成对的，成对的辊ROLL_NO这个变量的值相同，有的轧辊是单个暂时没有配对的。成对的辊北京颜色交替突出显示，单个辊不需要设置背景色。实现：换辊的时候给成对的辊分配相同的ROLL_NO，且ROLL_NO是表中最大的ROLL_NO+1。intmaxRollNo=DBHandle.GetRollNo();if((OnlineRollData[0].ROLL_NO!=
  • 深入理解滑动窗口算法：使用 C 语言寻找最小值 不语n 算法数据结构
    滑动窗口是一种高效的算法技术，广泛用于处理数组和字符串相关问题，它通过动态维护一个“窗口”，迅速计算出所需的信息。在本文中，我们将实现一个具体的滑动窗口例子，寻找一个整数数组中每个长度为k的子数组（窗口）中的最小值，并详细解释代码实现。算法概述我们将使用一个双端队列（deque）来维护窗口中元素的索引，并确定每个窗口的最小值。这个方法的关键是利用单调队列的性质：在每个时刻，队列的头元素始终是窗口内
  • TypeScript 与 JavaScript 对比 冬冬小圆帽 javascripttypescript
    核心概念对比JavaScript语言类型：动态类型脚本语言诞生时间：1995年（ES1标准）类型系统：运行时类型检查文件扩展名：.js编译需求：无需编译，直接执行TypeScript语言类型：静态类型超集语言诞生时间：2012年（微软开发）类型系统：编译时类型检查文件扩展名：.ts编译需求：需要编译为JavaScript执行技术架构差异维度JavaScriptTypeScript类型注解不支持支持
  • HarmonyOS NEXT AI基础视觉服务-背景替换 harmonyos-next
    案例描述这是一个基于AI基础视觉服务实现的背景替换案例，通过调用设备相册选择图片后对主体进行智能分割，并支持动态更换背景颜色。实现步骤：1.模块导入与组件定义import{photoAccessHelper}from'@kit.MediaLibraryKit'import{fileIo}from'@kit.CoreFileKit'importimagefrom'@ohos.multimedia.i
  • 华为华三交换-链路聚合配置 刘重启 网络数据链路层网络交换机
    链路聚合华为华三Eth-trunkBridge-aggregation描述增加带宽优势，最大带宽=各个接口带宽之和。增加可靠性，当有条链路挂逼了，其他链路还可以使用。负载分担，一条链路聚合，可以在各个成员接口上负载分担。两端设备都支持动态LACP，推荐使用LACP模式。链路聚合条件：所有参数必须一致，接口数量、速率、双工方式、流控方式配置查看信息：diseth-trunk1verbose二层链路聚
  • 用K8S部署Milvus服务 Sirius Wu kubernetesmilvus容器
    以下是对Milvus的简要介绍及基于Kubernetes的详细部署YAML代码，包含高可用架构、持久化存储及关键组件配置。Milvus简介Milvus是一款开源的分布式向量数据库，专为海量向量数据的相似性搜索和AI应用设计，核心特性包括：多向量索引支持：IVF、HNSW、Annoy等算法。水平扩展：支持动态扩缩容数据节点和查询节点。云原生架构：依赖组件包括etcd（元数据存储）、MinIO/S3（
  • 祥瑞金业：特朗普关税政策升级，黄金与白银避险需求升温 X06983140 人工智能区块链大数据
    近期，全球金融市场因美国总统特朗普的关税政策再度陷入紧张。特朗普宣布将于4月2日实施对等关税政策，这一举措不仅引发了市场的广泛关注，祥瑞金业认为，届时将对黄金、白银等避险资产的价格产生显著影响。一、特朗普关税政策的最新动态媒体认为特朗普计划通过“两步走”策略实施新的关税政策。首先，利用所谓的301条款对贸易伙伴展开调查；其次，利用现有的紧急权力立即征收关税。这一策略的实施工具可能包括《国际紧急经济
  • mondb入手 木zi_鸣 mongodb
    windows 启动mongodb  编写bat文件， mongod --dbpath D:\software\MongoDBDATA mongod --help  查询各种配置 配置在mongob 打开批处理，即可启动，27017原生端口，shell操作监控端口  扩展28017，web端操作端口 启动配置文件配置， 数据更灵活 
  • 大型高并发高负载网站的系统架构 bijian1013 高并发负载均衡
            扩展Web应用程序 一.概念         简单的来说，如果一个系统可扩展，那么你可以通过扩展来提供系统的性能。这代表着系统能够容纳更高的负载、更大的数据集，并且系统是可维护的。扩展和语言、某项具体的技术都是无关的。扩展可以分为两种：         1.
  • DISPLAY变量和xhost(原创) czmmiao display
    DISPLAY 在Linux/Unix类操作系统上, DISPLAY用来设置将图形显示到何处. 直接登陆图形界面或者登陆命令行界面后使用startx启动图形, DISPLAY环境变量将自动设置为:0:0, 此时可以打开终端, 输出图形程序的名称(比如xclock)来启动程序, 图形将显示在本地窗口上, 在终端上输入printenv查看当前环境变量, 输出结果中有如下内容:DISPLAY=:0.0
  • 获取B/S客户端IP 周凡杨 java编程jspWeb浏览器
       最近想写个B/S架构的聊天系统，因为以前做过C/S架构的QQ聊天系统，所以对于Socket通信编程只是一个巩固。对于C/S架构的聊天系统，由于存在客户端Java应用，所以直接在代码中获取客户端的IP，应用的方法为：    String ip = InetAddress.getLocalHost().getHostAddress(); 然而对于WEB
  • 浅谈类和对象 朱辉辉33 编程
        类是对一类事物的总称，对象是描述一个物体的特征，类是对象的抽象。简单来说，类是抽象的，不占用内存，对象是具体的， 占用存储空间。     类是由属性和方法构成的，基本格式是public  class 类名{ //定义属性 private/public 数据类型 属性名； //定义方法 publ
  • android activity与viewpager+fragment的生命周期问题 肆无忌惮_ viewpager
    有一个Activity里面是ViewPager，ViewPager里面放了两个Fragment。 第一次进入这个Activity。开启了服务，并在onResume方法中绑定服务后，对Service进行了一定的初始化，其中调用了Fragment中的一个属性。 super.onResume(); bindService(intent, conn, BIND_AUTO_CREATE);
  • base64Encode对图片进行编码 843977358 base64图片encoder
    /** * 对图片进行base64encoder编码 * * @author mrZhang * @param path * @return */ public static String encodeImage(String path) { BASE64Encoder encoder = null; byte[] b = null; I
  • Request Header简介 aigo servlet
    当一个客户端(通常是浏览器)向Web服务器发送一个请求是，它要发送一个请求的命令行，一般是GET或POST命令，当发送POST命令时，它还必须向服务器发送一个叫“Content-Length”的请求头(Request   Header)   用以指明请求数据的长度，除了Content-Length之外，它还可以向服务器发送其它一些Headers，如：    
  • HttpClient4.3 创建SSL协议的HttpClient对象 alleni123 httpclient爬虫ssl
    public class HttpClientUtils { public static CloseableHttpClient createSSLClientDefault(CookieStore cookies){ SSLContext sslContext=null; try { sslContext=new SSLContextBuilder().l
  • java取反 -右移-左移-无符号右移的探讨 百合不是茶 位运算符 位移
    取反： 在二进制中第一位，1表示符数，0表示正数 byte a = -1; 原码：10000001 反码：11111110 补码：11111111 //异或: 00000000 byte b = -2; 原码：10000010 反码：11111101 补码：11111110 //异或: 00000001
  • java多线程join的作用与用法 bijian1013 java多线程
            对于JAVA的join，JDK 是这样说的：join public final void join （long millis ）throws InterruptedException Waits at most millis milliseconds for this thread to die. A timeout of 0 means t
  • Java发送http请求(get 与post方法请求) bijian1013 javaspring
    PostRequest.java package com.bijian.study; import java.io.BufferedReader; import java.io.DataOutputStream; import java.io.IOException; import java.io.InputStreamReader; import java.net.HttpURL
  • 【Struts2二】struts.xml中package下的action配置项默认值 bit1129 struts.xml
    在第一部份，定义了struts.xml文件，如下所示：   <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN" "http://struts.apache.org/dtds/struts
  • 【Kafka十三】Kafka Simple Consumer bit1129 simple
    代码中关于Host和Port是割裂开的，这会导致单机环境下的伪分布式Kafka集群环境下，这个例子没法运行。 实际情况是需要将host和port绑定到一起，   package kafka.examples.lowlevel; import kafka.api.FetchRequest; import kafka.api.FetchRequestBuilder; impo
  • nodejs学习api ronin47 nodejs api
    NodeJS基础 什么是NodeJS JS是脚本语言，脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS，浏览器充当了解析器的角色。而对于需要独立运行的JS，NodeJS就是一个解析器。 每一种解析器都是一个运行环境，不但允许JS定义各种数据结构，进行各种计算，还允许JS使用运行环境提供的内置对象和方法做一些事情。例如运行在浏览器中的JS的用途是操作DOM，浏览器就提供了docum
  • java-64.寻找第N个丑数 bylijinnan java
    public class UglyNumber { /** * 64.查找第N个丑数 具体思路可参考 [url] http://zhedahht.blog.163.com/blog/static/2541117420094245366965/[/url] * 题目：我们把只包含因子 2、3和5的数称作丑数（Ugly Number）。例如6、8都是丑数，但14
  • 二维数组（矩阵）对角线输出 bylijinnan 二维数组
    /** 二维数组 对角线输出 两个方向 例如对于数组： { 1, 2, 3, 4 }, { 5, 6, 7, 8 }, { 9, 10, 11, 12 }, { 13, 14, 15, 16 }, slash方向输出： 1 5 2 9 6 3 13 10 7 4 14 11 8 15 12 16 backslash输出： 4 3
  • [JWFD开源工作流设计]工作流跳跃模式开发关键点(今日更新) comsci 工作流
       既然是做开源软件的,我们的宗旨就是给大家分享设计和代码,那么现在我就用很简单扼要的语言来透露这个跳跃模式的设计原理    大家如果用过JWFD的ARC-自动运行控制器,或者看过代码,应该知道在ARC算法模块中有一个函数叫做SAN(),这个函数就是ARC的核心控制器,要实现跳跃模式,在SAN函数中一定要对LN链表数据结构进行操作,首先写一段代码,把
  • redis常见使用 cuityang redis常见使用
    redis 通常被认为是一个数据结构服务器，主要是因为其有着丰富的数据结构 strings、map、 list、sets、 sorted sets 引入jar包 jedis-2.1.0.jar  (本文下方提供下载) package redistest; import redis.clients.jedis.Jedis; public class Listtest
  • 配置多个redis dalan_123 redis
    配置多个redis客户端 <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"       xmlns:xsi=&quo
  • attrib命令 dcj3sjt126com attr
      attrib指令用于修改文件的属性.文件的常见属性有:只读.存档.隐藏和系统.    只读属性是指文件只可以做读的操作.不能对文件进行写的操作.就是文件的写保护.    存档属性是用来标记文件改动的.即在上一次备份后文件有所改动.一些备份软件在备份的时候会只去备份带有存档属性的文件. 
  • Yii使用公共函数 dcj3sjt126com yii
    在网站项目中，没必要把公用的函数写成一个工具类，有时候面向过程其实更方便。 在入口文件index.php里添加 require_once('protected/function.php'); 即可对其引用，成为公用的函数集合。 function.php如下：   <?php /**   * This is the shortcut to D
  • linux 系统资源的查看（free、uname、uptime、netstat） eksliang netstatlinux unamelinux uptimelinux free
    linux 系统资源的查看 转载请出自出处：http://eksliang.iteye.com/blog/2167081   http://eksliang.iteye.com 一、free查看内存的使用情况 语法如下：   free [-b][-k][-m][-g] [-t] 参数含义 -b:直接输入free时，显示的单位是kb我们可以使用b(bytes),m
  • JAVA的位操作符 greemranqq 位运算JAVA位移<<>>>
    最近几种进制，加上各种位操作符，发现都比较模糊，不能完全掌握，这里就再熟悉熟悉。   1.按位操作符 ：    按位操作符是用来操作基本数据类型中的单个bit,即二进制位，会对两个参数执行布尔代数运算，获得结果。    与（&）运算：    1&1 = 1, 1&0 = 0, 0&0 &
  • Web前段学习网站 ihuning Web
      Web前段学习网站 菜鸟学习：http://www.w3cschool.cc/   JQuery中文网：http://www.jquerycn.cn/   内存溢出：http://outofmemory.cn/#csdn.blog   http://www.icoolxue.com/   http://www.jikexue
  • 强强联合：FluxBB 作者加盟 Flarum justjavac r
    原文：FluxBB Joins Forces With Flarum作者：Toby Zerner译文：强强联合：FluxBB 作者加盟 Flarum译者：justjavac FluxBB 是一个快速、轻量级论坛软件，它的开发者是一名德国的 PHP 天才 Franz Liedke。FluxBB 的下一个版本(2.0)将被完全重写，并已经开发了一段时间。FluxBB 看起来非常有前途的，
  • java统计在线人数（session存储信息的） macroli javaWeb
    这篇日志是我写的第三次了 前两次都发布失败！郁闷极了！   由于在web开发中常常用到这一部分所以在此记录一下，呵呵，就到备忘录了！ 我对于登录信息时使用session存储的，所以我这里是通过实现HttpSessionAttributeListener这个接口完成的。 1、实现接口类，在web.xml文件中配置监听类，从而可以使该类完成其工作。 public class Ses
  • bootstrp carousel初体验 快速构建图片播放 qiaolevip 每天进步一点点学习永无止境bootstrap纵观千象
    img{ border: 1px solid white; box-shadow: 2px 2px 12px #333; _width: expression(this.width > 600 ? "600px" : this.width + "px"); _height: expression(this.width &
  • SparkSQL读取HBase数据，通过自定义外部数据源 superlxw1234 sparksparksqlsparksql读取hbasesparksql外部数据源
    关键字：SparkSQL读取HBase、SparkSQL自定义外部数据源     前面文章介绍了SparSQL通过Hive操作HBase表。   SparkSQL从1.2开始支持自定义外部数据源(External DataSource)，这样就可以通过API接口来实现自己的外部数据源。这里基于Spark1.4.0，简单介绍SparkSQL自定义外部数据源，访
  • Spring Boot 1.3.0.M1发布 wiselyman spring boot
        Spring Boot 1.3.0.M1于6.12日发布，现在可以从Spring milestone repository下载。这个版本是基于Spring Framework 4.2.0.RC1,并在Spring Boot 1.2之上提供了大量的新特性improvements and new features。主要包含以下：   1.提供一个新的sprin
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他