...gt;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

248

转载

HTML

兼容html5 代码

...越多的网页设计师开始使用HTML5代码来开发网站。HTML5代码拥有更好的阅读性和可维护性，而且可以达成更加雅观和逼近原生应用的用户体验。然而，在使用HTML5代码的同时，我们也遭遇着一些兼容性问题。因为不同的浏览器对HTML5代码的解析方式不一样，导致在不同的浏览器下，相同的网页效果会出现不同。为了处理这些问题，我们就需要做好HTML5代码的兼容性工作。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>兼容HTML5代码</title> </head> <body> <h1>HTML5代码</h1> <p>HTML5的代码最大的特征就是语义化，不同的HTML标签用于不同的语义，可以更加清晰地传达信息。而且，HTML5代码还兼容更多的多媒体元素，比如视频和音频。</p> </body> </html> 其中，我们可以通过以下方式达成HTML5代码的兼容性：使用HTML5 Shiv和Modernizr等工具，让旧版浏览器也兼容HTML5新特性。选择常用的HTML5标签和属性，避免使用一些在旧版浏览器中不被兼容的标签和属性。检测浏览器的版本和特性，根据不同的浏览器提供不同的兼容性代码。在处理HTML5代码的兼容性问题时，我们需要注意的是，在追求最新技术的同时，也要考虑到老旧浏览器的兼容性，这样才能达成更好的用户体验。

2023-10-08 13:53:02

408

算法侠

Python

python正太分布校验

...布。高斯分布在数据分析中十分常见，因此高斯分布验证也十分重要。在执行一些统计分析时，正确判断数据是否满足高斯分布有助于提高模型的准确性。

2023-01-05 09:46:36

265

逻辑鬼才

转载文章

[转载]java BufferedImage转MultipartFile

...传等策略。例如，通过使用Java NIO（非阻塞I/O）技术提高大文件上传效率，或者利用多线程技术进行并发处理，减少单个请求的响应时间。此外，对于安全性要求较高的场景，还可以结合现代加密算法对图像数据进行加密处理，确保在流转过程中不被篡改或泄露敏感信息。一些前沿研究甚至探讨了如何在保证数据安全的同时，实现对图像内容的部分模糊处理以保护用户隐私。总之，从BufferedImage到MultipartFile的转换仅仅是Java图形处理及文件上传功能中的一个环节，深入理解和掌握相关的底层原理和技术方案，有助于开发者应对更多复杂的应用需求，并在实际项目中提供更加稳定、高效的服务。

2023-11-25 22:36:21

314

转载

Docker

docker无法下载镜像(群晖docker无法下载镜像)

...ocker用户的日常使用。此外，随着Kubernetes等容器编排系统的广泛应用，对于Docker镜像的管理也提出了新的挑战。在K8s集群环境中，不仅需要关注单个节点的Docker配置，还需要考虑如何在整个集群层面实现镜像缓存共享、镜像更新策略等问题。因此，了解和掌握Helm charts、 Harbor等开源项目，将有助于更好地管理和优化Docker镜像在大规模生产环境中的使用体验。同时，针对企业级安全需求，研究如何配置私有仓库、实施镜像签名验证等高级功能，也是持续保障Docker应用安全的重要议题。随着Docker安全生态的不断完善，诸如Notary、TUF（The Update Framework）等项目为企业提供了更全面的安全防护措施，确保从镜像下载到运行的全生命周期安全可控。

2023-04-18 10:38:27

371

算法侠

CSS

css样式让表格大小自适应

