当前位置： 首页 > news >正文

html 基础学习笔记

news 文章来源：https://blog.csdn.net/Code_King006/article/details/134969757 2025/4/3 15:03:58

Date:20231212

html标签 基础学习笔记

一、web和internet

1.1、Internet简介

  • Internet 是一个全球性的计算机互联网络，中文名称有"因特网"、“国际互联网”、“网际网”、"交互网络"等
  • Internet提供的主要服务
    • Telnet、Email、www、BBS、FTP等
  • 基本实现技术
    • 分组交换原理：信息在Internet上被分成许多小数据包(分组)进行传输，到达目的地后将数据包重组为信息
    • TCP/IP协议簇
  • Web与Internet的关系
    • Web是运行在Internet之上最流行的应用之一，Internet为Web提供了网络环境
    • Web的出现，极大的推动了Internet的普及与推广

1.2、Web简介

  • 又称为万维网或环球网，即 WWW (World Wide Web)
  • 把各种类型的信息和服务无缝连接，提供生动的图形用户界面（可以称之为文档）
  • 万维网其实就是无数文档的集合，这些文档驻留在因特网的某些地方

1.3、web的工作原理

  • Web 是基于Internet 的一个多媒体信息服务系统
    • 基于浏览器/服务器模式
    • 由Web服务器、浏览器(Browser)和通信协议三部分组成
    • 通信协议采用的是HTTP协议：超文本传输协议(Hypertext Transfer Protocol)
  • 在Web服务器上，主要以网页的形式来发布多媒体信息、
    • 网页采用超文本标记语言HTML(Hyper Text Markup Language)编写
  • 浏览器软件连接到Web服务器并获取网页
    • 浏览器解释HTML网页文档，并显示在用户的屏幕上

1.4、Web服务器

  • 主要功能

    • 存储Web上的内容信息（如:Web页文件），提供管理环境
    • 响应浏览器的请求，执行服务端程序
    • 安全功能等

  • 主要web服务器产品

    • TOMCAT
    • IIS
    • APACHE

1.5、服务端技术

  • 运行于服务端
  • 大多提供了数据库访问的能力
    • PHP
    • JSP
    • ASP
    • Node

1.6、客户端技术

  • 运行于客户端，由浏览器来解释运行
    • HTML
    • CSS
    • JavaScript

二、HTML

2.1、超文本

  • Web是一个超文本文件的集合
  • 超文本文件时web的基本组成单元，也称为网页或HTML文档，web页等，通常以.html或htm为后缀的文件
  • Web页之间通过超文本中的超级链接组织在一起

2.2、什么是HTML

  • HTML(HyperText Markup Lanuage)：超文本标记语言，一种纯文本类型的语言
    • 使用带有尖括号的"标记"将网页中的内容逐一标识出来
  • 用来设计网页的标记语言
  • 用该语言编写的文件，以.html或htm为后缀
  • 由浏览器解释执行
  • HTML页面上，可以嵌套用脚本语言编写的程序段，如VBScript、JavaScript

2.3、标记语法

  • HTML 用于描述功能的符号称为"标记"，比如p、h1等
    • 标记在使用时必须使用尖括号括起来
    • 有封闭类型标记，又有非封闭类型的标记
  • 封闭类型标记，也叫双标记，必须成对出现
    • <标记>内容</标记>
  • 非封闭类型标记，也叫空标记，或者单标记
    • <标记/>
    • 或者
    • <标记>
    • 不能包含内容

2.4、元素

  • 元素，即标记
  • 每一对尖括号包围的部分
    • 如 <body></body>包围的元素就叫做body元素
    • 元素就像是小标签，用于标识网页文档的不同部分

2.5、元素嵌套

  • 元素之间可以相互嵌套，形成更为复杂的语法

  • 在嵌套元素时需要注意标记的嵌套顺序

  • 案例

    <body><p>段落1</p>
</body>

2.6、属性和值

  • 属性用来修饰元素
    • 属性的声明必须位于开始标记里
    • 一个元素的属性可能不止一个，多个属性之间用空格隔开
    • 多个属性之间不区分先后顺序
  • 每个属性都有值
    • 属性和属性的值之间用等号连接
    • 属性的值包含在引号中，或 单引号、不写引号都可以
