...本冲突导致的问题。 Spring Boot , Spring Boot是由Pivotal公司开发的一个开源框架，基于Spring框架，旨在简化新Spring应用的初始搭建以及开发过程。它包含了一系列starter模块，如spring-boot-starter-web，这些模块预置了各种依赖，使得开发者能够快速创建独立运行、生产级别的基于Spring的应用程序。在本文中，通过dependencyManagement特性可以方便地对Spring Boot相关的所有组件版本进行统一升级或替换。

2023-01-31 14:37:14

红尘漫步_t

Kubernetes

Kubernetes (K8s) 节点资源不足问题应对：监控诊断、资源配额调整、HPA与集群扩容实践

...你正在使用GCP gcloud compute instances create new-node \ --image-family ubuntu-1804-lts \ --image-project ubuntu-os-cloud \ --machine-type n1-standard-2 \ --scopes cloud-platform \ --subnet default 然后，你需要将这个新节点加入到Kubernetes集群中，具体操作取决于你的集群管理方式。例如，在Google Kubernetes Engine (GKE) 中，新创建的节点会自动加入集群。 4. 使用Horizontal Pod Autoscaler (HPA) 除了手动调整，我们还可以利用Kubernetes的自动化工具——Horizontal Pod Autoscaler (HPA)，根据实际负载动态调整Pod的数量。例如： bash 创建HPA对象，针对名为my-app的Deployment，目标CPU利用率保持在50% kubectl autoscale deployment my-app --cpu-percent=50 --min=1 --max=10 这段命令会创建一个HPA，它会自动监控"my-app" Deployment的CPU使用情况，当CPU使用率达到50%时，开始增加Pod数量，直到达到最大值10。结语处理Kubernetes节点资源不足的问题，需要我们结合监控、分析和调整策略，同时善用Kubernetes提供的各种自动化工具。在整个这个流程里，持续盯着并摸清楚系统的运行状况可是件顶顶重要的事。为啥呢？因为只有真正把系统给琢磨透了，咱们才能做出最精准、最高效的决定，一点儿也不含糊！记住啊，甭管是咱们亲自上手调整还是让系统自动化管理，归根结底，咱们追求的终极目标就是保证服务能稳稳当当、随时待命。咱得瞅准了，既要让集群资源充分满负荷运转起来，又得小心翼翼地躲开资源紧张可能带来的各种风险和麻烦。

2023-07-23 14:47:19

116

雪落无痕

ReactJS

ReactJS中动画和过渡效果的实现：CSS动画、transition属性与第三方库实践详解

...第三方库react-spring或者react-motion来创建复杂的动画效果。 2. 使用transition属性 ReactJS支持CSS transition属性，可以直接在JavaScript中控制元素的过渡效果。这种方式的优点是可以直接控制过渡的时间和缓动函数。 3. 使用第三方库 ReactJS有很多优秀的第三方库可以用来实现动画和过渡效果，例如react-spring、react-motion、react-transition-group等。这些库真是开发者的好帮手，里面装满了各种实用的小工具，让咱们轻轻松松就能把那些看着头疼的复杂动画效果给实现了，就跟变魔术一样简单有趣！四、在ReactJS中实现动画和过渡效果的具体步骤接下来，我们将详细介绍如何在ReactJS中实现动画和过渡效果。 1. 使用CSS动画在ReactJS中，我们可以使用第三方库react-spring或者react-motion来创建复杂的动画效果。以react-spring为例，首先需要安装这个库，可以通过npm命令来进行安装： npm install react-spring

2023-04-22 09:34:13

131

雪落无痕-t

转载文章

[转载]Springboot 页面访问不到静态资源Failed to load resource: the server responded with a status of 404 ()

...实并删除相应内容。 Springboot 页面访问不到静态资源问题：在HTML文件中引入图片，但是浏览器访问不到图片。 index.html： <!DOCTYPE html><html xmlns:th="http://www.thymeleaf.org"><head><meta charset="UTF-8"><title>Helllo Jenkins</title></head><body><h1 style="text-align: center;">This is my first demo for Jenkins </h1><div align="center"><img th:src="@{/static/doudou.jpg}" style="width: 80%;height: 70%"></div></body></html> 浏览器错误信息： Failed to load resource: the server responded with a status of 404 () 解决方法：在配置文件application.properties设置静态资源的访问路径只有静态资源的访问路径为/static/时，才会处理请求spring.mvc.static-path-pattern=/static/ 重新启动后、完美解决问题本篇文章为转载内容。原文链接：https://lebron.blog.csdn.net/article/details/117636422。该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

