自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(336)
  • 收藏
  • 关注

原创 JavaWeb——Web入门(4/9)-HTTP协议:请求协议(请求行、请求头、请求体、演示 )

介绍完了 HTTP 协议的概念以及特点之后,接下来介绍 HTTP 当中的请求协议。请求协议指的就是请求数据的格式。HTTP 请求协议在整个 Web 通信中起着至关重要的作用。当用户在浏览器中输入一个网址或者点击一个链接时,浏览器就会向服务器发送一个 HTTP 请求。

2024-11-04 08:00:00 222

原创 JavaWeb——Web入门(3/9)-HTTP协议:概述(概念、特点,HTTP协议定义,基于 TCP 协议,基于请求-响应模型)

HTTP在互联网的世界中,HTTP 就像是一座桥梁,连接着用户的浏览器和服务器。当我们在浏览器中输入一个网址,按下回车键后,浏览器就会通过 HTTP 协议向服务器发送请求,服务器接收到请求后,会根据请求的内容进行处理,并通过 HTTP 协议将响应数据返回给浏览器。例如,当我们在浏览器中访问一个新闻网站时,浏览器会向服务器发送一个请求,请求中包含了我们要访问的页面的地址。服务器接收到请求后,会根据地址找到相应的页面内容,并将其封装成 HTTP 响应数据返回给浏览器。

2024-11-02 08:00:00 683

原创 JavaWeb——Web入门(2/9)-SpringBootWeb:快速入门(入门程序需求、开发步骤、项目相关文件说明、小结)

接下来进入到 Spring Boot web 的入门程序。通过这个入门程序,让大家感受后端 web 程序的开发,体验基于 Spring Boot 进行 web 应用程序开发的便捷性和基本操作步骤。

2024-10-30 08:00:00 581

原创 JavaWeb——Web入门(1/9)-Spring Boot Web介绍(Spring家族,Spring Boot)

在我们了解完了 Maven 这款项目构建工具的基本使用之后,接下来我们正式的进入到 Web 后端开发的学习。第一篇章要了解的是 Spring Boot Web 的入门。在正式开始之前,我们先需要介绍一下什么是 Spring 以及什么是 Spring Boot。我们先来介绍一下 Spring。

2024-10-28 08:00:00 802

原创 JavaWeb——Maven(8/8):依赖管理-生命周期(生命周期的阶段、五个阶段的职责、运行指定生命周期,演示)

Maven 的生命周期是为了对 Maven 项目所有的构建过程进行抽象和统一,就是来描述一次项目构建要经历哪些阶段,包括项目的清理、项目的编译、项目的测试、打包、部署等几乎所有的构建部署。而 Maven 当中的生命周期并不像我们所想象的那样是一条线,实际上,Maven 有三套相互独立的生命周期。Maven中有3套相互独立clean:清理工作。default:核心工作,如:编译、测试、打包、安装、部署等。site:生成报告、发布站点等。

2024-10-26 08:00:00 982

原创 JavaWeb——Maven(7/8):依赖管理-依赖范围(介绍,控制依赖范围,scope值、验证)

依赖的jar包,默认情况下,可以在任何地方使用。可以通过...设置其作用范围。作用范围:主程序范围有效。(main文件夹范围内)测试程序范围有效。(test文件夹范围内)是否参与打包运行。(package指令范围内)

2024-10-24 08:00:00 1015

原创 JavaWeb——Maven(6/8):依赖管理-依赖传递 (介绍、直接依赖与间接依赖、演示、排除依赖)

本小节以 Logback 为例,来了解 Maven 当中依赖传递的情况。我们之前在使用 Logback 记录日志的时候,我们在 Java 工程当中引入了三个包,那这里我们怎么就只是引入了 Logback classic 这一个坐标呢?其实呢,在 Maven 项目当中,我们引入这一个坐标,另外的两个包他也会自动引入进来,如上图,Logback 相关的另外两个依赖也自动的引入了,这就涉及到了 Maven 当中的一个特性,这个特性我们称之为。

2024-10-22 08:00:00 1069