<p align="center">段落一</p>
  • 标准属性
    • 每个元素都有自己所特有的属性
    • 有些属性是绝大多数元素都支持的属性，称为标准属性(或通用属性)
      • id
      • title
      • class
      • style

2.7、注释

  • 为代码添加适当的注释是一种良好的编码习惯
  • 注释只在编辑文档情况下可见，在浏览器展示页面时并不会显示
  • 添加注释的语法：<!-- 注释的文本内容 -->
    • <!--和-->之间的任何内容都不会显示在浏览器中
    • 注释不可以嵌套在其他注释中
    • 注释不可以位于嵌在<>中

2.8、文档结构

<!-- 网页的头部，页面的全局信息 -->
<!DOCTYPE html>
<html><head><!-- 页面的标题 --><title></title><!-- 页面的元数据(形容页面的东西) --><meta charset="utf-8"><!-- 跟搜索排名有关 --><meta name="" content=""><!-- 引入js文件 --><script></script><!-- 元素内部样式 --><style></style><!-- 引入css文件 --><link/></head><!-- 网页的主体，页面展示的内容 --><body></body>
</html>

三、元素标签 <xxx>

3.1、头部标签/元素

  • <head> 元素用于为页面定义全局信息

    • 所有其他头元素的容器
    • 紧跟在起始标签<html>之后
    • 可包含 <title>、<meta>、<script>、<style>、<link>

  • <title> 用于为文档定义标题

    • 标题元素的内容出现在浏览器顶部
    • 没有属性
    • 必须出现在<head>元素中
    • 一个文档只能有一个标题元素

  • <meta> 用于定义网页的基本信息

    • 元数据元素
    • 为空标题
    • 常用属性有：content http-equiv

3.2、<body> 主体内容

  • <body>元素出现在<head>元素之后，包含网页要显示给读者的内容，称为主题内容

  • 可以包含除了html、head外的所有元素

  • body的专有属性: bgcolor text

  • 案例

      <!-- 背景颜色 -->      <!--字体颜色  -->    
<body bgcolor="#000000"  text="yellow">我的第一个网页
</body>

3.3、文本标记

  • 文本是网页上的重要组成部分
  • 直接书写的文本会用浏览器默认的样本显示
  • 包含在标记中的文本则会被显示为标记所拥有的样式
    • 标题元素
    • 段落元素
    • 换行元素
    • 分区元素
    • 特殊字符
    • 注释

3.3.1、标题元素 <hn>

  • 标题元素让文字以醒目的方式显示,往往用于文章的标题
  • 基本语法<h#>..</h#>
    • #=1,2,3,4,5,6
    • 从h1到h6,即 标题1-标题6

3.3.2、段落元素 <p>

  • p元素提供了结构化文本的一种方式
  • p元素的文本会用单独的段落显示
    • 与前后的文本都换行分开
    • 添加一段额外的垂直空白距离,作为段落间距
    • 常用属性:align

3.3.3、换行元素 <br>

  • 使用br元素在任何地方创建手动换行
    • 空标记

3.3.4、分割线元素 <hr>

  • hr元素用于在页面上创建一条水平线

    • 空标记
    • 常用于将页面的不同部分隔开
    • hr后面的文本将出现在新段落中

  • 常用属性

    • size
    • width
    • align
    • color

  • 案例

    <hr color="red" width="50%" size="10px" align="right"></hr>

3.3.5、预格式化元素 <pre>

  • 保留源文档中的格式,即保留原来的换行和文本中的空白
  • 把源码中的格式保留到页面当中

3.3.6、特殊字符

  • 空格折叠
    • 多个空格或制表符压缩成单个空格,即只显示一个空格
  • 特殊字符(如空格),需要进行转义(使用字符实体)
    • &nbsp; 代表一个空格
    • &copy; 版权©
    • &reg; 注册商标 ®
    • &It; 小于 ＜
    • &gt; 大于 >
    • &yen; ￥
    • &times; ×

3.3.7、文本样式标签

  • 文本样式的作用是对文本进行修饰,如加粗,倾斜等
    • 加粗: <b>..</b>,<strong>..</strong>
    • 倾斜: <i>..</i>,<em>..</em>
    • 下划线: <u>..</u>
    • 删除线: <s>..</s>,<del>..</del>
    • 上标: <sup>..</sup>
    • 下标: <sub>..</sub>