...的处理。随着移动设备使用率的持续增长，确保表格大小自适应各种屏幕尺寸的需求愈发迫切。近期，Bootstrap 5框架在其最新版本中强化了对表格样式的响应式支持，通过引入新的CSS类，开发者能够更方便地控制表格在不同视口宽度下的显示效果。此外，W3C组织也在不断更新和细化CSS Grid布局规范，为复杂数据表的呈现提供了更多可能。Grid布局赋予了设计师和开发者精细调整单元格间距、动态调整列宽等功能，进一步提升了表格内容的可读性和用户体验。同时，为了满足无障碍浏览需求，WCAG 2.1标准建议表格设计时应合理使用ARIA角色属性，以辅助技术正确识别表格结构及内容。例如，使用role="grid"和role="row"等属性能有效提升屏幕阅读器用户的理解度，让信息传达更为准确。深入研究CSS Flexbox布局模式也能为表格设计带来新思路。Flexbox允许子元素在父容器内灵活伸缩与对齐，结合CSS变量和媒体查询，可以创建出高度适应性且表现力丰富的自适应表格样式。总之，在实际项目中，掌握并灵活运用上述技术和规范，不仅能实现表格大小的自适应，更能打造出符合现代网页设计趋势、具有良好交互体验的高质量数据展示界面。

2023-02-13 17:47:53

459

编程狂人

JQuery

jquery数字前面补零

...充零。本文将介绍如何使用 jQuery 来完成数值前面填充零。 //该方法完成数值前面填充零 function addZero(num) { if(num< 10) { return "0" + num; } else { return num; } } 上面的代码是完成数值前面填充零的方法，它接收一个数值变量，并输出一个字符串。首先，该方法会检查该数值是否小于 10，如果是，就在数值前面添加一个 0，否则输出原始数值。下面是如何使用该方法来操作数值前面填充零的示例： //要操作的数值 var num = 5; //使用方法填充零 var numWith0 = addZero(num); //输出结果 console.log(numWith0); //"05" 上面的代码首先定义一个变量 num，它是要操作的数值。然后，使用方法 addZero 对该数值进行操作，将其前面添加一个 0。最后，在控制台中输出结果。以上就是使用 jQuery 完成数值前面填充零的过程。希望本文对您在 web 开发中操作数值时有所帮助。

2023-09-24 12:38:48

342

码农

Python

python求体质指数

...量方法，如生物电阻抗分析或DEXA扫描，作为评估健康状况的补充手段。同时，世界卫生组织呼吁各国政府及医疗机构加强对公众BMI知识的普及教育，并强调个人应定期监测BMI变化，结合饮食结构调整、规律运动等多种方式进行健康管理。随着科技的发展，许多智能穿戴设备已具备实时监测并计算BMI的功能，使得个体化健康管理更为便捷高效。总之，理解并正确运用BMI是维护健康的重要一步，但我们也需认识到其局限性，并结合其他体脂率等相关指标进行综合判断。未来的研究将继续深化对BMI与人体健康的复杂关系的理解，为全球公共卫生政策提供科学依据。

2024-01-20 09:41:03

111

代码侠

转载文章

[转载]android studio升级时提示 Connection failed. Please check your network connection and try again

...Java应用程序优先使用IPv4协议栈进行网络通信。在本文中，添加该参数到idea.vmoptions文件有助于确保Android Studio在访问更新服务器时首选IPv4协议，这对于某些仅支持IPv4或者在IPv6环境下存在兼容性问题的情况尤为关键。更新源（Updates Source） , 在软件开发环境中，更新源是指软件获取新版本、补丁或组件升级信息的远程URL地址。对于Android Studio来说，通过修改idea.vmoptions中的-Didea.updates.url和-Didea.patches.url参数，可以重新指向Google官方或其他可靠的更新源地址，以便于开发者及时获取并应用最新的稳定版或预览版更新内容。在本文情境下，如果默认的HTTP更新源无法正常工作，还可以尝试将更新源切换至HTTPS以解决连接问题。

2023-02-08 20:46:33

126

转载

JQuery

jquery控制div块隐藏