原创 JavaWeb——Maven(5/8):依赖管理-依赖配置(Maven 项目中的依赖配置、访问仓库网站、配置依赖的注意事项)

接下来,我们了解 Maven 当中的第三方依赖管理。依赖管理是 Maven 这款工具最核心的功能。首先讲解 Maven 项目当中如何进行依赖配置。

2024-10-20 08:00:00 848

原创 JavaWeb——Maven(4/8):Maven坐标,idea集成-导入maven项目(两种方式)

Maven 坐标 是 Maven 当中资源的唯一标识。通过这个坐标,我们就能够唯一定位资源的位置。Maven 坐标主要用在两个地方。第一个地方:我们可以使用坐标来定义项目。第二个地方:我们还可以通过坐标来引入项目所需要的依赖。如果在我们当前项目当中需要其他的一个第三方的依赖,比如要某个包的依赖,那我们就可以通过这个包的坐标来引入这个包的依赖。Maven 坐标是由三个部分组成的。一个是组名,也就是 Maven 项目隶属的组的名字。第二个是模块名称,我们也称之为 artifact 的 ID。

2024-10-18 08:00:00 644

原创 JavaWeb——Maven(3/8):配置Maven环境(当前工程,全局),创建Maven项目

Maven工程结构中 “src” 下有 “main” 和 “test” 目录,“main” 下有 “java” 和 “resources” 目录,创建完项目后可编写 “HelloWorld” 类,在 “java” 目录中连包带类一次创建,如 “csdn.qiyi.HelloWorld”,选择 “Build, Execution, Deployment” 这一栏,再选择 “Build Tools”,然后选择 “Maven”,选择第二项 “Maven”,进入界面填写 Maven 项目相关信息,

2024-10-16 08:00:00 832

原创 JavaWeb——Maven(2/8):概述-介绍&安装(步骤、具体操作、测试)

Apache Maven是一个项目管理和构建工具,它基于项目对象模型(POM:project object model)的概念,通过一小段描述信息来管理项目的构建。作用:方便的依赖管理统一的项目结构标准的项目构建流程Maven 的官网详细描述了 Maven 是一款什么样的工具及其核心特点。了解了 Maven 之后,还需了解其模型。模型看一幅图,Maven 由三个部分组成。

2024-10-14 08:00:00 1787

原创 JavaWeb——Maven(1/8):整体介绍(什么是Maven、Maven的作用、小结)

Maven是apache旗下的一个开源项目,是一款用于管理和构建java项目的工具。是一款管理和构建 Java 项目的工具。这是 Maven 的 logo,这里提到了一个组织,ApacheApache软件基金会,成立于1999年7月,是目前世界上最大的最受欢迎的开源软件基金会,也是一个专门为支持开源项目而生的非盈利性组织。所谓开源指的是源代码是开放的,谁都可以看到这个项目的源代码,而且它还是免费的。Apache 旗下的开源项目可以通过访问特定网址看到所有项目,Maven 只是其中的一个开源项目。

2024-10-12 08:00:00 836

原创 JavaWeb——Vue:打包部署(Nginx、目录介绍、部署及启动、访问 )

解压完毕后,介绍一下 Nginx 的安装目录。主要有四个目录:conf用来保存 Nginx 的配置文件;html是用来存放静态资源文件的,如果要部署一些静态资源,比如 CSS 文件,就可以将这些文件放在这个目录下;logs存放的是 Nginx 运行的时候所产生的一些日志文件;临时文件的存放目录temp;最后还有一个 nginx.exe ,这个是 Nginx 的可执行文件,启动 Nginx 就要通过这个来启动。

2024-10-10 08:00:00 2123

原创 JavaWeb——Vue路由(概述、介绍、使用、解决bug)

员工管理的页面已经制作完成。其他页面的制作方式一致。项目中准备了部门管理的页面组件 DeptView ,这样就有了员工管理和部门管理两个页面组件。在系统中,要实现点击部门管理菜单展示部门管理组件,点击员工管理菜单展示员工管理组件的功能,需要用到 Vue 中的路由功能。引入前端路由功能后,点击左侧菜单栏时(部门管理、员工管理),浏览器地址栏变化,路由会自动更新显示与 URL 对应的组件。前端路由指的是 URL 中的哈希与组件之间的对应关系,比如 “#/dept” 中的 “/dept”。Vue路由。