3.4、分区元素
和

  • 分区元素用于为元素分组,常用于页面布局

  • 块分区元素: <div></div>

  • 行内分区元素: <span></span>

    • 设置同一行文字内的不同格式

  • 案例

    <span style="color:red">hello!</span>world

3.5、行内元素与块级元素（重要）

  • 块级元素
    • 默认情况下,块级元素会独占一行,即元素前后都会自动换行
    • 如 p,div,hn
  • 行内元素
    • 不会换行,可以和其他行内元素位于同一行
    • 如 span,b,i,u

3.6、web目录结构

  • 目录就是web站点中文件夹的名称
    • 包含多个目录
    • 每个目录包含站点的不同部分
  • web站点的主目录,称为web站点的根目录
    • 位于根目录下的其他文件夹,称为子目录
    • 每个子目录下都会包含具体功能的下一级子目录

3.7、URL 统一资源定位器

  • URL(Uniform Resource Locator): 统一资源定位器,用来标识网络中的任何资源
    • 文本,图片,音视频文件,段落,或其他超文本
  • 即路径,指从当前位置到目标位置所经过的路线
  • 路径在Web页面主要有三种形式
    • 绝对路径
      • 指的是文件从最高级目录下开始的完整的路径,无论当前路径是什么,使用绝对路径总是能找到要链接的文件
      • 即完整的URL组成
        • 协议,主机名,目录路径,文件名
    • 相对路径
      • 指文件的位置是当对于当前文件的位置,它包括目录名,或指向一个可以从当前目录触发找到该文件的路径
    • 根相对路径
      • src="d:/0.9.png" 项目中禁止用根目录方式获取图片资源,因为d盘是服务器的d盘,浏览器访问不到d盘

3.8、<img> 图片标签

  • <img>或者<img/>
  • 专有属性：
    • src=url 图片资源
    • alt 当图片加载失败时，显示的文本

3.9、<a> 超链接标签

  • 属性

    • href 没有href就是一个文本

    • target指定打开连接的方式

      取值：默认缺省_self   在本页面打开_blank  在新页面打开

  • 作用

    • 跳转网页或网站 <a href="http://www.baidu.com">baidu</a>

    • 跳转锚点

      • 锚点,就是页面上的一个记号，点击a标签之后会跳转到记号的位置
      • 在某位置下记号
        h4方式   <a name=“锚点名称”></a>
h5 方式  任意标签<any id=“锚点名称”></any>
      • 跳转到本页锚点 <a href="#锚点名称">火影忍者</a>
      • 跳转到其他页面的锚点 <a href="**.htm#锚点名称">火影忍者</a>

    • 下载 <a href="" download="01.png">下载</a>

    • 返回顶部 <a href=”#”>返回顶部</a>

    • 调用js脚本

      <a href="javascript:alert('hello world')"></a>
<script>function fn(){alert('hello world')}
</script>
<a href="javascript:fn()">调用js脚本</a>

3.10、<table>表格标签

3.10.1、表格的语法

  • 快捷键: table>tr*4>td*4
  • 表格中列,如果变宽,影响的是所有行这一列的宽度;如果变高,影响的是,当前行所有列的高度

3.10.2、table的属性

  • width=“400px” 宽度
  • height=“400px” 高度
  • border=“2px” 边框
  • bordercolor=“red” 边框颜色
  • bgcolor=“orange” 背景颜色
  • align=“center” 水平对齐方式
  • cellpadding=“50px” 单元格内边距(边框到内容之间的距离)
  • cellspacing=“50px” 单元格的外边距

3.10.3、tr属性

  • align=“right” 这一行内容的水平对齐方式 left/center/right
  • valign=“middle” 这一行内容的垂直对齐方式 top/middle/bottom
  • bgcolor=“yellow” 这一行的背景

3.10.4、td属性

  • width=“200px” 宽度
  • height=“200px” 高度
  • bgcolor=“purple” 背景色
  • align=“left” 这一列内容的水平对齐方式
  • valign=“bottom” 这一列内容的垂直对齐方式
  • colspan 跨列合并
  • rowspan 跨行合并