在深入学习了如何使用JQuery进行网页中div块的动态显示与隐藏之后，我们进一步了解当前Web开发领域对此类交互效果的实际应用及最新趋势。近年来，随着Web技术的发展和用户体验需求的提升，JavaScript库如JQuery的角色愈发重要，尤其在实现复杂的用户界面交互时。例如，Bootstrap框架中的Collapse组件就充分利用了类似hide()和show()的方法原理，为开发者提供了开箱即用的折叠面板功能，大大提升了开发效率。同时，诸如Vue.js、React等现代前端框架也在其核心API或第三方库中内置了对元素显示隐藏状态切换的支持，这些功能设计很大程度上受到了JQuery理念的影响。此外，对于无障碍网页设计（WCAG）规范的关注，使得开发者在运用JQuery实现动态效果时，不仅要关注视觉层面的体验，还需确保操作能够被屏幕阅读器等辅助设备正确识别，以达到信息无障碍的目的。近期，jQuery 3.6版本发布，继续优化性能并保持向后兼容性，同时强调了对现代浏览器特性的支持，这意味着即使在不依赖jQuery的情况下也能写出高性能代码，但在简化DOM操作、事件处理等方面，jQuery依然发挥着无可替代的作用。总结来说，从基础的div块显示隐藏到复杂的UI交互构建，再到响应式设计与无障碍访问，JQuery及其理念在不断演进的Web开发世界中持续发挥价值。通过持续关注相关领域的最新动态和技术发展，我们可以更好地利用JQuery及其他前端工具提升网站互动性和用户体验。

2023-01-31 18:25:30

373

软件工程师

VUE

vue图片全屏显示不压缩

...还应注意资源优化，如使用WebP格式替代JPEG或PNG以减小文件体积，或者利用CDN加速图片加载。另外，针对移动设备特性，可参考苹果推出的“适配视网膜显示屏”的最佳实践，采用2x甚至3x的图片源，确保在高DPI屏幕上也能清晰展示。总之，无论是从技术实现还是用户体验角度，实现全屏图片展示的同时避免压缩变形都是现代Web开发的重要考量之一，而Vue.js及其生态提供了丰富的解决方案和最佳实践供开发者借鉴和学习。

2023-04-27 22:56:48

119

码农

Python

python段错误原因

...动态分配的内存空间在使用完毕后未能正确释放，导致系统无法再次使用这部分内存的现象。在Python中，尽管有垃圾回收机制自动管理内存，但在某些特殊情况下（如引用循环、全局大对象等），仍有可能发生内存泄漏问题，长期累积将可能导致系统资源耗尽，进而引发段错误。数组越界 , 数组是存储一系列相同类型数据的数据结构，每个元素都有其唯一的索引位置。数组越界是指程序试图访问数组中不存在的位置，即索引值超出了数组的实际大小范围。在Python中，列表（List）是其数组实现形式，如果代码中对列表进行非法索引操作，将会触发数组越界错误，这种错误通常会导致程序崩溃或出现未定义行为。多线程问题 , 多线程编程是在同一进程中创建并行执行多个线程的技术手段，每个线程都有自己的栈空间和程序计数器，可以独立执行任务。然而，在并发环境下，如果多个线程同时访问和修改同一个共享资源（如变量、数据结构等），而没有采取适当的同步措施（如锁、信号量等），可能会导致竞态条件、数据不一致等问题，严重的状况下也会引发段错误，影响程序的稳定性和正确性。在Python中，虽然GIL（全局解释器锁）确保了同一时刻只有一个线程执行字节码，但仍然需要关注线程间的资源共享与同步问题。

2023-06-07 20:35:26

132

算法侠

CSS

css横向导航分割线