2024-10-08 08:00:00 701

原创 JavaWeb——Vue组件库Element(6/6):Axios异步加载数据(安装、导入并使用axios,查看效果,性别、图像数据处理,最终效果,完整代码 )

目前我们已经完成了页面的布局以及页面中各个组件的制作,剩下最后一步是将列表页面渲染展示出来。要完成列表数据的异步加载,需要用到之前讲到的技术 Axios 来发送异步请求。

2024-10-06 08:00:00 348

原创 JavaWeb——Vue组件库Element(5/6):案例:组件实现(概述、Form表单、Table表格、Pagination 分页、效果展示、完整代码)

在刚才制作出来的页面当中,上面项目的名称已制作好,左侧的菜单栏也已配置好。接下来主要处理的是右侧主展示区域当中的组件编写。在右侧的主展示区域,主要有 3 个组件。上方有一个表单组件,这个表单用来收集用户输入的查询条件。中间一块是一个表格,表格的下面是有一个分页条。所以接下来,我们需要在表格的上面增加一个 Form 表单,在表格的下面增加一个分页条。而这个表单是在一行当中展示的。接下来,我们就参照 Element 所提供的组件进行改造。

2024-10-04 08:00:00 1530

原创 JavaWeb——Vue组件库Element(4/6):案例:基本页面布局(基本框架、页面布局、CSS样式、完善布局、效果展示,含完整代码)

Element 的基本使用方式以及常见的组件已经了解完了,接下来要完成一个案例,通过这个案例让大家知道如何基于 Element 中的各个组件制作一个完整的页面。页面列表中的数据不是写死的,而是要基于 Axios 发送请求动态加载展示的,提供了服务端数据获取的地址,即 YAPI Pro平台提供的 MOCK 地址,访问后返回 JSON 格式的数据,需要将其渲染展示在列表页面中,最终制作出来的页面分为三个部分,上面是页头部分,下面分为左侧菜单栏和右侧主展示区域。该地址来源于互联网,如有侵权请联系删除。

2024-10-02 08:00:00 812

原创 JavaWeb——Vue组件库Element(3/6):常见组件:Dialog对话框、Form表单(介绍、使用、实际效果)

Dialog 对话框组件可以在保留当前页面信息的状态下弹出一个对话框,并在对话框中呈现信息给用户,比如可以呈现表格、form 表单、图片或文字,最终呈现的效果如下。接下来演示对话框组件的使用:直接打开 Element 的官方网站,在左侧菜单栏找到 Dialog 对话框组件,有各种对话框,比如基本用法,点击打开 Dialog 会弹出提示信息,也可在对话框中自定义内容,比如生成表格或表单,还可制作嵌套的 Dialog。演示第二个自定义内容的对话框,点击显示代码,直接复制相关代码。

2024-09-30 08:00:00 1922

原创 JavaWeb——Vue组件库Element(2/6):常见组件:Table表格、Pagination分页(介绍,属性,事件)

第一个常见组件——表格。表格用于展示数据,Element 提供了各式各样的表格,这些表格可以对其中的数据进行排序、筛选、对比等一系列操作。Table表格:用于展示多条结构类似的数据,可对数据进行排序、筛选、对比或其他自定义操作。打开 Element 的官方网站,找到“表格”这个组件,在左侧菜单栏找到“Table 表格”组件并点击。点击打开后,能看到各种各样的表格,有基础表格、带斑马纹的表格、带边框的表格、带状态的表格、固定表头的表格、固定列的表格等。这里选择一个相对简单的带边框的表格为例。

2024-09-28 08:00:00 1085

原创 JavaWeb——Vue组件库Element(1/6):快速入门(什么是Element,安装,引入ElementUI组件库,复制组件代码,启动项目 )