3.10.5、不规则的表格

  • 跨列

    colspan 从指定的单元格位置位置处开始,横向向右合并n个单元格(n包含自己),然后把被合并的单元格删除掉.

  • 跨行

    rowspan 从指定的单元格位置处开始,纵向向下合并n个单元格(n包含自己),然后把被合并的单元格删除掉

3.10.6、可选标题 caption

  • 表格的标题 <caption>我是标题</caption>

  • 必须紧紧跟着table的开始标签

  • 案例

    <table width="200px" height="200px" border="2px"><!-- 唯一的,可不写 --><caption>我是标题</caption><tr>....</tr>....
</table>

3.10.7、表格的复杂应用

  • 表头<th>..</th>

    • 特点: 加粗,居中
    • th替代td,所有的td的属性,th都可以使用

  • 行分组

    • 可以将连续的几行,划分到一个组上,进行统一的管理
    • 表头 <thead></thead>
    • 表主体 <tbody></tbody>
    • 表脚 <tfoot></tfoot>
    • 行分组不见,如果源码没有行分组,浏览器渲染时,自动添加tbody

  • 表格的嵌套

    • 表格中所有的嵌套,都要放在td中

3.11、<ul> <li> <dl> <ol> 列表标签

  • 列表的作用

    • 有条理的显示数据
    • 传统项目,无序列列表多由于布局

  • 列表类型

    • 有序列表 <ol>...</ol>
    • 无序列表 <ul>...</ul>
    • 列表项 <li>..</li>

  • 列表的属性

    • 有序列表的属性

      • start=“4” 指定编号的起始位置

      • type=“I” 指定编号的类型

        默认 1    数字A/a  英文字母i/I  罗马数字

    • 无语列表的属性

      • type=“none”

        默认值 disc
circle 空心圆
square 实心方块
none 没有标识

  • 列表的嵌套

    • 所有的嵌套都必须放在li内部，语义要求。
    • 列表嵌套列表,被嵌套的列表,也必须放在li中

  • h5–定义列表

    • 定义列表常用于给出一类事物或对明词的解释说明
      <dl><dt>JavaScript</dt><dd>它是一种解释性语言</dd>
</dl>

3.12、<input> 表单标签

3.12.1、作用

  • 提供可视化的输入控件
  • 用户输入的内容，被表单自动收集整理，并且提交给服务器

注意 :表单没有接受响应的能力,所以可以使用js的dom操作收集页面的信息,再使用ajax发送请求和接受响应,但是ajax不能自动的收集整理数据。而且使用ajax就无法使用form表单自动收集提交数据的功能。

3.12.2、表单 <form></form>

  • <form></form> 在页面上不可见，可以自动收集整理数据提交到服务器
  • 属性

    • action=“” 定义表单提交时发送的动作（接口url）

    • method=“” 定义表达提交的方式

    • enctype=“”指定表单数据的编码方式，设置允许将什么样的数据提交给服务器

      取值：1. application/x-www-form-urlencoded默认值,允许将任何字符提交给服务器(文件除外)2. text/plain 允许提交普通字符（不包括特殊字符）3. mulitipart/form-data传递文件
  • 在form标签中，能够与用户进行交互的可视化元素
  • <input type=""> 所有input元素都是行内块
  • 在页面中提供各种各样的输入控件
  • input分类
    • input元素 基础9种，h5新出的10种
    • textarea 多行文本域
    • select+option下拉选择框
    • 其他相关元素
  • input公用属性
    • type 指定input元素的类型 默认值是text
    • name 为控件定义名称，提供给服务端使用（使用form，name必须写）
    • value 控件的值，真正传递给服务器的值/可发送的值例外，所有的按钮的value都是设置按钮上的文本，不是提交的值。
    • disable 禁用 只能看不能改，也不能提交,无值属性

3.12.3、表单控件

  • 文本框 <input type="text">

    • 属性

      maxlength允许输入的最大字符数
readonly 无值属性 只能读不能改  但是可以提交
placeholder 占位提示符，显示在控件上的提示内容

  • 密码框 <input type="password">

    • 属性

      maxlength允许输入的最大字符数