2023-10-19 11:16:32

249

转载

JQuery

JQueryAnimate函数实现鼠标交互动画：提升按钮切换、图片缩放与游戏体验

...款名为“React-Spring”的动画库受到了广泛关注，它利用物理学原理模拟真实世界运动，提供高度可定制化的动画效果，同样支持鼠标点击触发的复杂动画场景。而在移动端H5页面及小程序开发中，腾讯AlloyTeam团队推出的“AlloyTouch”插件也以其轻量、高效的触摸和手势识别以及流畅动画效果赢得了开发者青睐。此外，对于无障碍网页设计（WCAG）的标准要求，动画设计不仅要注重视觉冲击力和趣味性，更要考虑对视觉障碍用户的友好性，确保动画效果不会干扰屏幕阅读器等辅助工具的工作，这也是现代前端开发者在运用鼠标点动画时需要深思熟虑的问题。总的来说，鼠标点动画作为提升用户体验的重要手段，在不断演进的前端技术生态中仍具有广泛应用价值，而紧跟前沿技术和设计原则，结合实际应用场景进行创新实践，才是发挥其最大效用的关键所在。

2023-07-31 19:06:58

615

月影清风-t

MyBatis

详解MyBatis中@Mapper与SQL注解映射：从@Select到@Delete的实践运用

...时，MyBatis-Spring-Boot-Starter项目让集成Spring Boot更加便捷，支持自动配置和懒加载，有效提升了开发效率及应用性能。另外，考虑到数据库访问性能和扩展性问题，许多团队开始研究如何结合MyBatis与ORM框架如Hibernate进行互补使用，以兼顾对象关系映射的便利性和SQL灵活性。特别是在大数据量、高并发场景下，这种混合策略愈发受到青睐。此外，随着JPA（Java Persistence API）规范的不断发展和完善，一些开发者也关注到其与MyBatis等传统ORM框架之间的差异对比与最佳实践。例如，《深入浅出MyBatis与JPA：实战对比与最佳应用场景》一文就深度探讨了两者在实际项目中的应用场景和优劣势分析。综上所述，无论是在MyBatis自身特性的深入挖掘，还是与其他ORM框架的比较与融合实践中，都有丰富的前沿知识和实践经验等待我们去探索和学习，以便更好地应对日新月异的软件开发需求。

2023-01-16 14:18:50

177

笑傲江湖-t

SpringBoot

SpringBoot项目在IntelliJ IDEA中使用Maven打包生成可执行Fat Jar的详细流程与主类配置、依赖管理实践

SpringBoot在IDEA中的Maven打包那些事儿你好，各位开发者朋友！今天，我们一起来探讨一个日常开发中常见的问题——如何在IntelliJ IDEA中使用Maven对SpringBoot项目进行正确的打包。在这个过程中，咱们会手把手地通过一些实实在在的实例代码和实战操作，再加点咱们“凡人”式的思考方式，让这个技术话题变得鲜活有趣起来，就像给它注入了生命力一样。 1. 引言为什么我们需要打包？在开发SpringBoot应用时，完成编码与测试后，为了将其部署到服务器或者发布为可执行的jar或war文件，我们就需要用到Maven进行打包。这一步真的超级关键，它可是直接关系到咱们的应用程序能否在目标环境里头既准确又溜溜地跑起来！ 2. 准备工作配置SpringBoot Maven插件首先，让我们打开你的pom.xml文件，确保已包含SpringBoot Maven插件的配置。如下所示： xml org.springframework.boot spring-boot-maven-plugin 这个插件是SpringBoot项目的标配，它能帮我们构建可执行的jar（或war）文件，并包含了内嵌的Tomcat服务器等运行环境信息。 3. 打包实战生成可执行的Jar （1）在IDEA中右键点击项目 -> Maven -> Packages -> Package，或者直接在命令行中执行mvn package命令，Maven将会自动为我们构建项目并生成打包文件。（2）查看target目录，你应该能看到一个名为your-project-0.0.1-SNAPSHOT.jar的文件，这就是Maven为你生成的可执行jar包。你可以通过java -jar your-project-0.0.1-SNAPSHOT.jar命令启动你的SpringBoot应用。小贴士：如果你想定制打包后的jar名字，可以在标签内添加finalName属性： xml customized-name 4. 深入理解 SpringBoot的Fat Jar SpringBoot的打包方式独特之处在于其支持Fat Jar（胖 jar）。这就意味着所有的相关小帮手（依赖库）都会被塞进同一个“大包裹”（jar文件）里，这样一来，应用程序就能自个儿独立跑起来，完全不需要你再额外费心去设置什么类路径了。这是通过SpringBoot Maven插件实现的。 xml ZIP 5. 遇到的问题与解决方案 5.1 Main-Class找不到？有时候，即使你按照上述步骤打包了，但在运行jar时可能会遇到"Could not find or load main class"的问题。这是因为Maven没有正确识别到主类。解决办法是在pom.xml中显式指定主类： xml org.springframework.boot spring-boot-maven-plugin com.yourcompany.yourproject.YourMainApplicationClass 5.2 运行时依赖缺失？如果你发现有些依赖在运行时无法加载，检查一下是否将它们声明为了provided或test范围。这两种类型的依赖在打包时不会被包含进来。你需要根据实际情况调整依赖范围。好了，以上就是在IDEA中使用Maven对SpringBoot项目进行打包的一些基本操作和常见问题处理。希望这篇文章能帮你解决实际开发中的疑惑，也欢迎你在打包过程中产生更多的思考和探索。毕竟，编程的魅力就在于不断尝试、不断解决问题的过程，不是吗？让我们一起在Java世界里愉快地“打包旅行”吧！

