![](https://img-blog.csdnimg.cn/direct/4bd0789f56e44f71a56988c94bf29052.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaWeb
文章平均质量分 79
JavaWeb
A仔不会笑
愿你成为自己的太阳,无需借助谁的光
展开
-
Swagger的介绍和使用
Swagger 是一个规范和完整的框架,用于生成、描述、调用和可视化 RESTful 风格的 Web 服务(<https://swagger.io/>)。它的主要作用是:1. 使得前后端分离开发更加方便,有利于团队协作2. 接口的文档在线自动生成,降低后端开发人员编写接口文档的负担3. 功能测试Spring已经将Swagger纳入自身的标准,建立了Spring-swagger项目,现在叫Springfox。通过在项目中引入Springfox ,即可非常简单快捷的使用Swagger。原创 2024-06-19 21:12:13 · 316 阅读 · 0 评论 -
nginx反向代理和负载均衡
nginx 反向代理,就是将前端发送的动态请求由 nginx 转发到后端服务器。因为nginx本身可以进行缓存,如果访问的同一接口,并且做了数据缓存,nginx就直接可把数据返回,不需要真正地访问服务端,从而提高访问速度。所谓负载均衡,就是把大量的请求按照我们指定的方式均衡的分配给集群中的每台服务器。因为一般后台服务地址不会暴露,所以使用浏览器不能直接访问,可以把nginx作为请求访问的入口,请求到达nginx后转发到具体的服务中,从而保证后端服务的安全。原创 2024-06-18 21:15:19 · 498 阅读 · 0 评论 -
【JavaWeb】Day01.HTML和CSS实现标题排版
HTML和CSS实现标题排版原创 2024-03-05 21:20:34 · 293 阅读 · 0 评论 -
Day02.HTML和CSS实现标题样式
特点:一行可以显示多个(组合行内元素),宽度和高度默认由内容撑开。 是一个在开发网页时大量会用到的没有语义的布局标签。注意:使用外联样式时一定要写一个单独的.css文件,如下图。font-size:字体大小 (注意:记得加px)举例说明:(调节标题颜色三种方式)在css文件夹中创建.css文件。color:设置文本的颜色。原创 2024-03-07 12:38:17 · 336 阅读 · 0 评论 -
【JavaWeb】Day3 HTML实现超链接和正文排版
属性:可以看到加入超链接后默认变成紫色,且新浪政务采用_self,新网页在当前页面打开。央视网采用_blank,新页面在空白页面打开。接下来调整超链接的颜色将它改为黑色,从CSS官方文档()CSS参考手册中可查看text-decoration的属性。可以看到两处超链接都变成了黑色。原创 2024-03-07 19:56:28 · 403 阅读 · 0 评论 -
【JavaWeb】Day04.CSS页面布局——盒子模型
注意:如果只需要设置某一个方位的边框、内边距、外边距,可以在属性名后加上 –位置,如:padding-top、padding-left、padding-right …盒子:页面中所有的元素(标签),都可以看做是一个 盒子,由盒子将页面中的元素包含在一个矩形区域内,通过盒子的视角更方便的进行页面布局。盒子模型组成:内容区域(content)、内边距区域(padding)、边框区域(border)、外边距区域(margin)。border:设置边框的属性,如:1px solid #000。原创 2024-03-08 17:31:55 · 172 阅读 · 1 评论 -
【JavaWeb】Day05.HTML——表单、表格标签
【JavaWeb】Day05.HTML——表单、表格标签原创 2024-03-09 11:33:48 · 220 阅读 · 1 评论 -
【JavaWeb】Day06.JS基础语法
【JavaWeb】Day06.JS基础语法原创 2024-03-10 11:01:03 · 820 阅读 · 1 评论 -
【JavaWeb】Day07.JS函数定义及调用
var functionName = function (参数1,参数2..)原创 2024-03-11 11:24:45 · 239 阅读 · 6 评论 -
【JavaWeb】Day08.JS基础对象——Array、String、JSON
对象是 JavaScript 的数据类型之一,用于存储键/值(名称/值)集合。JavaScript 对象是命名值的集合。原创 2024-03-12 22:19:07 · 301 阅读 · 1 评论 -
【JavaWeb】Day09.JavaScript自定义对象和BOM对象
(JavaScript 对象中的)名称:值对被称为属性。原创 2024-03-13 20:01:29 · 489 阅读 · 0 评论 -
【JavaWeb】Day10.JavaScriptDOM对象
作为对象的 HTML 元素所有 HTML 元素的属性访问所有 HTML 元素的方法所有 HTML 元素的事件换言之:HTML DOM 是关于如何获取、更改、添加或删除 HTML 元素的标准。原创 2024-03-14 19:38:48 · 314 阅读 · 0 评论 -
【JavaWeb】Day11.JavaScript事件监听
事件:HTML事件是发生在HTML元素上的 “事情”。事件监听:JavaScript可以在事件被侦测到时执行代码。原创 2024-03-15 21:43:38 · 229 阅读 · 1 评论 -
【JavaWeb】Day12.Vue2简单入门
Vue() 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型。Vue基于MVVM(Model-View-ViewModel)思想,实现数据的双向绑定,将编程的关注点放在数据上。原创 2024-03-16 16:19:44 · 267 阅读 · 1 评论 -
【JavaWeb】Day13.Vue2简单入门——生命周期
注意:mounted:挂载完成,Vue初始化成功,HTML页面渲染成功。(发送请求到服务端,加载数据)一般不会在beforeDestroy操作数据,因为即便操作数据,也不会再触发更新流程。mounted:发送ajax请求、启动定时器、绑定自定义事件、订阅消息等初始化操作。beforeDestroy:清除定时器、解绑自定义事件、取消订阅消息等收尾工作。销毁后自定义事件会失效,但原生DOM事件依然有效。销毁后借助Vue开发者工具看不到任何信息。原创 2024-03-17 20:24:30 · 341 阅读 · 1 评论 -
【JavaWeb】Day14.前后端交互基础——Ajax
1.概念:异步的JavaScript和XML。不重新加载整个页面注意:AJAX 并不是编程语言。AJAX 是一种从网页访问 Web 服务器的技术。原创 2024-03-18 23:19:39 · 419 阅读 · 0 评论 -
【JavaWeb】Day15.前端工程化——Node.js安装与配置
选择合适的版本下载。原创 2024-03-19 19:47:17 · 274 阅读 · 0 评论 -
【JavaWeb】Day16.前端工程化——Vue项目开发流程
创建项目的两种方式:vue ui下面展示第二种方式:按照下图创建项目此时命令行开始生成项目注意此过程需要联网此时就已经成功创建Vue项目。原创 2024-03-20 22:09:30 · 346 阅读 · 1 评论 -
【JavaWeb】Day17.前端工程化——Vue项目开发流程
Vue的组件文件以 .vue结尾,每个组件由三个部分组成: 、、。上个文章展示了建立新的Vue项目并打开网页,今天展示项目是如何形成的,即项目的开发流程。用VScode打开新建的项目。原创 2024-03-22 21:21:14 · 173 阅读 · 1 评论 -
【JavaWeb】Day18.Vue组件库Element
首先新创建一个.Vue项目,创建vue框架。Vue的组件文件每个组件由三个部分组成: 、、。因为默认情况下展示为根组件内容,所以要在app.vue中添加引用。首先Ctrl+c终止任务,点击在集成终端中打开。在main.js中引入ElementUI组件库。在打开官网复制代码,以button按钮为例。原创 2024-03-24 00:35:48 · 349 阅读 · 1 评论 -
【JavaWeb】Day19.Vue组件库Element——常见组件
Table 表格:用于展示多条结构类似的数据,可对数据进行排序、筛选、对比或其他自定义操作。首先打开官网找到表格(以带边框表格为例 ,点击显示代码把代码复制到自己的vue项目中点击npm脚本运行,查看网页效果还可以再官网代码底部查看参数说明。原创 2024-03-24 21:57:02 · 496 阅读 · 1 评论 -
【JavaWeb】Day20.Vue组件库Element——常见组件
Dialog 对话框:在保留当前页面状态的情况下,告知用户并承载相关操作。首先打开官网()找到使用的对话框组件。原创 2024-03-25 22:06:52 · 214 阅读 · 0 评论 -
【JavaWeb】Day21.Vue路由和打包部署
定义路由有两种方式在根组件中加入<router-view>(动态视图组件)在其他组件中添加<router-link>(请求链接组件)原创 2024-03-26 20:29:42 · 438 阅读 · 0 评论 -
【JavaWeb】Day22.maven安装&介绍
Apache Maven是一个项目管理和构建工具,它基于项目对象模型(Project Object Model , 简称: POM)的概念,通过一小段描述信息来管理项目的构建、报告和文档。原创 2024-03-27 16:04:21 · 641 阅读 · 0 评论 -
【JavaWeb】Day23.maven——依赖管理
依赖:指当前项目运行所需要的jar包。一个项目中可以引入多个依赖。例如:在当前工程中,我们需要用到logback来记录日志,此时就可以在maven工程的pom.xml文件中,引入logback的依赖。具体步骤如下:1. 在pom.xml中编写<dependencies>标签2. 在<dependencies>标签中使用<dependency>引入坐标3. 定义坐标的 groupId、artifactId、version4. 点击刷新按钮,引入最新加入的坐标。原创 2024-03-27 22:03:54 · 1531 阅读 · 0 评论 -
【JavaWeb】Day24.Web入门——SPringBootWeb入门
在com.itheima这个包下创建一个子包controller然后在controller包下新建一个类:HelloController3.运行测试运行SpringBoot自动生成的引导类打开浏览器,输入 `http://localhost:8080/hello`原创 2024-03-28 14:14:10 · 373 阅读 · 0 评论 -
【JavaWeb】Day25.Web入门——HTTP协议(一)
HTTP:Hyper Text Transfer Protocol(超文本传输协议),规定了浏览器与服务器之间数据传输的规则。如果想知道http协议的数据传输格式有哪些,可以打开浏览器,点击`F12`打开开发者工具,点击`Network`来查看。浏览器向服务器进行请求时: 服务器按照固定的格式进行解析服务器向浏览器进行响应时:浏览器按照固定的格式进行解析所以,学习HTTP主要就是学习请求和响应数据的具体格式内容。原创 2024-03-28 20:05:29 · 1088 阅读 · 0 评论 -
【JavaWeb】Day26.Web入门——HTTP协议(二)
协议/版本:HTTP/1.1响应状态码:200状态码描述:OK响应头(以上图中黄色部分):响应数据的第二行开始。格式为key:value形式http是个无状态的协议,所以可以在请求头和响应头中设置一些信息和想要执行的动作响应体和响应头之间有一个空行隔开(作用:用于标记响应头结束)原创 2024-03-29 15:17:43 · 252 阅读 · 0 评论 -
【JavaWeb】Day27.Web入门——Tomcat介绍
服务器硬件:指的也是计算机,只不过服务器要比我们日常使用的计算机大很多。服务器,也称伺服器。是提供计算服务的设备。由于服务器需要响应服务请求,并进行处理,因此一般来说服务器应具备承担服务并且保障服务的能力。服务器的构成包括处理器、硬盘、内存、系统总线等,和通用的计算机架构类似,但是由于需要提供高可靠的服务,因此在处理能力、稳定性、可靠性、安全性、可扩展性、可管理性等方面要求较高。在网络环境下,根据服务器提供的服务类型不同,可分为:文件服务器,数据库服务器,应用程序服务器,WEB服务器等。原创 2024-03-29 21:46:15 · 1412 阅读 · 0 评论 -
【JavaWeb】Day28.SpringBootWeb请求响应——请求(一)
由于前后端分离,对后端技术人员来讲,在开发过程中,是没有前端页面的,那就需要专业的接口测试工具(Postman工具)Postman是一款功能强大的网页调试与发送网页HTTP请求的Chrome插件。常用于进行接口测试Postman原是Chrome浏览器的插件,可以模拟浏览器向后端服务器发起任何形式(如:get、post)的HTTP请求使用Postman还可以在发起请求时,携带一些请求参数、请求头等信息。原创 2024-03-31 20:09:00 · 707 阅读 · 0 评论 -
【JavaWeb】Day29.SpringBootWeb请求响应——请求(二)
数组集合参数的使用场景:在HTML的表单中,有一个表单项是支持多选的(复选框),可以提交选择的多个值。原创 2024-03-31 22:17:31 · 804 阅读 · 0 评论 -
【JavaWeb】Day30.SpringBootWeb请求响应——响应
HTTL协议的交互方式:请求响应模式(有请求就有响应)那么Controller程序,除了接收请求外,还可以进行响应。原创 2024-04-01 19:39:26 · 570 阅读 · 0 评论 -
【JavaWeb】Day31.SpringBootWeb请求响应——分层解耦(一)
在我们进行程序设计以及程序开发时,尽可能让每一个接口、类、方法的职责更单一些(单一职责原则)。单一职责原则:一个类或一个方法,就只做一件事情,只管一块功能。这样就可以让类、接口、方法的复杂度更低,可读性更强,扩展性更好,也更利用后期的维护。在我们项目开发中呢,可以将代码分为三层:- Controller:控制层。接收前端发送的请求,对请求进行处理,并响应数据。- Service:业务逻辑层。处理具体的业务逻辑。- Dao:数据访问层(Data Access Object),也称为持久层。原创 2024-04-01 20:45:19 · 946 阅读 · 0 评论 -
【JavaWeb】Day32.SpringBootWeb请求响应——分层解耦(二)
完成Controller层、Service层、Dao层的代码解耦思路:1. 删除Controller层、Service层中new对象的代码2. Service层及Dao层的实现类,交给IOC容器管理3. 为Controller及Service注入运行时依赖的对象第1步:删除Controller层、Service层中new对象的代码第2步:Service层及Dao层的实现类,交给IOC容器管理使用Spring提供的注解:@Component ,就可以实现类交给IOC容器管理。原创 2024-04-02 19:21:50 · 1139 阅读 · 0 评论 -
【JavaWeb】Day33.MySQL概述
点击Download就可以下载对应的安装包了安装包如下下载完成后我们得到的是一个压缩包,将其解压,我们就可以得到的软 件本体了(就是一个文件夹,我们可以把它放在你想安装的位置。配置添加环境变量右键开始菜单就是屏幕左下角,选择命令提示符管理员,打开黑框,敲入mysql,回车。如果提示则证明添加成功。初始化MySQL以管理员身份,运行命令行窗口:稍微等待一会,如果出现没有出现报错信息,则证明data目录初始化没有问题,此时再查看MySQL目录下已经有。原创 2024-04-03 22:47:01 · 1419 阅读 · 0 评论 -
【JavaWeb】Day34.MySQL概述——数据库设计-DDL(一)
在命令行当中来敲这些SQL语句很不方便,主要的原因有以下 3 点:1. 没有任何代码提示。(全靠记忆,容易敲错字母造成执行报错)2. 操作繁琐,影响开发效率。(所有的功能操作都是通过SQL语句来完成的)3. 编写过的SQL代码无法保存。在项目开发当中,通常为了提高开发效率,都会借助于现成的图形化管理工具来操作数据库。原创 2024-04-05 22:20:21 · 1146 阅读 · 0 评论 -
【JavaWeb】Day35.MySQL概述——数据库设计-DDL(二)
关于表结构的操作也是包含四个部分:创建表、查询表、修改表、删除表。原创 2024-04-06 17:51:13 · 874 阅读 · 0 评论 -
【JavaWeb】Day36.MySQL概述——数据库设计-DDL(三)
关于表结构的查询操作,工作中一般都是直接基于图形化界面操作。注意:23版的点击导航中的转到DDL。原创 2024-04-06 21:40:58 · 383 阅读 · 0 评论 -
【JavaWeb】Day37.MySQL概述——数据库设计-DML
DML英文全称是Data Manipulation Language(数据操作语言),用来对数据库中表的数据记录进行增、删、改操作。原创 2024-04-07 19:56:51 · 953 阅读 · 0 评论 -
【JavaWeb】Day38.MySQL概述——数据库设计-DQL(一)
DQL英文全称是Data Query Language(数据查询语言),用来查询数据库表中的记录。查询关键字:SELECT查询操作是所有SQL语句当中最为常见,也是最为重要的操作。在一个正常的业务系统中,查询操作的使用频次是要远高于增删改操作的。当我们打开某个网站或APP所看到的展示信息,都是通过从数据库中查询得到的,而在这个查询过程中,还会涉及到条件、排序、分页等操作。原创 2024-04-08 22:08:48 · 695 阅读 · 0 评论