XYX的Blog-CSDN博客

原创 Javaweb12-Maven基础和进阶

Maven是Apache旗下的一个开源项目，是一款用于管理和构建java项目的工具。，它基于项目对象模型(Project Object Model , 简称: POM)的概念，通过一小段描述信息来管理项目的构建、报告和文档。

2024-08-29 11:19:16 1163

原创 WEB前端16-Vuex状态管理模式

Vuex 是专为 Vue.js 应用程序开发的状态管理模式。它借鉴了 Flux 和 Redux 的理念，将应用程序的状态抽象出来，集中管理在一个全局的 store 中。

2024-08-04 18:26:49 1021

路由在Web开发中指的是确定用户在页面之间导航的机制。在传统的多页面应用中，每次点击链接时浏览器都会向服务器请求一个新的页面。而在单页面应用（SPA）中，所有的页面加载和切换都是在客户端完成的，页面内容通过JavaScript动态更新，而不会重新请求整个页面。Vue Router 是 Vue.js 官方提供的路由管理器。它和Vue.js核心深度集成，允许你通过简单的配置，将组件映射到路由，然后在应用中进行导航。

2024-08-02 18:09:38 1020

原创 WEB前端14-Element UI(学生查询表案例/模糊查询/分页查询)

props数组中存放的是父组件自定义的属性，通过此属性，父组件可以向子组件传递数据值，子组件通过获取数据，进行属性绑定，以实现对组件样式的变化。首先，确保你的项目已经集成了 Vue.js 和 Element UI。如果没有，你可以参考官方文档进行安装和配置。在 Vue.js 中，props 允许父组件向子组件传递数据，使得组件更加灵活和通用。插槽允许父组件将内容插入到子组件的特定位置，增强了组件的复用性和灵活性。方法触发事件，向父组件传递数据，实现组件间的通信。目录之下，以便父组件的灵活调用。

2024-08-01 10:14:28 820

原创 WEB前端13-Vue2常用指令

是Vue.js中用来渲染列表数据的指令，它能够根据数据源迭代渲染出多个元素。标签用于替换文档的内容，它与Js中的textContent和innerHTML属性的作用相同。文本插值支持简单的 JavaScript 表达式，但不推荐在插值中使用复杂逻辑或方法调用。是Vue.js中用来根据表达式的真假条件渲染元素的指令。有时候，我们需要在条件为假的情况下显示备选内容，这时可以使用。是一个包含多个对象的数组，每个对象都至少有一个唯一的。改变时，相关的 DOM 会自动更新,默认为双向绑定。是一个返回布尔值的表达式。

2024-07-30 17:15:11 589

原创 WEB前端12-axios基础

它的设计简单易用，支持并行请求、拦截器、CSRF 防护等特性，使得它成为开发人员首选的 HTTP 请求库之一。在使用axios时，一般使用的默认的axios，这使得一些常用的配置需要在每次发送请求的时候多次重复配置，所以我们可以修改axios的默认配置，减少重复的代码。中的第一个函数用于处理正常的响应，第二个函数用于处理响应时的错误。这段代码展示了如何使用 Axios 发送一个简单的 GET 请求，从指定的 URL 获取数据。请求拦截器允许我们在发送请求前对其进行修改或者添加额外信息，例如请求头部的设置。

2024-07-28 17:25:55 484

原创 WEB前端11-Vue2基础01(项目构建/目录解析/基础案例)

Vue 的组件文件以 .vue 结尾，每个组件由三部分组成。步骤四：修改vue相关的属性。/* 可选的组件样式 */步骤一：安装前端脚手架。

2024-07-27 11:00:01 403 1

原创 WEB前端10- Fetch API(同步/异步/跨域处理)

具体来说，同源策略要求网页中的所有资源（如脚本、样式表和 AJAX 请求）必须来自同一个域、协议和端口，否则就会出现跨域问题。代理服务器充当客户端和目标服务器之间的中介，它接收来自客户端的请求，然后将请求转发给目标服务器，并将目标服务器的响应返回给客户端。Promise 对象是 JavaScript 中处理异步操作的一种机制，它代表了一个异步操作的最终完成或失败，并且其结果值是可用的。: （可选）一个对象，包含配置 fetch 操作的设置，比如方法、头部、请求体、凭据等。这个参数允许精确调整请求的细节。