...的用户更方便地浏览并使用网站。为了让水平导向菜单更好看、更明了，我们一般会插入一些分隔符来区分不同的导向元素。下面，我们来看看如何使用CSS插入水平导向分隔符。首先，我们需要在HTML中编写导向菜单的结构。一般来说，我们使用项目列表（UL）和项目（LI）来达成导向菜单。如下所示： <ul class="nav-menu"> <li><a href="">首页</a></li> <li><a href="">公司介绍</a></li> <li><a href="">产品展示</a></li> <li><a href="">联系我们</a></li> </ul> 然后，我们可以使用CSS来插入导向菜单的分隔符。我们可以使用虚拟元素（:after）来在每个导向元素之后插入一条分隔符。如下所示： .nav-menu li { display: inline-block; position: relative; } .nav-menu li:after { content: ""; position: absolute; top: 10px; right: 0; height: 10px; width: 1px; background-color: ccc; } 在上面的CSS代码中，我们首先将导向元素的display属性调整为inline-block，为了它们可以在同一行展现。然后，我们使用position属性将导向元素的position属性调整为relative，为了我们可以在导向元素之后插入分隔线。接下来，我们使用虚拟元素（:after）来创建一个假象元素，并将其插入到每个导向元素之后。我们使用position属性将其定位在导向元素的右侧，并使用background-color属性设置其背景颜色。最后，我们使用height属性和width属性设置分隔线的尺寸和样式。通过以上的CSS代码，我们可以轻松地为水平导向菜单插入好看且明了的分隔符，让用户更加方便地使用网站。

2023-05-12 08:57:33

457

程序媛

VUE

vue后端数据预加载