readonly 无值属性 只能读不能改  但是可以提交
placeholder 占位提示符，显示在控件上的提示内容

  • 按钮,所有的按钮的value都是设置按钮上显示的文本，不是提交的值。

    • 提交 type=“submit”将表单中的数据，收集并整理，发送给服务器
    • 重置 type=“reset”将当前的表单的内容恢复到初始化状态
    • 普通按钮type=‘button’没有功能，配合oncilck事件，调用js脚本。
    • 为了提高可读性，h5新出的button标签
    • 同submit，可以使用事件。

  • 单选按钮 <input type="radio">

    • 属性

      • 必须有value属性
      • 必须有name属性，不然没有分组，即没有单选效果
      • checked 无值属性 一个元素被设置该属性，默认选中

    • 案列

      
<input type="radio" name="gender" value="man" checked> 男
<input type="radio" name="gender" value="man"> 女
<input type="radio" name="gender" value="man"> 无法确定
<!-- 没有name,一不能提交,二不能分组--><!--value是提交的值,不加,提交的值会显示on -->

  • 多选按钮 <input type="checkbox">

    • 属性

      • 必须有value
      • name 用于分组
      • checked 无值属性，默认选中

    • 案例

      
<form action="" method="get"><button>提交</button><input type="checkbox" name="hobby" value="eat">吃<input type="checkbox" name="hobby" value="drink">喝<input type="checkbox" name="hobby" value="play">玩<input type="checkbox" name="hobby" value="happy">乐
</form>
<!-- 没有name,一不能提交,二不能分组--><!--value是提交的值,不加,提交的值会显示on --><!--form表单自动提交,get请求,参数自动拼接在地址栏-->
<!-- http://xxxx/02.html?hobby=eat&hobby=drink&... -->

  • 隐藏文本域 <input type="hidden">

    • 想把数据提交给服务器，但是又不想展示给用户看

  • 文本选择块<input type="file">

    • 使用文件选择框的前提
      • form的method必须是post，没有大小限制
      • enctype=‘mulitipart/form-data’，才能上传文件
      • 如果想要上传多个文件，multiple无值属性，设置多选

  • 多行文本域 `

    • 把文本域看作一个大的文本域,允许录入多行文本
    • cols=“5” rows=“3” 设置文本域大小,但是计算机的内核和算法不同会导致值不准备

  • 下拉选择框 <select name=""><option>...</option>...</select>

    • select 的属性：
      • size：默认值为1，1的时候显示形式是下拉选，而>1是滚动选择框
      • multiple:无值属性，设置多选
    • option属性：
      • selected 无值属性 默认选中
    • option没有定义value，那么select提交的value是选中的option的内容
    • option有value，那么select提交的value，是选中option的value

  • 表单控件其他元素

    • <label>标签

      • 可以使用label替代form表单中span标签
      • 文本和表单控件的关联
      • 案例
        <input id="auto" type="checkbox">
<label for="auto">请点我</label>

    • 为控件分组 <fieldset>

      <fieldset> <!-- 为控件分组--><legend></legend> <!-- 分组标题-->
</fieldset><fieldset>  <legend>用户的基本信息</legend> 用户姓名: <input type="text" name="uname"><br>用户密码: <input type="password" name="upwd"><br><input id="man" type="checkbox" naem="gender" value="man"><label for="man">男</label><input id="woman" type="checkbox" naem="gender" value="woman"><label for="woman">女</label>
</fieldset>

3.13、<iframe> 框架标签

  • <iframe></iframe>
  • 在一个html中，引入其他的html
  • 属性：
    • src 资源路径
    • frameborder框架得边框
    • scrolling框架得滚动条 no 不要滚动条 yes auto
    • height
    • width

相关文章：

html 基础学习笔记

Date:20231212 html标签 基础学习笔记 一、web和internet 1.1、Internet简介 Internet 是一个全球性的计算机互联网络&#xff0c;中文名称有"因特网"、“国际互联网”、“网际网”、"交互网络"等Internet提供的主要服务 Telnet、Email、www、BBS、FTP等…...

编程日记 2023/12/17 19:20:35

7-4 天梯赛的善良

天梯赛是个善良的比赛。善良的命题组希望将题目难度控制在一个范围内&#xff0c;使得每个参赛的学生都有能做出来的题目&#xff0c;并且最厉害的学生也要非常努力才有可能得到高分。 于是命题组首先将编程能力划分成了 106 个等级&#xff08;太疯狂了&#xff0c;这是假的&…...

编程日记 2023/12/17 19:17:33

案例精选｜聚铭综合日志分析系统助力长房集团“智慧房产”信息化建设

长沙房产&#xff08;集团&#xff09;有限公司&#xff08;简称“长房集团”&#xff09;始创于2004年3月&#xff0c;是一家由长沙市人民政府授权组建的国有独资企业。截至2021年底&#xff0c;企业总资产逾452亿元&#xff0c;总开发面积1300多万平方米&#xff0c;已开发项…...

编程日记 2023/12/17 19:16:32

HarmonyOS给应用添加消息通知

给您的应用添加通知 通知介绍 通知旨在让用户以合适的方式及时获得有用的新消息&#xff0c;帮助用户高效地处理任务。应用可以通过通知接口发送通知消息&#xff0c;用户可以通过通知栏查看通知内容&#xff0c;也可以点击通知来打开应用&#xff0c;通知主要有以下使用场景…...

编程日记 2023/12/17 19:14:30

【C语言】cache和程序访问的局部性对程序性能的影响

文章目录 1&#xff0e;源程序比较其性能影响2&#xff0e;内存分配&#xff08;1&#xff09;静态存储区&#xff08;static&#xff09;&#xff1a;&#xff08;2&#xff09;栈区&#xff08;stack&#xff09;&#xff1a;&#xff08;3&#xff09;堆区&#xff08;heap&…...

编程日记 2023/12/17 19:13:29

数字棱形(课程F)

输入1个整数N&#xff0c;输出N行的如下形状的数字棱形。 例如&#xff1a;N4时&#xff1a; ___1 __222 _33333 4444444 _33333 __222 ___1 (注&#xff1a;上面使用下划线’_’表示空格&#xff0c;以避免看不清造成误解) 输入格式 第一行1个正整数&#xff1a;N&#xff0…...

编程日记 2023/12/17 19:12:28

如何查看PHP信息

创建一个 PHP 文件&#xff0c;比如 info.php&#xff0c;在其中添加以下代码&#xff1a; <?php phpinfo(); ?>访问这个文件&#xff08;例如&#xff0c;在浏览器中输入 http://localhost/info.php&#xff09;&#xff0c;它会显示 PHP 的所有配置信息。在这个页面…...

编程日记 2023/12/17 19:11:27

Vue3+ts实现页面跳转及参数传递

## 列表页 <script lang"ts" setup> import { reactive, toRefs } from vue // 1 引入useRouter路由信息方法 import { useRouter } from vue-router // 2 获取实例 const router useRouter()const gotoDetail (index: string) > {router.push({path: …...

编程日记 2023/12/17 19:10:26

日志框架Log4j、JUL、JCL、Slf4j、Logback、Log4j2

1. JAVA日志框架 1.1 为什么程序需要记录日志 我们不可能实时的24小时对系统进行人工监控&#xff0c;那么如果程序出现异常错误时要如何排查呢&#xff1f;并且系统在运行时做了哪些事情我们又从何得知呢&#xff1f;这个时候日志这个概念就出现了&#xff0c;日志的出现对系…...

编程日记 2023/12/17 19:06:23

mybatis动态SQL-sql片段

1、建库建表 create database mybatis-example; use mybatis-example; create table emp (empNo varchar(40),empName varchar(100),sal int,deptno varchar(10) ); insert into emp values(e001,张三,8000,d001); insert into emp values(e002,李四,9000,d001); insert into…...

编程日记 2023/12/17 19:05:22

wvp-GB28181-pro 2.0+ZLMediaKit 使用Dockerfile制作镜像以及部署【CentOS7】

说明 部署gb28181和zlm主要需要构建两个镜像&#xff0c;第一个为基础镜像&#xff0c;以centos7为基础构建新的基础镜像base.Dockerfile,第二个镜像为服务部署镜像server.Dockerfile&#xff0c;以第一个镜像base.Dockerfile构建出的镜像为基础镜像进行构建 整个基础镜像的构…...

编程日记 2023/12/17 19:03:20

登录校验，JWT令牌技术，过滤器（Filter）拦截器（interceptor）

登录功能&#xff1a; 前端传递json格式的数据。username&#xff08;用户名&#xff09;password&#xff08;密码&#xff09;。controller层对数据进行接收&#xff0c;由于是接收json格式的数据&#xff0c;所以我们把它封装到一个对象里面&#xff0c;由于登录是员工进行登…...

编程日记 2023/12/17 19:02:19

springCloud项目打包如何把jar放到指定目录下

springCloud项目打包如何把jar发放到指定目录下 maven-antrun-plugin springCloud微服务打包jar&#xff0c;模块过多&#xff1b;我的项目模块结构如下&#xff1a; 我把实体类相关的单独抽离一个模块在service-api下服务单独写在service某块下&#xff0c; 每个模块的jar都…...

编程日记 2023/12/17 19:01:19

vue中2种取值的方式

1.url是这种方式的&#xff1a;http://localhost:3000/user/1 取得参数的方式为&#xff1a;this.$route.params.id 2.url为get方式用&#xff1f;拼接参数的&#xff1a;http://localhost:3000/user?phone131121123&companyId2ahttp://localhost:3000/ 取得参数值的方式…...

编程日记 2023/12/17 19:00:18

Python基础05-函数

零、文章目录 Python基础05-函数 1、函数的作用及其使用步骤 &#xff08;1&#xff09;函数的作用 在Python实际开发中&#xff0c;我们使用函数的目的只有一个“让我们的代码可以被重复使用” 函数的作用有两个&#xff1a; ① 代码重用&#xff08;代码重复使用&#xf…...

编程日记 2023/12/17 18:58:16

Ubuntu 设置共享文件夹

一、在Windows中建立一个英文的文件夹 注意&#xff1a;新建文件夹的名称一定要是英文的&#xff0c;不能出现中文的路径&#xff08;可能出现问题&#xff09; 二、在VMware中添加共享文件 3: VMware安装VMware Tools 一般安装成功桌面上会显示这个安装包&#xff0c;&…...

编程日记 2023/12/17 18:56:14

操作系统期末复习-内存管理

一、内存管理 分页存储管理&#xff0c;是将一个进程的逻辑地址空间分成若干个大小相等的片&#xff0c;称为页面或页&#xff0c;并为各页加以编号&#xff0c;从0开始&#xff0c;如第0页、第1页等。相应地&#xff0c;也把内存空间分成与页面相同大小的若干个存储块&#xf…...

编程日记 2023/12/17 18:55:13

基于YOLOv8深度学习的西红柿成熟度检测系统【python源码+Pyqt5界面+数据集+训练代码】目标检测、深度学习实战

《博主简介》 小伙伴们好&#xff0c;我是阿旭。专注于人工智能、AIGC、python、计算机视觉相关分享研究。 ✌更多学习资源&#xff0c;可关注公-仲-hao:【阿旭算法与机器学习】&#xff0c;共同学习交流~ &#x1f44d;感谢小伙伴们点赞、关注&#xff01; 《------往期经典推…...

编程日记 2023/12/17 18:54:12

大数据存储技术（3）—— HBase分布式数据库

目录 一、HBase简介 &#xff08;一&#xff09;概念 &#xff08;二&#xff09;特点 &#xff08;三&#xff09;HBase架构 二、HBase原理 &#xff08;一&#xff09;读流程 &#xff08;二&#xff09;写流程 &#xff08;三&#xff09;数据 flush 过程 &#xf…...

编程日记 2023/12/17 18:53:12

docker容器日志占用磁盘空间过大问题

docker服务运行一段时间后&#xff0c;发现磁盘空间占用很高 其中磁盘占用主要以下目录&#xff1a; /var/lib/docker/containers # 查询占用磁盘较大的文件-升序 du -d1 -h /var/lib/docker/containers | sort -h 控制容器日志大小 法一&#xff1a;容器运行时控制 # max-…...

编程日记 2023/12/17 18:52:11

飞天使-docker知识点6-容器dockerfile各项名词解释

文章目录 docker的小技巧dockerfile容器为什么会出现启动了不暂停查看docker 网桥相关信息 docker 数据卷 docker的小技巧 [rootlight-test playbook-vars[]# docker inspect -f "{{.NetworkSettings.IPAddress}}" d3a9ae03ae5f 172.17.0.4docker d3a9ae03ae5f:/etc…...

编程日记 2023/12/17 18:50:09

oracle-关闭审计功能

1.查看审计功能是否开启 su – oraclesqlplus “/as sysdba”SQL> show parameter audit_trail NAME TYPE VALUE audit_trail string DB 注:VALUE值为DB时,表明审计功能为开启的状态 2.关闭oracle的审计功能 SQL> alter system set audit_trailFALSE scopespfile; Sy…...

编程日记 2023/12/17 18:49:08

three.js(一)

文章目录 three.js环境搭建正文补充 示例效果知识点补充1:一个标准的html知识点补充2:原生的前端框架和Vue框架的区别原生的前端框架Vue框架声明式编程和响应式编程 three.js环境搭建 正文 搭建 Three.js 的环境通常包括以下几个步骤&#xff1a; 1.创建项目目录&#xff1a…...

编程日记 2023/12/17 18:48:07

Python基础入门：语法与数据类型

Python基础入门&#xff1a;语法与数据类型 一、引言 Python是一种简单易学、功能强大的编程语言&#xff0c;广泛应用于数据分析、机器学习、Web开发等领域。本文将介绍Python的基础语法和数据类型&#xff0c;帮助初学者快速入门。 二、Python基础语法 缩进 Python中的缩…...

编程日记 2023/12/17 18:46:05

@Scheduled任务调度/定时任务-非分布式

1、功能概述 任务调度就是在规定的时间内执行的任务或者按照固定的频率执行的任务。是非常常见的功能之一。常见的有JDK原生的Timer, ScheduledThreadPoolExecutor以及springboot提供的Schduled。分布式调度框架如QuartZ、Elasticjob、XXL-JOB、SchedulerX、PowerJob等。 本文…...

编程日记 2023/12/17 18:45:04

【ARM Trace32(劳特巴赫) 使用介绍 14 -- Go.direct 介绍】

请阅读【Trace32 ARM 专栏导读】 文章目录 Trace32 Go.directGo配合程序断点使用Go 配合读写断点使用Go 快速回到上一层函数 System.Mode Go Trace32 Go.direct TRACE32调试过程中&#xff0c;会经常对芯片/内核进行控制&#xff0c;比如全速运行、暂停、单步等等。这篇文章先…...

编程日记 2023/12/17 18:43:03

第二十章 ： Spring Boot 集成RabbitMQ（四）

第二十章 ： Spring Boot 集成RabbitMQ（四） 前言 本章知识点：死信队列的定义、场景、作用以及原理、TTL方法的使用以及演示代码示例。 Springboot 版本 2.3.2.RELEASE ，RabbitMQ 3.9.11，Erlang 24.2死信队列 定义：什么是死信队列？ 在RabbitMQ中，并没有提供真正意义…...

编程日记 2023/12/17 18:40:00

防止反编译，保护你的SpringBoot项目

ClassFinal-maven-plugin插件是一个用于加密Java字节码的工具&#xff0c;它能够保护你的Spring Boot项目中的源代码和配置文件不被非法获取或篡改。下面是如何使用这个插件来加密test.jar包的详细步骤&#xff1a; 安装并设置Maven&#xff1a; 首先确保你已经在你的开发环境中…...

编程日记 2023/12/17 18:38:59

OpenCV开发：MacOS源码编译opencv，生成支持java、python、c++各版本依赖库

OpenCV&#xff08;Open Source Computer Vision Library&#xff09;是一个开源的计算机视觉和机器学习软件库。它为开发者提供了丰富的工具和函数&#xff0c;用于处理图像和视频数据&#xff0c;以及执行各种计算机视觉任务。 以下是 OpenCV 的一些主要特点和功能&#xff…...

编程日记 2023/12/17 18:37:58

【数据库设计和SQL基础语法】--查询数据--分组查询

一、分组查询概述 1.1 什么是分组查询 分组查询是一种 SQL 查询技术&#xff0c;通过使用 GROUP BY 子句&#xff0c;将具有相同值的数据行分组在一起&#xff0c;然后对每个组应用聚合函数&#xff08;如 COUNT、SUM、AVG等&#xff09;。这允许在数据集中执行汇总和统计操作…...

编程日记 2023/12/17 18:35:56