2023-02-09 19:33:58

飞鸟与鱼_

Golang

Golang连接MySQL实现高性能数据持久化存储：并发处理、数据库连接与SQL插入查询实践

...近期，Google Cloud宣布对其Cloud SQL产品线进行全面升级，其中MySQL和PostgreSQL托管服务现全面支持Golang的cloud.google.com/go/sqlconnlib库，为开发者提供更便捷、高效且与云平台深度集成的数据库连接管理方案。这一更新不仅提升了Golang在企业级数据处理场景下的表现，也凸显出业界对Golang在高并发、低延迟环境下处理数据能力的认可。同时，随着Kubernetes等容器编排技术的发展，Golang因其高效的性能及良好的并发支持，在构建云原生数据库代理（如ProxySQL）等方面崭露头角。这些中间件可以有效优化数据库访问，提升整体系统的稳定性和可扩展性。此外，许多开源项目如BoltDB（键值存储）、CockroachDB（分布式SQL数据库）等也在利用Golang的独特优势探索新的数据持久化解决方案，持续推动着数据库技术领域的创新与发展。因此，对于热衷于数据持久化存储技术并希望跟进行业趋势的开发者来说，持续跟踪Golang在数据库处理方面的最新进展，深入研究其实际案例与最佳实践，将有助于不断提升自身技术水平，并在实际项目中发挥更大价值。

2023-03-23 17:32:03

470

冬日暖阳-t

ZooKeeper

ZooKeeper在分布式系统中应对网络不稳定性的数据一致性和可用性策略：重试机制与负载均衡器（Netflix Ribbon）实践

...： java Feign.builder() .encoder(new StringEncoder()) .decoder(new StringDecoder()) .client( new RibbonClientFactory( ribbon(DiscoveryEurekaClients.discoveryClient().getRegistry()), new LoadBalancerConfig())); 四、总结总的来说，虽然网络不稳定的问题可能会对ZooKeeper的性能产生负面影响，但只要我们采取适当的措施，就能有效地解决这个问题。另外，眼瞅着技术一天天进步，我们也在翘首期盼能找到更妙的招数来对付这道挑战难关。最后我想插一句，无论是ZooKeeper还是其他任何技术，都没法百分之百保证这些问题通通不出现。重要的是，我们要有足够的勇气去面对它们，并从中学习和成长。

2023-08-15 22:00:39

柳暗花明又一村-t

Gradle

Gradle在持续集成中的关键作用：自动化构建、依赖管理与多项目构建实践及CI服务器集成

...tion 'org.springframework.boot:spring-boot-starter-web:2.5.4' testImplementation 'junit:junit:4.13.2' } 这段代码声明了项目的运行时依赖以及测试依赖。 - 多项目构建：对于大型项目，Gradle支持多项目构建，可以轻松应对复杂的模块化结构，便于在持续集成环境下按需构建和测试各个模块。 4. Gradle与CI服务器集成在实际的持续集成流程中，Gradle常与Jenkins、Travis CI、CircleCI等CI服务器无缝集成。比如在Jenkins中，我们可以配置一个Job来执行Gradle的特定构建任务： bash Jenkins Job 配置示例 Invoke Gradle script: gradle clean build 当代码提交后，Jenkins会自动触发此Job，执行Gradle命令完成项目的清理、编译、测试等一系列构建过程。 5. 结论与思考 Gradle凭借其强大的构建能力和出色的灵活性，在持续集成实践中展现出显著优势。无论是把构建流程化繁为简，让依赖管理变得更溜，还是能同时hold住多个项目的构建，都实实在在地让持续集成工作跑得更欢、掌控起来更有底气。随着项目越做越大，复杂度越来越高，要想玩转持续集成，Gradle这门手艺可就得成为每位开发者包包里的必备神器了。理解它，掌握它，就像解锁了一个开发新大陆，让你在构建和部署的道路上走得更稳更快。不过呢，咱们也得把注意力转到提升构建速度、优化缓存策略这些点上，这样才能让持续集成的效果和效率更上一层楼。毕竟，让Gradle在CI中“跑得更快”，才能更好地赋能我们的软件开发生命周期。