...ue应用中，常常要求使用Vue-Router以及Vuex进行信息管理，在页面跳转时，也要求延迟加载和加工数据。为了改良用户感受，每个路由组件都应该在展现之前加载好所需数据并存入Vuex中。这个过程叫做预先加载。在Vue中完成数据预先加载的方法非常简单，我们只要求在路由设置文件中进行设定即可。例如： import Home from './views/Home.vue' export default [ { path: '/', name: 'home', component: Home, meta: { preload: true } }, // ... ] 在这个例子中，我们在路由配置对象里增加了一个meta特性，然后设置preload为true。这个特性通知Vue-Router这个路由要求预先加载。接下来，我们可以运用Vue-Router提供的beforeEnter钩子来完成数据预先加载。例如： import store from './store' router.beforeEach((to, from, next) =>{ if (to.meta.preload) { store.dispatch('loadData', to.name).then(() =>{ next() }) } else { next() } }) 在这个例子中，我们在Vue-Router的beforeEach钩子中判断即将进入的路由是否要求预先加载。如果要求，我们就调用Vuex的Action函数loadData，这个函数会延迟加载并加工数据。当数据加载完成后，我们再调用next()函数，进入新路由。如果不要求预先加载，我们直接调用next()函数跳过数据加工流程。总之，Vue中的预先加载功能非常强大，不仅可以改良用户感受，还可以减轻服务器的负担。我们只要求在路由设置文件中进行简单的设定，然后运用Vue-Router的路由钩子函数来完成数据预先加载即可。

2023-05-23 11:47:24

251

程序媛

VUE

vue口诀

...实例、进行数据绑定、使用计算属性、条件渲染、列表渲染和事件处理等核心功能。数据绑定 , 在Vue.js中，数据绑定是一种自动同步组件数据与DOM（文档对象模型）的技术。当数据发生变化时，Vue会自动更新相应的DOM元素，反之亦然。例如，在文章中，我们通过 message 实现将Vue实例中的message变量与页面上的文本内容进行绑定。计算属性（Computed Properties） , Vue.js中的计算属性是对Vue实例内部数据的一种抽象封装，可以基于响应式依赖的数据生成新的衍生值。每当这些依赖的数据发生改变时，计算属性会自动重新计算并返回结果。文中提到的reverseMessage就是一个计算属性，它根据data对象中的message值实时计算并返回反转后的字符串。条件渲染（v-if） , 在Vue.js中，条件渲染是通过v-if指令实现的，允许开发者根据表达式的真假来决定是否渲染或销毁元素。如示例代码所示，当show为真时，v-if=\ show\ 控制的段落元素会被渲染到页面上，否则不会显示。列表渲染（v-for） , Vue.js中的列表渲染是通过v-for指令完成的，它可以遍历数组或对象，并依据其中的每一项动态生成多个DOM元素。文中展示的例子中，v-for=\ item in items\ 会针对items数组中的每个元素生成一个列表项（li），并将当前元素的值插入到列表项内。

2023-04-23 13:30:02

算法侠

HTML

三级联动代码html

...果。达成这一性能可以使用 HTML、JavaScript和CSS 等语言来撰写程序。下面是一个使用 HTML 语言撰写的三级联动程序例子： <select id="province" onChange="changeProvince();"> <option value="">--请选择省区--</option> <option value="1">辽宁省</option> <option value="2">吉林省</option> <option value="3">黑龙江省</option> </select> <select id="city" onChange="changeCity();"> <option value="">--请选择市区--</option> </select> <select id="area"> <option value="">--请选择区域--</option> </select> 上面的程序中，我们首先创建了三个选择框，分别匹配省区、市区和区域。在省区选择框中，我们配置了 onChange 特性，并规定了一个名为 changeProvince 的方法，这个方法用于调整市区和区域选择框的项目。 function changeProvince() { var province = document.getElementById("province").value; var city = document.getElementById("city"); city.options.length = 0; if (province == "") { var area = document.getElementById("area"); area.options.length = 0; area.options.add(new Option("--请选择区域--","")); city.options.add(new Option("--请选择市区--","")); } else if (province == "1") { city.options.add(new Option("沈阳市","101")); city.options.add(new Option("大连市","102")); city.options.add(new Option("鞍山市","103")); } else if (province == "2") { city.options.add(new Option("长春市","201")); city.options.add(new Option("吉林市","202")); city.options.add(new Option("四平市","203")); } else if (province == "3") { city.options.add(new Option("哈尔滨市","301")); city.options.add(new Option("齐齐哈尔市","302")); city.options.add(new Option("牡丹江市","303")); } } 在上述程序中，我们解释了一个名为 changeProvince 的方法，它会取得选定省区的 value 数值，并对市区和区域选择框进行更改。通过更改 options 的长度，我们可以移除原有项目并增加新增项目。在增加新项目时，我们使用 add 方法来增加新增 Option 实体，其中第一个参数为项目的文本，第二个参数为项目的 value 数值。其余的市区和区域的项目更改方法，以及 CSS CSS样式程序等，请自行处理。

2023-11-21 16:03:03

523

软件工程师

JSON

json 无索引序列

...掌握JSON的特性和使用方式，是当今软件开发工程师必备技能之一。不断跟进JSON相关的最新技术和应用场景，将有助于我们构建更高效、更具扩展性的现代Web应用。

2023-01-19 19:48:00

519

代码侠

MySQL

怎么在cmd开启mysql服务

...的关联型DBMS，它使用SQL语言来检索、添加、修改和移除数据。MySQL服务是指在本地计算机上运行的一个MySQL例子，允许用户在命令行和其他客户端应用程序中访问和管控数据。装配MySQL服务在开启MySQL服务之前，您需要先装配MySQL安装包。您可以从MySQL官方网站获取适合您系统软件版次的安装包，并按照指示运行装配向导。装配完成后，您将获得一个MySQL服务器并可以开始开启服务。开启MySQL服务使用Windows的用户可以通过打开命令提示符(cmd)程序来开启MySQL服务。在开始菜单的搜索栏中输入“cmd”，然后选择打开程序。在命令提示符窗口中，输入以下命令： net start mysql 按下回车键后，MySQL服务将开始运行，您现在可以通过其他客户端应用程序（如MySQL Workbench）访问数据库。关闭MySQL服务有时候您需要关闭MySQL服务。在命令提示符窗口，输入以下命令： net stop mysql 按下回车键后，MySQL服务将停止运行。在您需要再次使用MySQL服务时，需要再次以相同方式开启服务。总结通过在命令提示符窗口输入简单的命令，您可以轻松开启和停止MySQL服务。如果您有其他需要处理的数据库任务，可以使用客户端数据库管控软件（如MySQL Workbench）来运行更高级的操作。MySQL服务是非常有用的工具，在适当的配置和使用下，可以帮助您轻松管控和处理大量的数据。

2023-04-15 17:10:20

127

键盘勇士

VUE

vue可视化h5编辑器

...，适合广大前端开发者使用。同时，它也是开源软件，欢迎大家踊跃贡献代码和提出意见。

2023-09-25 09:42:00

逻辑鬼才

VUE

vue单元测试

...Chai等软件。在使用Vue进行单元测试之前，需要先设定好测试环境。这里以Jest为例来介绍Vue的单元测试。首先，在项目中下载安装Jest： npm install --save-dev jest 然后，在package.json中增加以下脚本： "scripts": { "test": "jest" } 这样就可以使用npm run test指令来执行测试。接下来，我们可以编写一个测试用例来测试Vue模块的准确性： // Hello.vue <template> <div> <p>Hello { { name } }!</p> </div> </template> <script> export default { props: { name: { type: String, required: true } } } </script> // Hello.spec.js import { shallowMount } from '@vue/test-utils' import Hello from '@/components/Hello.vue' describe('Hello.vue', () =>{ it('renders props.name when passed', () =>{ const name = 'World' const wrapper = shallowMount(Hello, { propsData: { name } }) expect(wrapper.text()).toMatch(Hello ${name}!) }) }) 执行npm run test指令后，控制台会显示测试结果。如果测试合格，即表示我们的Vue模块能够正确展现预测的字符串。

2023-04-13 20:21:26

算法侠

CSS

css正方形里面加数字

...的元素中心对齐。我们使用了CSS的flexbox排版，通过配置display: flex、justify-content: center、align-items: center，使内部元素横向和垂直中心对齐。接下来，我们所需要做的就是在四方形中插入数字。为了使数字更加突出，我们配置了它的字体加粗，并配置了较大的字号。如果你需要调整数字的大小，只需修改font-size的值即可。 <div class="square">1</div> 最后，在HTML中加入刚刚建立的.square类，我们就可以愉快地插入数字了。这是一种简单有效的方式来使数字在网页中更加突出、易于辨识。

2023-06-14 12:07:04

426

软件工程师

Material UI

利用Material UI的SwipeableDrawer组件在React中实现触摸滑动抽屉：open状态、anchor属性与variant详解

...屉。下面是一个简单的使用SwipeableDrawer的例子： jsx import React from 'react'; import { SwipeableDrawer, makeStyles } from '@material-ui/core'; const useStyles = makeStyles({ root: { position: 'relative', }, }); function App() { const classes = useStyles(); const [open, setOpen] = React.useState(false); const handleClick = () => { setOpen((prevOpen) => !prevOpen); }; return ( Toggle drawer open={open} onClose={() => setOpen(false)} disableBackdropTransition disableDiscovery onOpen={() => setOpen(true)} anchor="right" variant="permanent"> Menu ); } export default App; 在这个例子中，我们首先导入了React和Material UI库中的SwipeableDrawer和makeStyles函数。然后，我们创建了一个名叫root的样式类，给它设计了一条特别的规则——就是position属性要设定为'relative'，这样它就能按照我们的想法进行定位啦。接着，我们创建了一个名为App的函数式组件，并在其中定义了一个状态变量open，初始值为false。我们还定义了一个名为handleClick的函数，当这个函数被调用时，会改变open的状态。最后，我们在return语句中渲染了一个按钮和一个SwipeableDrawer组件。按钮的onClick事件处理器指向handleClick函数，当点击按钮时，会触发handleClick函数，从而改变open的状态。在我们使用SwipeableDrawer这个小部件的时候，你可以把这个open参数当作一个开关来操作。当open参数被设置成“开”状态，也就是true时，那个抽屉就像变魔术一样，嗖的一下就出现在你眼前。而当你把它调整为false，就是“关”状态时，抽屉又会悄无声息地藏起来，完全不会打扰到你的视线。

2023-03-23 18:59:56

313

柳暗花明又一村-t

知识学习

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

随机学习一条linux命令：

tar -xvzf archive.tar.gz - 解压gzip压缩的tar归档包。