Element:是饿了么团队研发的,一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库。组件:组成网页的部件,例如超链接、按钮、图片、表格、表单、分页条等等。Element 是由饿了么团队研发的,它是一套专门为开发者、设计师以及产品经理准备的基于 Vue 的桌面端组件库。首先要知道,它是基于 Vue 框架的,而且是一套组件库。

2024-09-26 08:00:00 1577

原创 JavaWeb——前端工程化(3/3):Vue项目开发流程(index.html、main.js和根组件之间的联系)

Vue 对象的定义方式和之前通过 el 指定挂载元素的方式一致,在 ES6 中,如果属性名和属性值一致,冒号后的部分可省略,直接简写为 router。main.js 是 Vue 项目的入口文件,其中引入了很多公共组件,比如 App.vue 组件,使用了关键字 import 引入模块,与 import 对应的还有 export 关键字,export 用于将对象或函数导出为模块。在 Vue 项目开发中,main.js 和首页 index.html 很少操作,主要操作的是组件文件(.vue 文件)。

2024-09-24 08:00:00 1009

原创 JavaWeb——前端工程化(2/3):Vue项目简介(创建、目录结构、启动、配置端口)

有两种主要的创建方式可供选择。一是通过命令行输入“vue create vue-project01”,这种方式简洁直接。二是使用图形化界面,输入“vue ui ”,这种方式直观便捷,也是推荐的创建方式。命令行:vue create vue-project01图形化界面:vue ui (推荐)在VSCode终端执行命令:如果运行时遇到报错:按照上一篇的安装流程下来,则可能是还未重启VSCode,重启之后再次执行即可。

2024-09-22 08:00:00 745

原创 JavaWeb——前端工程化(1/3):介绍、环境准备(Vue-cli、安装NodeJS)

在小白看来,这可能就像是一个混乱的“手工作坊”。开发者可能只是随意地创建文件,代码的组织没有明显的规律,各种功能的代码可能混杂在一起。他们可能会直接在一个或几个大文件中编写所有的代码,修改和查找特定功能的代码时就像在大海捞针,十分困难。而且,对于代码的复用,可能就是简单地复制粘贴,导致代码冗余且难以维护。每次添加新功能或者修改现有功能,都可能引发一系列意想不到的问题,就好像不小心碰倒了多米诺骨牌,整个项目变得摇摇欲坠。

2024-09-20 08:00:00 361

原创 JavaWeb——Ajax-Axios(同步与异步,原生Ajax,Axios入门)、前后端分离开发(混合开发比较与介绍)

前后端混合开发是一种将前端和后端的代码逻辑在同一项目中进行混合编写的开发方式。沟通成本高:由于前后端工作混合在一起,可能导致前后端开发人员之间的沟通变得复杂,对于需求的理解和协作可能会出现偏差,增加沟通成本。分工不明确:前后端的职责界限不清晰,容易导致工作重叠或遗漏,影响开发效率和质量。不便管理:混合开发使得项目的管理变得更加困难,包括代码的组织、版本控制、测试等方面,可能会出现混乱的情况。不便维护扩展。

2024-09-18 08:00:00 1117

原创 JavaWeb——Vue(3/3):Vue生命周期(Vue生命周期-介绍、状态图、实例演示)

Vue 的生命周期指的是组件从的整个过程中所经历的一系列阶段,每个阶段都有对应的钩子函数,可以在这些钩子函数中执行特定的操作。

2024-09-16 08:00:00 330

原创 JavaWeb——Vue(2/3):Vue常用指令(v-bind ,v-model,v-on,v-if , v-show,v-for )、案例(表格数据渲染)

Vue常用指令指令:HTML 标签上带有v-前缀的特殊属性,不同指令具有不同含义。例如:v-if,v-for..常用指令指令 作用v-bind 为HTML标签绑定属性值,如设置href,css样式等v-model 在表单元素上创建双向数据绑定v-on 为HTML标签绑定事件v-if 条件性的渲染某元素,判定为true时渲染,否则不渲染v-else-ifv-elsev-show 根据条件展示某元素,区别在于切换的是display属性的值v-for 列表渲染,遍历容器的元素或者对象的属性

2024-09-14 08:00:00 399