2023-07-06 14:28:07

440

人生如戏

Go-Spring

Go-Spring框架下的一致性哈希实现负载均衡与数据分片：节点动态管理与goka开源库应用

GoSpring下的一致性哈希路由策略实践 1. 引言在分布式系统设计中，一致性哈希（Consistent Hashing）是一种重要的负载均衡和数据分片技术。Go-Spring这款框架，就像是Spring生态和Go语言的一场美妙联姻，它让开发者们能够轻轻松松地采用一致性哈希路由策略来开发应用。说白了，就是给咱程序员朋友提供了一种超方便的方法，在Go语言里也能享受到Spring生态的便利，实现起来那叫一个顺手又高效啊！本文将深入探讨如何在Go-Spring环境下运用一致性哈希，并通过生动的代码实例展示其实现过程。 2. 一致性哈希的基本原理一致性哈希的核心思想是将服务节点与数据映射到一个虚拟的圆环上，使得数据与节点之间的映射关系尽可能地保持稳定。当系统添加或删除节点时，只有少量的数据映射关系需要调整，从而达到负载均衡的目的。想象一下，我们在Go-Spring构建的分布式系统中，如同在一个巨大的、刻着节点标识的“旋转餐桌”上分配任务，这就是一致性哈希的形象比喻。 3. Go-Spring中的一致性哈希实现步骤 (3.1) 创建一致性哈希结构首先，我们需要创建一个一致性哈希结构。在Go-Spring中，我们可以借助开源库如"github.com/lovoo/goka"等来实现。以下是一个简单的示例： go import "github.com/lovoo/goka" // 初始化一致性哈希环 ring := goka.NewConsistentHashRing([]string{"node1", "node2", "node3"}) (3.2) 添加节点到哈希环在实际应用中，我们可能需要动态地向系统中添加或移除节点。以下是添加节点的代码片段： go // 添加新节点 ring.Add("node4") // 如果有节点下线 ring.Remove("node2") (3.3) 数据路由然后，我们需要根据键值对数据进行路由，决定其应该被分配到哪个节点上： go // 假设我们有一个数据键key key := "some_data_key" // 使用一致性哈希算法找到负责该键的节点 targetNode, err := ring.Get(key) if err != nil { panic(err) } fmt.Printf("The data with key '%s' should be routed to node: %s\n", key, targetNode) 4. 深入思考与探讨在实践中，Go-Spring的一致性哈希实现不仅可以提高系统的可扩展性和容错性，还可以避免传统哈希表在节点增删时导致的大规模数据迁移问题。然而，我们也需注意到，尽管一致性哈希大大降低了数据迁移的成本，但在某些极端情况下（如大量节点同时加入或退出），仍然可能引起局部热点问题。所以，在咱们设计和改进的时候，可以考虑玩点儿新花样，比如引入虚拟节点啥的，或者搞些更高级的路由策略，这样一来，就能让系统的稳定性和性能噌噌噌地往上提啦！ 5. 结语总之，Go-Spring框架为我们提供了丰富的工具和灵活的接口去实现一致性哈希路由策略，让我们能够在构建大规模分布式系统时更加得心应手。掌握了这种技术，你不仅能实实在在地解决实际项目里让人头疼的负载均衡问题，更能亲身体验一把Go-Spring框架带来的那种飞一般的速度和超清爽的简洁美。在不断摸爬滚打、动手实践的过程中，我们对一致性哈希这玩意儿的理解越来越深入了，而且，还得感谢Go-Spring这个小家伙，它一边带给我们编程的乐趣，一边又时不时抛出些挑战让我们乐此不疲。

2023-03-27 18:04:48

537

笑傲江湖

Dubbo

Dubbo集成Zipkin与Jaeger：依赖管理与配置详解