2024-07-23 19:01:27 853 1

原创 WEB前端09-前端服务器搭建(Node.js/nvm/npm)

前端服务器的搭建在本文中，我们将介绍如何安装和配置 nvm（Node Version Manager）以方便切换不同版本的 Node.js，以及如何设置 npm（Node Package Manager）使用国内镜像，并搭建一个简单的前端服务器。1.Node.js简介什么是 Node.js？Node.js 是一个基于 Chrome V8 引擎构建的 JavaScript 运行时，允许开发者在服务器端运行 JavaScript 代码。特别适用于需要处理大量并发连接的应用程序。与传统的服务器端技术不同，

2024-07-21 11:46:22 1341 1

原创 WEB前端08-综合案例(动态表格)

使用 HTML、CSS 和 JavaScript 创建动态表格在本教程中，我们将创建一个动态表格，允许用户添加行、选择项目，并执行批量操作，如全选或删除选中的行。我们将通过 HTML、CSS 和 JavaScript 来实现这一功能。让我们逐步了解每个部分是如何协同工作的。HTML 结构我们的 HTML 文档设置了页面的基本结构：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8

2024-07-20 18:56:42 850

原创 WEB前端07-DOM对象

HTML DOM是一种编程接口，它表示网页文档的结构化模型。它将整个网页作为一个树形结构表示，其中每个元素（如标签、属性、文本等）都是树的一个节点。HTML DOM 提供了一组对象，这些对象允许开发者通过脚本语言来操作网页的各个部分。例如，可以通过HTML DOM来获取元素、改变元素的内容、修改元素的样式、添加或删除元素等操作。这使得开发者能够创建动态、交互式的网页应用程序。

2024-07-19 11:08:26 696

原创 WEB前端06-BOM对象

window对象是一个全局对象，因此可以直接使用全局对象的属性和方法，而无须写出全局对象的对象名。是用于描述浏览器中对象与对象之间层次关系的模型，提供了独立于页面内容、并能够与浏览器窗口进行交互的对象结构。clearTimeout()-----取消由 setTimeout() 方法设置的 timeout。clearInterval()-----取消由 setInterval() 设置的 timeout。setInterval-----周期性的执行某一个函数。

2024-07-17 11:56:18 924

原创 WEB前端05-JavaScrip基本对象

数组对象是一个有序的数据集合，使用单独的变量名来存储一系列的数据。在JavaScript中，定义数组时不需要指定数组的数据类型，而且可以将不同类型的数据存放到一个数组中。如果函数外层引用的是 let 变量，那么外层普通的 {} 也会作为作用域边界，最外层的 let 也占一个 script 作用域。：函数定义时，它的作用域已经确定好了，因此无论函数将来去了哪，都能从它的作用域中找到当时那些变量。要想里面的 e 和外面的 e 能区分开来，最简单的办法是改成 let，或者用函数来界定作用域范围。

2024-07-16 17:07:45 1055

原创 WEB前端04-JavaScript基本语法(包含ES6新特性，新语法)

这时就有一个规则，当需要条件判断时，这个值被当作 true 还是 false，当作 true 的值归类为 truthy，当作 false 的值归类为 falsy。在 js 中，并不是 boolean 才能用于条件判断，你可以在 if 语句中使用【数字】、【字符串】…因为Js和Java的运算符相差不大，这里着重强调Js运算符的注意事项。

2024-07-16 17:06:21 386

原创 WEB前端03-CSS3基础

CSS是Cascading Style Sheets（层叠样式表）的缩写，它是一种对Web文档添加样式的简单机制，是一种表现HTML或XML等文件外观样式的计算机语言，是一种网页排版和布局设计的技术。伪类是可以向某些选择器添加特殊效果的、一组CSS预定义好的类，不需要进行id和class属性的声明，就能自动地被支持CSS的浏览器所识别。盒子：页面中所有的元素（标签），都可以看做是一个盒子，由盒子将页面中的元素包含在一个矩形区域内，通过盒子的视角更方便的进行页面布局。的网页元素定义显示样式。

2024-07-13 11:46:18 1464

原创 WEB前端02-HTML5基础(02)