原创 JavaWeb——Vue(1/3):Vue介绍、Vue快速入门

Vue:负责处理应用的数据和业务逻辑。它代表着应用的数据源和相关的操作,例如从数据库获取数据、执行数据的创建、更新、删除等操作。:即用户界面,负责数据的展示以及接收用户的输入。视图通常是由 HTML、CSS 和相关的前端模板语言构建而成。:作为连接视图和模型的桥梁。它将模型中的数据进行转换和处理,使其能够以适合视图展示的形式呈现;同时,它也监听视图上的用户操作,并将这些操作转化为对模型数据的操作指令。

2024-09-12 08:00:00 468

原创 JavaWeb——JavaScript(4/4)- JS事件监听:事件绑定、常见事件、案例(原始代码,完整代码,最终效果 )

事件绑定事件绑定是将特定的事件(如点击、鼠标移动、键盘按键按下等)与相应的处理函数关联起来的过程。当指定的事件在对应的元素上发生时,与之绑定的处理函数就会被调用执行,以实现相应的功能或操作。方式一:通过HTML标签中的事件属性进行绑定方式二:通过DOM元素属性绑定

2024-09-10 08:00:00 398

原创 JavaWeb——JavaScript(3/4)-JS对象:BOM、DOM(Window、Location,概念、标准模型、获取元素对象)

BrowserObjectModel 浏览器对象模型,允许JavaScript与浏览器对话,JavaScript 将浏览器的各个组成部分封装为对象。组成:Window:浏览器窗口对象Navigator:浏览器对象Screen:屏幕对象History:历史记录对象Location:地址栏对象。

2024-09-08 08:00:00 898

原创 JavaWeb——JavaScript(2/4)-JS函数、JS对象(Array,String,JSON)

JavaScript中Array对象用于定义数组。定义var变量名 =newArray(元素列表);//方式一var变量名 =元素列表;//方式二访问arr[ 索引 ] = 值;注意:JavaScript中的数组相当于Java中集合,数组的长度是可变的,而JavaScript是弱类型,所以可以存储任意的类型的数据。属性属性描述length设置或返回数组中元素的数量。方法方法描述forEach()遍历数组中的每个有值的元素,并调用一次传入的函数push()

2024-09-06 08:00:00 1268

原创 JavaWeb——JavaScript(1/4)-介绍、JS引入方式、JS基础语法(书写语法,变量数据,类型、运算符、流程控制语句)

JavaScriptJavaScript(简称:JS)是一门跨平台、面向对象的脚本语言。是用来控制网页行为的,它能使网页可交互。JavaScript和Java是完全不同的语言,不论是概念还是设计。但是基础语法类似。JavaScript在1995年由Brendan Eich发明,并于1997年成为ECMA标准。ECMAScript 6(ES6)是最新的JavaScript版本(发布于2015年)。ECMA。

2024-09-04 08:00:00 1053

原创 JavaWeb——介绍(什么是Web、Web网站的开发模式)、初始Web前端(Web标准、学习内容)

初识Web前端①、网页由哪些部分组成?文字、图片、音频、视频、超链接...②、我们看到的网页,背后的本质是什么?程序员写的前端代码③、前端的代码是如何转换成用户眼中的网页的?通过浏览器转化(解析和渲染)成用户看到的网页浏览器中对代码进行解析渲染的部分,称为浏览器内核

2024-08-30 08:00:00 569

原创 JavaWeb——HTML、CSS(HTML快速入门、VS Code开发工具、基础标签&样式、表格、表单标签)

什么是HTML、CSS?HTMLHTML(HyperText MarkupLanguage):超文本标记语言。超文本:超越了文本的限制,比普通文本更强大。除了文字信息,还可以定义图片、音频、视频等内容。标记语言:由标签构成的语言HTML标签都是预定义好的。例如:使用展示超链接,使用展示图片,展示视频。HTML代码直接在浏览器中运行,HTML标签由浏览器解析。

2024-08-29 00:02:03 855

原创 Java——动态代理(2/2)-动态代理的应用场景和好处(原始模块、使用代理、测试执行)