...pkin服务器地址 spring.zipkin.base-url=http://localhost:9411/ 使用Brave作为追踪库 brave.sampler.probability=1.0 这里，spring.zipkin.base-url指定了Zipkin服务器的URL，而brave.sampler.probability=1.0则表示所有请求都会被追踪。 2.3 编写服务接口与实现假设我们有一个简单的服务接口，用于处理用户订单： java public interface OrderService { String placeOrder(String userId); } 服务实现类如下： java @Service("orderService") public class OrderServiceImpl implements OrderService { @Override public String placeOrder(String userId) { // 模拟业务逻辑 System.out.println("Order placed for user: " + userId); return "Your order has been successfully placed!"; } } 2.4 启动服务并测试完成上述配置后，启动Dubbo服务端。你可以试试调用placeOrder这个方法，然后看看在Zipkin的界面上有没有出现相应的追踪记录。 3. 深入探讨从Dubbo到Jaeger的转变虽然Zipkin是一个优秀的解决方案，但在某些场景下，你可能会发现它无法满足你的需求。例如，如果你需要更高级别的数据采样策略或是对追踪数据有更高的控制权。这时，Jaeger就成为一个不错的选择。Jaeger是Uber开源的分布式追踪系统，它提供了更多的定制选项和更好的性能表现。将Dubbo与Jaeger集成的过程与Zipkin类似，主要区别在于依赖库的选择和一些配置细节。这里就不详细展开，但你可以按照类似的思路去尝试。 4. 结语持续优化与未来展望集成分布式追踪系统无疑为我们的Dubbo服务增添了一双“慧眼”，使我们能够在复杂多变的分布式环境中更加从容不迫。然而，这只是一个开始。随着技术日新月异，咱们得不停地充电，学些新工具新技能，才能跟上这变化的脚步嘛。别忘了时不时地检查和调整你的追踪方法，确保它们跟得上你生意的发展步伐。希望这篇文章能为你提供一些有价值的启示，让你在Dubbo与分布式追踪系统的世界里游刃有余。记住，每一次挑战都是成长的机会，勇敢地迎接它们吧！

2024-11-16 16:11:57

山涧溪流

Gradle

Gradle构建失败详解：识别原因与有效解决之道

...adle 插件如 spring-boot-maven-plugin 或 maven-surefire-plugin 等，实现跨环境的部署一致性。 3. 一键部署：利用 CI/CD 工具的部署功能，实现从构建到部署的无缝衔接，提升部署效率和可靠性。四、未来趋势与展望随着微服务架构、云原生应用的兴起，Gradle 的角色和应用范围正在不断扩大。未来，开发者将面临更多复杂性和变化，对构建工具的要求也将更加多元化。因此，持续学习和适应新的技术和实践，对于保持项目的竞争力至关重要。结语在复杂项目中高效利用 Gradle 进行构建与管理，不仅要求开发者具备深厚的技术功底，还需要灵活运用最佳实践和工具，不断优化构建流程。通过上述策略的实施，不仅能够提升项目的构建效率和稳定性，还能促进团队协作，加速产品的迭代和交付，最终推动业务目标的实现。

2024-07-29 16:10:49

497

冬日暖阳

转载文章

[转载]SpringBoot+Vue 实现大文件断点下载