在基本表格结构中，表格标题、项目表头和数据资料构成了表格基本结构三个要素。td标签frame属性：表格的边框属性合并单元格单元格距其他8.表单标签表单标签表单属性表单项标签不同类型的input元素、下拉列表、文本域等。input标签通过type属性控制输入形式。input控件常用的属性有type、name、value、size、readonly、disabled、checked、maxlengthHTML5新type控件类型< select>: 定义下拉

2024-07-13 10:22:10 1194

原创 WEB前端01-HTML5基础(01)

C/S: Client/Server （客户端/服务器端）：在用户本地有一个客户端程序，在远程有一个服务器端程序优点：用户体验好缺点：开发、安装，部署，维护麻烦B/S: Browser/Server （浏览器/服务器端）：只需要一个浏览器，用户通过不同的网址(URL)，客户访问不同的服务器端程序优点：开发、安装，部署，维护简单缺点：如果应用过大，用户的体验可能会受到影响。对硬件要求过高。Web标准HTML：负责网页结构(页面元素与内容)CSS：负责网页表现(页面元素的外观，页面样式)JavaScr

2024-07-12 11:54:40 986 1

原创 Javaweb11-Filter过滤器

在Java Servlet中，Filter接口是用来处理HttpServletRequest和HttpServletResponse的对象的过滤器。主要用途是在请求到达Servlet之前或者响应离开Servlet之前对请求或响应进行预处理或后处理。用于封装Filter的配置信息。

2024-07-11 17:26:20 541

原创 Javaweb10-JDBC控制事务

1.**事务概念:**一个包含多个步骤的业务操作。如果这个业务操作被事务管理，则这多个步骤要么同时成功，要么同时失败。2.**基本操作:**使用connection对象来管理事务。

2024-07-11 11:25:48 352

原创 Javaweb09-数据库连接池技术

连接池通过预先创建和维护一组数据库连接，而不是每次请求都创建新的连接，从而避免了频繁的连接和断开操作，减少了数据库服务器的负担，并且能够更快地响应应用程序的数据库请求。不同的是,第一个方法是通过无参的方式建立与数据库的连接，第二个方法是通过传人登录信息的方式建立与数据库的连接。数据库连接池初始化创建一定数量的数据库连接放在数据库连接池中，当访问数据库连接池时，需要向数据库连接池中申请一定的连接对象，如果没有再创建，用完之后放回到连接池中。1.导入Druid的Jar包。3.JDBCUtils工具类。

2024-07-11 10:51:33 294

原创 Javaweb08-JDBC数据库连接技术

*原理：**JDBC在应用程序与数据库之间起到了一个桥梁作用，当应用程序使用JDBC访问特定的数据库时，需要通过不同数据库驱动与不同的数据库进行连接，连接后即可对数据库进行相应的操作。

2024-06-17 18:20:37 1029

原创 Javaweb07-JavaBean技术和Jsp开发模式

*JavaBean组件：**与html分离且使用Java代码封装类**JavaBean分类：**可视化JavaBean：swing 非可视化JavaBean：用于封装实体和业务逻辑。

2024-06-17 11:45:35 757 2

原创 Javaweb06-Jsp技术