使用代理优化用户管理类场景某系统有一个用户管理类,包含用户登录,删除用户,查询用户等功能,系统要求统计每个功能的执行耗时情况,以便后期观察程序性能。需求现在,某个初级程序员已经开发好了该模块,请观察该模块的代码,找出目前存在的问题,并对其进行改造。

2024-08-28 08:00:00 559

原创 Java——动态代理(1/2)-动态代理设计模式介绍、准备工作、代码实现(如何创建代理对象)

程序为什么需要代理?场景:一位歌手需要进行演出,具有以下两个方法:唱歌(){准备话筒,收钱真正开始唱歌跳舞(){准备话筒,收钱真正开始跳舞歌手进行的工作是唱歌和跳舞,然而那些准备工作不用歌手自己来做,而是由经纪人来做,这就是代理。代理是什么样的?对象如果嫌身上干的事太多的话,可以通过代理来转移部分职责。对象有什么方法想被代理,代理就一定要有对应的方法。如何知道要派有唱歌、跳舞方法的代理呢?通过接口也就是经纪公司给出接口,决定要派出什么样的经纪人给歌手public。

2024-08-26 08:00:00 331

原创 Java——注解(2/2)-注解的应用场景、模拟Junit框架(概述、案例、需求与分析、代码实例)

什么是注解的解析?就是判断类上、方法上、成员变量上是否存在注解,并把注解里的内容给解析出来。如何解析注解?指导思想:要解析谁上面的注解,就应该先拿到谁。比如要解析类上面的注解,则应该先获取该类的Class对象,再通过Class对象解析其上面的注解。比如要解析成员方法上的注解,则应该获取到该成员方法的Method对象,再通过Method对象解析其上面的注解。Class、Method、Field、Constructor,都实现了AnnotatedElement接口,它们都拥有解析注解的能力。

2024-08-24 08:00:00 510

原创 Java——注解(1/2)-注解、自定义注解(代码实例,注解的原理)、元注解(Target,Retention)

就是Java代码里的特殊标记,比如:@Override、@Test等,作用是:让其他程序根据注解信息来决定怎么执行该程序。注意:注解可以用在类上、构造器上、方法上、成员变量上、参数上、等位置处。就是自己定义注解注解名称public属性类型 属性名()default默认值;

2024-08-22 08:00:00 385

原创 Java——反射(4/4):反射的作用、应用场景(案例需求、实现步骤、代码实现)

通过反射能够获取到一个类的全部成分,包括其属性、方法、构造函数等。这意味着可以在运行时动态地了解和操作类的结构和行为。说它能破坏封装性,是因为正常情况下,类的私有成员是不应该被外部直接访问和操作的,但反射却提供了一种途径能够绕过这种限制。其最重要的用途在于适合构建 Java 框架。例如,许多主流框架利用反射来实现通用功能。比如,框架可以通过反射自动为对象进行属性赋值、调用对象的方法,或者根据配置动态地创建类的实例等。这样就大大提高了框架的灵活性和通用性,开发者在使用框架时能够更方便地进行定制和扩展。

2024-08-20 08:00:00 555

原创 Java——反射(3/4):获取成员变量和方法对象并使用(获取类的成员变量、获取类的成员方法,方法、代码实例)

Class提供了从类中获取成员变量的方法。方法 说明public Field[] getFields()获取类的全部成员变量(只能获取public修饰的)public Field[] getDeclaredFields()获取类的全部成员变量(只要存在就能拿到)public Field getField(String name)获取类的某个成员变量(只能获取public修饰的)public Field getDeclaredField(String name)获取类的某个成员变量(只要存在

2024-08-18 08:00:00 1208

原创 Java——反射(2/4):获取构造器对象并使用(获取类的构造器、并对其进行操作,获取类构造器的作用,代码实例)

获取类的构造器、并对其进行操作Class提供了从类中获取构造器的方法。方法说明Constructor[] getConstructors()获取全部构造器(只能获取public修饰的)Constructor[] getDeclaredconstructors()获取全部构造器(只要存在就能拿到)

2024-08-16 08:00:00 373

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除