... 目录效果代码 SpringBoot Vue 效果步骤点击下载在输入框输入下载的文件名称点击暂停再次点击开始下载完成代码 SpringBoot pom <dependency><groupId>org.apache.httpcomponents</groupId><artifactId>httpcore</artifactId></dependency><dependency><groupId>org.apache.httpcomponents</groupId><artifactId>httpclient</artifactId></dependency><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId></dependency><dependency><groupId>commons-io</groupId><artifactId>commons-io</artifactId><version>2.8.0</version></dependency><dependency><groupId>org.projectlombok</groupId><artifactId>lombok</artifactId><optional>true</optional></dependency> controller package com.kang.controller;import lombok.extern.slf4j.Slf4j;import org.springframework.stereotype.Controller;import org.springframework.web.bind.annotation.RequestMapping;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import java.io.;import java.net.URLEncoder;import java.util.Optional;/ @Description 文件切片下载 @ClassName DownLoadController @Author 康世行 @Date 20:58 2023/2/22 @Version 1.0/@Controller@Slf4jpublic class DownLoadController {private final static String utf8 = "utf-8";@RequestMapping("/down")public void downLoadFile(HttpServletRequest request, HttpServletResponse response) throws IOException {// 设置编码格式response.setCharacterEncoding(utf8);//获取文件路径String fileName=request.getParameter("fileName");String drive=request.getParameter("drive");//参数校验log.info(fileName,drive);//完整路径(路径拼接待优化-前端传输优化-后端从新格式化 )String pathAll=drive+":\\"+fileName;log.info("pathAll{}",pathAll);Optional<String> pathFlag = Optional.ofNullable(pathAll);File file=null;if (pathFlag.isPresent()){//根据文件名，读取file流file = new File(pathAll);log.info("文件路径是{}",pathAll);if (!file.exists()){log.warn("文件不存在");return;} }else {//请输入文件名log.warn("请输入文件名！");return;}InputStream is = null;OutputStream os = null;try {//分片下载long fSize = file.length();//获取长度response.setContentType("application/x-download");String file_Name = URLEncoder.encode(file.getName(),"UTF-8");response.addHeader("Content-Disposition","attachment;filename="+fileName);//根据前端传来的Range 判断支不支持分片下载response.setHeader("Accept-Range","bytes");//获取文件大小//response.setHeader("fSize",String.valueOf(fSize));response.setHeader("fName",file_Name);//定义断点long pos = 0,last = fSize-1,sum = 0;//判断前端需不需要分片下载if (null != request.getHeader("Range")){response.setStatus(HttpServletResponse.SC_PARTIAL_CONTENT);String numRange = request.getHeader("Range").replaceAll("bytes=","");String[] strRange = numRange.split("-");if (strRange.length == 2){pos = Long.parseLong(strRange[0].trim());last = Long.parseLong(strRange[1].trim());//若结束字节超出文件大小取文件大小if (last>fSize-1){last = fSize-1;} }else {//若只给一个长度开始位置一直到结束pos = Long.parseLong(numRange.replaceAll("-","").trim());} }long rangeLenght = last-pos+1;String contentRange = new StringBuffer("bytes").append(pos).append("-").append(last).append("/").append(fSize).toString();response.setHeader("Content-Range",contentRange);// response.setHeader("Content-Lenght",String.valueOf(rangeLenght));os = new BufferedOutputStream(response.getOutputStream());is = new BufferedInputStream(new FileInputStream(file));is.skip(pos);//跳过已读的文件(重点，跳过之前已经读过的文件)byte[] buffer = new byte[1024];int lenght = 0;//相等证明读完while (sum < rangeLenght){lenght = is.read(buffer,0, (rangeLenght-sum)<=buffer.length? (int) (rangeLenght - sum) :buffer.length);sum = sum+lenght;os.write(buffer,0,lenght);}log.info("下载完成");}finally {if (is!= null){is.close();}if (os!=null){os.close();} }} } 启动成功 Vue <html xmlns:th="http://www.thymeleaf.org"><head><meta charset="utf-8"/><title>狂神说Java-ES仿京东实战</title><link rel="stylesheet" th:href="@{/css/style.css}"/></head><body class="pg"><div class="page" id="app"><div id="mallPage" class=" mallist tmall- page-not-market "><div id="header" class=" header-list-app"><div class="headerLayout"><div class="headerCon "><h1 id="mallLogo"><img th:src="@{/images/jdlogo.png}" alt=""></h1><div class="header-extra"><div id="mallSearch" class="mall-search"><form name="searchTop" class="mallSearch-form clearfix"><fieldset><legend>天猫搜索</legend><div class="mallSearch-input clearfix"><div class="s-combobox" id="s-combobox-685"><div class="s-combobox-input-wrap"><input v-model="keyword" type="text" autocomplete="off" value="java" id="mq"class="s-combobox-input" aria-haspopup="true"></div></div><button type="submit" @click.prevent="searchKey" id="searchbtn">搜索</button></div></fieldset></form><ul class="relKeyTop"><li><a>狂神说Java</a></li><li><a>狂神说前端</a></li><li><a>狂神说Linux</a></li><li><a>狂神说大数据</a></li><li><a>狂神聊理财</a></li></ul></div></div></div></div></div><el-button @click="download" id="download">下载</el-button><el-button @click="stop">停止</el-button><el-button @click="start">开始</el-button>{ {fileFinalOffset} }{ {contentList} }<el-progress type="circle" :percentage="percentage"></el-progress></div><script th:src="@{/js/axios.min.js}"></script><script th:src="@{/js/vue.min.js}"></script><link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"><script src="https://unpkg.com/element-ui/lib/index.js"></script><script>new Vue({ el: 'app',data: {keyword: '', //搜索关键字results: [] ,//搜索结果percentage: 0, // 下载进度filesCurrentPage:0,//文件开始偏移量fileFinalOffset:0, //文件最后偏移量stopRecursiveTags:true, //停止递归标签，默认是true 继续进行递归contentList: [], // 文件流数组breakpointResumeTags:false, //断点续传标签，默认是false 不进行断点续传temp:[],fileMap:new Map(),timer:null, //定时器名称},methods: {//根据关键字搜索商品信息searchKey(){var keyword=this.keyword;axios.get('/search/JD/search/'+keyword+"/1/10").then(res=>{this.results=res.data;//绑定数据console.log(this.results)console.table(this.results)})},//停止下载stop(){//改变递归标签为falsethis.stopRecursiveTags=false;},//开始下载start(){//重置递归标签为true 最后进行合并this.stopRecursiveTags=true;//重置断点续传标签this.breakpointResumeTags=true;//重新调用下载方法this.download();},// 分段下载需要后端配合download() {// 下载地址const url = "/down?fileName="+this.keyword.trim()+"&drive=E";console.log(url)const chunkSize = 1024 1024 50; // 单个分段大小，这里测试用100Mlet filesTotalSize = chunkSize; // 安装包总大小，默认100Mlet filesPages = 1; // 总共分几段下载//计算百分比之前先清空上次的if(this.percentage==100){this.percentage=0;}let sentAxios = (num) => {let rande = chunkSize;//判断是否开启了断点续传(断点续传没法并行-需要上次请求的结果作为参数)if (this.breakpointResumeTags){rande = ${Number(this.fileFinalOffset)+1}-${num chunkSize + 1};}else {if (num) {rande = ${(num - 1) chunkSize + 2}-${num chunkSize + 1};} else {// 第一次0-1方便获取总数，计算下载进度，每段下载字节范围区间rande = "0-1";} }let headers = {range: rande,};axios({method: "get",url: url.trim(),async: true,data: {},headers: headers,responseType: "blob"}).then((response) => {if (response.status == 200 || response.status == 206) {//检查了下才发现，后端对文件流做了一层封装，所以将content指向response.data即可const content = response.data;//截取文件总长度和最后偏移量let result= response.headers["content-range"].split("/");// 获取文件总大小，方便计算下载百分比filesTotalSize =result[1];//获取最后一片文件位置，用于断点续传this.fileFinalOffset=result[0].split("-")[1]// 计算总共页数，向上取整filesPages = Math.ceil(filesTotalSize / chunkSize);// 文件流数组this.contentList.push(content);// 递归获取文件数据(判断是否要继续递归)if (this.filesCurrentPage < filesPages&&this.stopRecursiveTags==true) {this.filesCurrentPage++;//计算下载百分比当前下载的片数/总片数this.percentage=Number((this.contentList.length/filesPages)100).toFixed(2);sentAxios(this.filesCurrentPage);//结束递归return;}//递归标签为true 才进行下载if (this.stopRecursiveTags){// 文件名称const fileName =decodeURIComponent(response.headers["fname"]);//构造一个blob对象来处理数据const blob = new Blob(this.contentList);//对于<a>标签，只有 Firefox 和 Chrome（内核）支持 download 属性//IE10以上支持blob但是依然不支持downloadif ("download" in document.createElement("a")) {//支持a标签download的浏览器const link = document.createElement("a"); //创建a标签link.download = fileName; //a标签添加属性link.style.display = "none";link.href = URL.createObjectURL(blob);document.body.appendChild(link);link.click(); //执行下载URL.revokeObjectURL(link.href); //释放urldocument.body.removeChild(link); //释放标签} else {//其他浏览器navigator.msSaveBlob(blob, fileName);} }} else {//调用暂停方法，记录当前下载位置console.log("下载失败")} }).catch(function (error) {console.log(error);});};// 第一次获取数据方便获取总数sentAxios(this.filesCurrentPage);this.$message({message: '文件开始下载！',type: 'success'});} }})</script></body></html> 本篇文章为转载内容。原文链接：https://blog.csdn.net/kangshihang1998/article/details/129407214。该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

2023-01-19 08:12:45

547

转载

建站模板下载

简约HTML苹果刷机助手网站模板

...关资源，方便用户高效安全地进行设备管理与系统升级操作。" 点我下载文件大小：456.44 KB 您将下载一个资源包，该资源包内部文件的目录结构如下：本网站提供模板下载功能，旨在帮助广大用户在工作学习中提升效率、节约时间。本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容，请立即告知我们，我们将迅速响应并删除相关内容。免责声明：站内所有资源仅供个人学习研究及参考之用，严禁将这些资源应用于商业场景。若擅自商用导致的一切后果，由使用者承担责任。

2023-05-27 08:38:30

本站

建站模板下载

响应式钢铁治炼工厂单页网站html模板

...直观的企业形象和信息传递渠道，是展现重工业领域企业风采的理想建站解决方案。点我下载文件大小：8.36 MB 您将下载一个资源包，该资源包内部文件的目录结构如下：本网站提供模板下载功能，旨在帮助广大用户在工作学习中提升效率、节约时间。本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容，请立即告知我们，我们将迅速响应并删除相关内容。免责声明：站内所有资源仅供个人学习研究及参考之用，严禁将这些资源应用于商业场景。若擅自商用导致的一切后果，由使用者承担责任。

2023-08-20 21:36:49

105

本站

建站模板下载

数字代理商业公司模板下载

...线品牌形象塑造与信息传递效果。点我下载文件大小：5.81 MB 您将下载一个资源包，该资源包内部文件的目录结构如下：本网站提供模板下载功能，旨在帮助广大用户在工作学习中提升效率、节约时间。本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容，请立即告知我们，我们将迅速响应并删除相关内容。免责声明：站内所有资源仅供个人学习研究及参考之用，严禁将这些资源应用于商业场景。若擅自商用导致的一切后果，由使用者承担责任。

2023-10-16 16:02:20

266

本站

建站模板下载

全屏黑色奔驰汽车维修HTML5网站模板

...交互元素，强化了信息传递和用户互动性，是展现汽车维修企业实力与服务的理想选择。点我下载文件大小：2.60 MB 您将下载一个资源包，该资源包内部文件的目录结构如下：本网站提供模板下载功能，旨在帮助广大用户在工作学习中提升效率、节约时间。本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容，请立即告知我们，我们将迅速响应并删除相关内容。免责声明：站内所有资源仅供个人学习研究及参考之用，严禁将这些资源应用于商业场景。若擅自商用导致的一切后果，由使用者承担责任。

2023-05-29 21:26:56

279

本站

建站模板下载

全屏背景图轮播系统后台登录页面模板

...码功能，并集成验证码安全机制，确保系统安全性。同时，它以单页模板形式展现，兼顾了操作便利性与界面一致性，适用于各类后台管理系统的登陆界面需求。点我下载文件大小：518.85 KB 您将下载一个资源包，该资源包内部文件的目录结构如下：本网站提供模板下载功能，旨在帮助广大用户在工作学习中提升效率、节约时间。本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容，请立即告知我们，我们将迅速响应并删除相关内容。免责声明：站内所有资源仅供个人学习研究及参考之用，严禁将这些资源应用于商业场景。若擅自商用导致的一切后果，由使用者承担责任。

2023-04-01 09:52:49

本站

建站模板下载

宽屏贫困儿童捐献HTML模板

...参与度，助力实现爱心传递与公益事业的发展。点我下载文件大小：2.50 MB 您将下载一个资源包，该资源包内部文件的目录结构如下：本网站提供模板下载功能，旨在帮助广大用户在工作学习中提升效率、节约时间。本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容，请立即告知我们，我们将迅速响应并删除相关内容。免责声明：站内所有资源仅供个人学习研究及参考之用，严禁将这些资源应用于商业场景。若擅自商用导致的一切后果，由使用者承担责任。

2023-03-20 16:54:37

本站

建站模板下载

政府机构商贸协会类企业前端CMS模板下载

...，便于政府及协会及时传递政策动态与行业信息，同时满足企业展示商贸活动与成果的需求。点我下载文件大小：10.43 MB 您将下载一个资源包，该资源包内部文件的目录结构如下：本网站提供模板下载功能，旨在帮助广大用户在工作学习中提升效率、节约时间。本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容，请立即告知我们，我们将迅速响应并删除相关内容。免责声明：站内所有资源仅供个人学习研究及参考之用，严禁将这些资源应用于商业场景。若擅自商用导致的一切后果，由使用者承担责任。

2023-01-01 12:45:29

本站

建站模板下载

大气会员手机扫码登录页面模板

...过此模板可实现高效、安全、时尚的登录功能，提供给用户更多样化的登录选择。点我下载文件大小：239.01 KB 您将下载一个资源包，该资源包内部文件的目录结构如下：本网站提供模板下载功能，旨在帮助广大用户在工作学习中提升效率、节约时间。本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容，请立即告知我们，我们将迅速响应并删除相关内容。免责声明：站内所有资源仅供个人学习研究及参考之用，严禁将这些资源应用于商业场景。若擅自商用导致的一切后果，由使用者承担责任。

2023-02-08 14:18:17

本站

知识学习

实践的时候请根据实际情况谨慎操作。

随机学习一条linux命令：

pkill -9 process_name - 强制终止指定进程。