*概述：**JSP是Java服务器页面，既可以写静态页面代码，也可以写动态页面代码**特点：**跨平台性，业务代码相分离，组件重用，预编译客户端发生请求到Jsp文件Jsp容器将Jsp文件转换为Java源文件通过编译将其转换为.class文件，它就是一个ServletjspInit()初始化(整个生命周期只会执行一次)-> jspService()处理请求(通过多线程方法处理，由于转换编译第一次请求慢，之后会成为常驻内存快->处理完请求，响应对象由Jsp容器接收，并返回客户端。

2024-06-16 20:42:35 873

原创 Javaweb05-会话技术(cookie,session)

*概念：**在web开发中，服务器跟踪用户的技术为会话技术。

2024-06-13 11:11:07 350 3

原创 Javaweb04-Servlet技术2(HttpServletResponse, HttpServletRequest)

HttpServletResponce对象是继承ServletResponse接口，专门用于封装Http请求设置响应头字段的方法设置常见响应头字段注意：一个Servlet中只可以有一个流对象，否则会报500的错误1.定义：请求重定向，指的是Web服务器接收到客户端的请求后，可能由于某些条件限制，不能访问当前请求URL所指向的Web资源，而是指定了一个新的资源路径，让客户端重新发送请求。

2024-06-12 16:36:06 977

原创 Javaweb03-Servlet技术1(Servlet,ServletConfig,ServletContext)

在Servlet运行期间，经常需要一些配置信息，可以在@WebServlet注解的属性中配置或者在web.xml中配置。当Tomcat初始化一个Servlet时，会将该Servlet的配置信息封装到一个ServletConfig对象中，通过调用init(ServletConfig config)方法将ServletConfig对象传递给Servlet。

2024-06-11 18:23:21 1207

原创 Javaweb02-XML概述

什么是xml？**a.**引入的原因：为了解决不同不同语言之间的数据传输的格式不同**b.**概念：XML是一种可扩展标记语言，适用于不同数据之间的数据交换**c.**XML文档：通过元素的嵌套，可以清晰描述树状结构，因此常常被用作存放相关的配置信息xml与html的区别？**a.**HTML用于显示数据，XML用于传输和存储数据**b.**HTML标签不区分大小写，XML标签严格区分大小写**c.**HTML可以有多个根元素，XML只有一个根元素，且空格不能向HTML一样自动过滤。

2024-06-09 21:58:07 1134

原创 Javaweb01-HTTP协议

定义与作用HTTP是超文本传输协议，用于定义服务端和客户端之间交换数据的过程和数据本身的的格式，同时HTTP是一种请求/响应式的协议，是一种应用层的协议优点支持客户端和服务器模式简单快速，通过Http请求和Http响应加快通信允许传输任意类型的数据，由Context-Type加以标记无状态。HTTP协议处理事务是没有记忆能力的HTTP的版本**HTTP1.0：**建立连接，发送请求信息，响应信息，关闭连接(每次只能处理一个请求)

2024-06-09 12:08:33 445

原创蓝桥杯2023A-06-阶乘的和(Java)

第二行包含 n 个整数，分别表示 Ai，相邻整数之间使用一个空格分隔。输入的第一行包含一个整数 n。输出一行包含一个整数表示答案。

2024-04-09 16:30:59 272 1

原创欧拉函数-求解互质数(Java)

【代码】欧拉函数-求解互质数(Java)

2024-04-09 12:37:11 285

原创快速幂算法(Java)

快速幂算法（Fast Exponentiation Algorithm）是一种用于快速计算大数的指数幂的算法。在计算机科学和数学中，它是一种高效的方法，用于计算形如 x^n 的表达式，其中 x 是任意实数，n 是一个非负整数。传统的指数运算方法的时间复杂度为 O(n)，而快速幂算法的时间复杂度为 O(log n)，因此在处理大数时非常高效。3)，其中指数的二进制表示中，为 1 的位置对应着 x^n 中需要相乘的部分。例如，若指数 n 的二进制表示为 1101，那么 x^n 就可以分解为 x。

2024-04-09 12:36:12 316

原创蓝桥杯2023A-05-互质数(Java)

给定 a, b，求 1 ≤ x < a^b 中有多少个 x 与 a^b 互质。由于答案可能很大，你只需要输出答案对 998244353 取模的结果。输入一行包含两个整数分别表示 a, b，用一个空格分隔。输出一行包含一个整数表示答案。

2024-04-09 12:34:51 999

原创蓝桥杯2023A-04-棋盘(Java)

小蓝拥有 n × n 大小的棋盘，一开始棋盘上全都是白子。小蓝进行了 m 次操作，每次操作会将棋盘上某个范围内的所有棋子的颜色取反 (也就是白色棋子变为黑色，黑色棋子变为白色)。请输出所有操作做完后棋盘上每个棋子的颜色。

2024-04-09 10:39:50 303

原创蓝桥杯2023A-03-平均(Java)

有一个长度为 n 的数组（n 是 10 的倍数），每个数 ai 都是区间 [0, 9] 中的整数。小明发现数组里每种数出现的次数不太平均，而更改第 i 个数的代价为bi，他想更改若干个数的值使得这 10 种数出现的次数相等（都等于n/10），请问代价和最少为多少。接下来 n 行，第 i 行包含两个整数 ai , bi ，用一个空格分隔。输入的第一行包含一个正整数 n。

2024-04-09 10:25:26 570