20.3 HTML 表格

news2024/9/24 5:37:06

2023-07-29_00006

1. table表格

table标签是HTML中用来创建表格的元素. 

table标签通常包含以下子标签: 
- th标签: 表示表格的表头单元格(table header), 用于描述列的标题.
- tr标签: 表示表格的行(table row).
- td标签: 表示表格的单元格(table data), 通常位于tr标签内, 用于放置单元格中的数据.
通常情况下, table, tr和td(或th)标签是一起使用的, 它们共同构成了一个完整的表格结构.
<table>
  <tr>
    <th>姓名</th>
    <th>年龄</th>
    <th>性别</th>
  </tr>
  <tr>
    <td>张三</td>
    <td>25</td>
    <td></td>
  </tr>
  <tr>
    <td>李四</td>
    <td>30</td>
    <td></td>
  </tr>
</table>

2023-07-28_00007

2. 边框属性

<table>表格标签有一个border边宽的属性值, 这个属性决定了边框的宽度, 默认情况下这个属性值是0px, 所以看不见边框.
border属性可以设置整个表格的边框宽度, 样式和颜色.
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>table1</title>
</head>
<body>
<table border="1px">
    <tr>
        <th>姓名</th>
        <th>年龄</th>
        <th>性别</th>
    </tr>
    <tr>
        <td>张三</td>
        <td>25</td>
        <td></td>
    </tr>
    <tr>
        <td>李四</td>
        <td>30</td>
        <td></td>
    </tr>
</table>
</body>
</html>

image-20230728172642930

3. 宽高属性

默认情况下, 表格的宽度和高度会根据表格中内容的尺寸自动调整, 以适应内容的大小. 表格会尽量缩小或扩展以容纳单元格中的内容.
width和height属性: 来指定表格的宽度和高度.

table标签中设置作用与全部的单元格, td标签中设置作用于当前单元格(优先).
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>table2</title>
</head>
<body>
<table border="1px" height="300" width="300">
    <tr>
        <th>姓名</th>
        <th>年龄</th>
        <th>性别</th>
    </tr>
    <tr>
        <td>张三</td>
        <td>25</td>
        <td></td>
    </tr>
    <tr>
        <td>李四</td>
        <td>30</td>
        <td></td>
    </tr>
</table>
</body>
</html>

image-20230728174047893

table设置的长宽会平分给每行每列, 但有一个最低标准, 如果平分后, tr标签长宽不能够完整的显示内容,
会增加长宽来保证内容能够完整的显示(HTML会优先显示文本信息), 同时会抢占其他单元格的空间.
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>table4</title>
</head>
<body>
<table border="1px" height="300" width="300">
    <tr>
        <th>姓名</th>
        <th>年龄</th>
        <th>性别</th>
    </tr>
    <tr>
        <td>张三</td>
        <td>2513213132132132123131312312312123132132132132132132132132131</td>
        <td></td>
    </tr>
    <tr>
        <td>李四</td>
        <td>30</td>
        <td></td>
    </tr>
</table>
</body>
</html>

image-20230728175328697

table中设置的宽高限制td的宽高上限, 不会超过table设置的长宽.
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>table5</title>
</head>
<body>
<table border="1px" width="100">
    <tr>
        <td width="100">1</td>
        <td width="100">2</td>
        <td>3</td>
    </tr>
</table>
</body>
</html>

2023-07-28_00012

同一行固定一个高, 一列中固定一个宽, 谁先设置就以谁为准.
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>table6</title>
</head>
<body>
<table border="1px">
    <tr>
        <td height="150">1</td>
        <td height="100">2</td>
    </tr>
</table>
</body>
</html>

image-20230728184852273

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>table7</title>
</head>
<body>
<table border="1px">
  <tr>
    <td width="150">1</td>
</tr>
<tr >
    <td width="200">2</td>
</tr>
</table>
</body>
</html>

image-20230728185014373

4. 文字对齐方式

4.1 水平对齐

在table, tr和td, 标签中align属性可以用于控制水平对齐方式.
* 1. 在table中设置align属性控制表格在水平方向的对齐方式(参照位置-->页面 )
* 2. 在tr中设置align属性控制当前行中所有单元格中的内容在水平方向的对齐方式(参照位置-->table标签)
* 3. 在td中设置align属性控制单元格内容在水平方向的对齐方式(参照位置-->table标签)

align属性值:
left: 左对齐.
center: 居中对齐.
right:  右对齐.
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>table8</title>
</head>
<body>
<table border="1" width="600" align="center">
    <tr align="center">
        <td>姓名</td>
        <td>性别</td>
        <td>年龄</td>
    </tr>
    <tr align="left">
        <td align="left">qq</td>
        <td align="center"></td>
        <td align="right">18</td>
    </tr>
    <tr align="center">
        <td>kid</td>
        <td></td>
        <td>19</td>
    </tr>
    <tr align="right">
        <td>qz</td>
        <td></td>
        <td>20</td>
</table>
</table>
</body>
</html>

image-20230728190300058

4.2 垂直对齐

在tr和td, 标签中valign属性可以用于控制垂直对齐方式(不能用于table标签).
* 1. 在tr中设置valign属性可以控单前行中所有单元格中的内容在垂直方向的对齐方式.
* 2. 在td中设置valign属性可以控制单元格内容在垂直方向的对齐方式.

垂直设置valign属性:
top: 向上对齐.
middle: 居中对齐.
bottom: 向下对齐.
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>垂直方向对齐</title>
</head>
<body>
<table border="1" height="300" valign="bottom">
    <tr valign="top">
        <td>姓名</td>
        <td valign="middle">性别</td>
        <td valign="bottom">年龄</td>
    </tr>
    <tr>
        <td valign="top">qq</td>
        <td></td>
        <td valign="bottom">18</td>
    </tr>
    <tr valign="bottom">
        <td valign="top">kid</td>
        <td valign="middle"></td>
        <td>19</td>
    </tr>
</table>
</body>
</html>

image-20230728190813656

5. 外边距与内边距

外边距与内边距距属性只能在table标签使用.

外边距: 单元格与单元格之间的距离, cellspacing属性默认为2px.
内边距: 单元格与文本之间的距离,   cellpadding属性默认为1px.
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>外边距</title>
</head>
<body>
<table border="1" height="400" width="400" cellspacing="20">
    <tr>
        <td>姓名</td>
        <td>性别</td>
        <td>年龄</td></tr>
    <tr>
        <td>qq</td>
        <td></td>
        <td>18</td>
    </tr>
    <tr>
        <td>kid</td>
        <td></td>
        <td>19</td>
    </tr>

</table>

</body>
</html>

image-20230728192210733

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>table11</title>
</head>
<body>
<table border="1" height="300" width="300" cellpadding="30">
    <tr>
        <td>姓名</td>
        <td>性别</td>
        <td>年龄</td>
    </tr>
    <tr>
        <td>qq</td>
        <td></td>
        <td>18</td>
    </tr>
    <tr>
        <td>kid</td>
        <td></td>
        <td>19</td>
    </tr>

</table>

</body>
</html>

image-20230728192315509

6. 背景颜色

在table, tr, td中可以使用bgcolor属性设置背景颜色.
table标签中设置: 作用于整个表格, 包含表单元格内外边距.
tr标签中设置: 作用于当前行所有单元格, 包含内间距.
td标签中设置: 作用于当前单元格,包含内间距。
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>细线表格</title>
</head>
<body>
    <table bgcolor="black"   cellpadding="50px" cellspacing="0.4">
        <tr bgcolor="white">
            <td bgcolor="red">1</td>
            <td>2</td>
        </tr>

        <tr bgcolor="white">
            <td>3</td>
            <td>4</td>
        </tr>
    </table>
</body>
</html>
不设置边框, 以背景颜色设置一个细线表格:

表格设置为黑色的, 外间距也是黑色了, 将外边距设置为0.4或以上px(太小就会看不见, 需要缩放网页去看...).
所有的行设置为白色, 某个单元格设置为红色.
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>table13</title>
</head>
<body>
<table bgcolor="black" cellspacing="0.4px">
  <tr bgcolor="white">
    <td>1</td>
    <td>2</td>
  </tr>
  <tr>
    <td bgcolor="white">3</td>
    <td bgcolor="red">4</td>
  </tr>
</table>
</body>
</html>

image-20230728194553432

7. 标题

在table标签中可以使用caption标签设置表格的标题, 标题处于表格的中间.
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格标题</title>
</head>
<body>
    <table border="1">
        <caption>信息统计</caption>
        <tr>
            <th>姓名</th>
            <th>性别</th>
            <th>年龄</th>
        </tr>
        <tr>
            <td>kid</td>
            <td></td>
            <td>19</td>
        </tr>
        <tr>
            <td>qz</td>
            <td>nv</td>
            <td>18</td>
        </tr>
    </table>
</body>
</html>

image-20230728201446789

8. 表格的完整结构

由于表格中存储的数据比较复杂, 为类似方标管理和阅读以及提升语义, 对表格中存储的数据进行分类:
* 1. 表格标题 --> caption标签.
* 2. 表格表头的信息 --> thead标签.
* 3. 表格主体的信息 --> tbody标签.
* 4. 表格的尾页信息(脚注或表注) --> tfoot标签.

注意点:
* 1. 如果表格没有编写tbody, 浏览器会自动添加.
* 2. thead标签和tfoot标签有自己的默认高度, 不会随着表格的高度标化而变化.
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格的结构</title>
</head>
<body>
<table border="1" align="center" height="400px" width="500px">
  <caption>学生信息</caption>
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>身高</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>kid</td>
      <td>19</td>
      <td>175</td>
    </tr>

      <tr>
      <td>qz</td>
      <td>18</td>
      <td>170</td>
    </tr>

      <tr>
      <td>qq</td>
      <td>18</td>
      <td>165</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>平均值</td>
      <td>18.33</td>
      <td>160</td>
    </tr>
  </tfoot>
</table>
</body>
</html>

image-20230728231127123

9. 单元格合并

colspan属性: 水平方向合并单元格.
rowspan属性: 垂直方向合并单元格.

:
<td colspan="2"></td> 水平合并两个单元格.
<td rowspan="2"></td> 垂直合并两个单元格.
<td colspan="2" rowspan="2"></td> 多行多列合并四个单元格.

注意点:
合并的单元格是新建的, 不是合并原有的, 合并单元格的方向是向下或向后合并的.
这样会导致单元格会多出, 单元格会被插入的单元挤到后面去→, 不需要删除多余的部分.
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>table16</title>
</head>
<body>
    <table bgcolor="black" height="300px" width="300px" align="center">
      <tr bgcolor="white">
        <td colspan="2"></td>
        <td rowspan="2"></td>
      </tr>
      <tr bgcolor="white">
        <td rowspan="2"></td>
        <td></td>

      </tr>
      <tr bgcolor="white">
        <td colspan="2"></td>
      </tr>
    </table>
</body>
</html>

image-20230728232304658

10. 练习

使用html实现图片的内容.

10.1 小说排行榜练习

image-20230729000738720

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>table17</title>
</head>
<body>
<table border="1" align="center" bgcolor="black" cellspacing="0">
    <caption>百度热搜小说排行榜</caption>
    <tr bgcolor="#ff4500">
        <th>排名</th>
        <th>书名</th>
        <th>作者</th>
        <th>趋势</th>
        <th>热度指数</th>
        <th>相关链接</th>

    </tr>
    <tr bgcolor="white" align="center">
        <td>1</td>
        <td>万古神帝</td>
        <td>飞天鱼</td>
        <td><img src="https://fyb-pc-static.cdn.bcebos.com/static/asset/icon-up_c8c420c124133a8eafa34b36d89cc92a.png"
                 alt="" height="20px"></td>
        <td>803180</td>
        <td>
            <a href="#">图片</a>
            <a href="#">贴吧</a>
            <a href="#">百科</a>
        </td>
    <tr bgcolor="white" align="center">
        <td>2</td>
        <td>伏天氏</td>
        <td>净无痕</td>
        <td><img src="https://fyb-pc-static.cdn.bcebos.com/static/asset/icon-down_7631dbf23c7a55f2216e4406b5d4adcf.png"
                 alt="" height="20px"></td>
        <td>531725</td>
        <td>
            <a href="#">图片</a>
            <a href="#">贴吧</a>
            <a href="#">百科</a>
        </td>

    <tr bgcolor="white" align="center">
        <td>3</td>
        <td>武炼巅峰</td>
        <td>莫默</td>
        <td><img src="https://fyb-pc-static.cdn.bcebos.com/static/asset/icon-up_c8c420c124133a8eafa34b36d89cc92a.png"
                 alt="" height="20px"></td>
        <td>396670</td>
        <td>
            <a href="#">图片</a>
            <a href="#">贴吧</a>
            <a href="#">百科</a>
        </td>

    <tr bgcolor="white" align="center">
        <td>4</td>
        <td>逆天邪神</td>
        <td>火星引力</td>
        <td><img src="https://fyb-pc-static.cdn.bcebos.com/static/asset/icon-down_7631dbf23c7a55f2216e4406b5d4adcf.png"
                 alt="" height="20px"></td>
        <td>381596</td>
        <td>
            <a href="#">图片</a>
            <a href="#">贴吧</a>
            <a href="#">百科</a>
        </td>

</table>
</body>
</html>

10.2 单元格合并练习

2023-07-29_00001

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>table18</title>
</head>
<body>
<!--第一个练习-->
<table bgcolor="black" height="300px" width="200px" cellspacing="1px" align="center">
    <tr bgcolor="white">
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr bgcolor="white">
        <td colspan="3"></td>
    </tr>
    <tr bgcolor="white">
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr bgcolor="white">
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

<br><br><br>
<hr>
<br><br><br>

<!--第二个练习-->
<table bgcolor="black" height="300px" width="200px" cellspacing="1px" align="center">
    <tr bgcolor="white">
        <td></td>
        <td rowspan="4"></td>
        <td></td>
    </tr>
    <tr bgcolor="white">
        <td></td>
        <td></td>

    </tr>
    <tr bgcolor="white">
        <td></td>
        <td></td>

    </tr>
    <tr bgcolor="white">
        <td></td>
        <td></td>

    </tr>
</table>

<br><br><br>
<hr>
<br><br><br>

<!--第三个练习-->
<table bgcolor="black" height="300px" width="200px" cellspacing="1px" align="center">
    <tr bgcolor="white">
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr bgcolor="white">
        <td colspan="2"></td>
        <td></td>


    </tr>
    <tr bgcolor="white">
        <td></td>
        <td rowspan="2"></td>
        <td></td>
    </tr>
    <tr bgcolor="white">
        <td></td>
        <td></td>
    </tr>
</table>

<br><br><br>
<hr>
<br><br><br>

<!--第四个练习-->
<table bgcolor="black" height="300px" width="200px" cellspacing="1px" align="center">
    <tr bgcolor="white">
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr bgcolor="white">
        <td></td>
        <td colspan="2" rowspan="2"></td>

    </tr>
    <tr bgcolor="white">
        <td></td>

    </tr>
    <tr bgcolor="white">
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

</body>
</html>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/806119.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

进阶高级测试专项,Pytest自动化测试框架总结(二)

目录&#xff1a;导读 前言一、Python编程入门到精通二、接口自动化项目实战三、Web自动化项目实战四、App自动化项目实战五、一线大厂简历六、测试开发DevOps体系七、常用自动化测试工具八、JMeter性能测试九、总结&#xff08;尾部小惊喜&#xff09; 前言 1、pyets种有四种…

【2023.7.29】浅谈手办——新人入坑指南

目录 前言入坑指南1.声明2.介绍3.树状图 总结参考文章 前言 出于对动漫的热爱&#xff0c;相信很多人都会买手办&#xff0c;本人在大一时开始入手了第一个手办&#xff0c;超大猿王路飞&#xff08;高约50cm&#xff09;&#xff0c;当时对手办还不是很了解&#xff0c;只知道…

mapboxGL中楼层与室内地图的结合展示

概述 质量不够&#xff0c;数量来凑&#xff0c;没错&#xff0c;本文就是来凑数的。前面的几篇文章实现了楼栋与楼层单体化的展示、室内地图的展示&#xff0c;本文结合前面的几篇文章&#xff0c;做一个综合的展示效果。 实现效果 实现 1. 数据处理 要实现上图所示的效果…

Java-数组的定义和使用

一、数组的基本概念 1.1 为什么要使用数组 假设现在要存5个学生的javaSE考试成绩&#xff0c;并对其进行输出&#xff0c;则可有 public static void main(String[] args){ int score1 70; int score2 80; int score3 85; int score4 60; …

学C的第三十一天(上)【通讯录的实现】

相关代码gitee自取&#xff1a;C语言学习日记: 加油努力 (gitee.com) 接上期&#xff1a; 学C的第三十天【自定义类型&#xff1a;结构体、枚举、联合】_高高的胖子的博客-CSDN博客 通讯录需求&#xff1a; 实现一个通讯录&#xff0c; 通讯录中存放保存人的信息&#xff1…

C# PaddleInference.PP-HumanSeg 人像分割 替换背景色

效果 项目 VS2022.net4.8OpenCvSharp4Sdcb.PaddleInference 包含4个分割模型 modnet-hrnet_w18 modnet-mobilenetv2 ppmatting-hrnet_w18-human_512 ppmattingv2-stdc1-human_512 部分代码 using OpenCvSharp; using Sdcb.PaddleInference; using System; using System.…

aop实现方式及基本使用

aop实现方式 aspectj 编译器增强&#xff0c;直接修改源码可以不借助Spring实现 也没有用代理对象 &#xff08;ajc编译器&#xff09; aop 的原理并非代理一种, 编译器也能玩出花样&#xff08;直接修改源码&#xff09; 运行时需要在 VM options 里加入 -javaagent:D:/envir…

阿里云服务器CPU大全_处理器主频性能说明

阿里云服务器CPU型号是什么&#xff1f;处理器主频多少&#xff1f;云服务器ECS和轻量应用服务器CPU处理器性能如何&#xff1f;阿里云服务器网分享阿里云服务器CPU型号大全、处理器主频性能型号汇总&#xff1a; 目录 阿里云服务器CPU处理器大全 通用型云服务器CPU 计算型…

【动态规划刷题 2】使⽤最⼩花费爬楼梯 解码⽅法

使⽤最⼩花费爬楼梯 746 . 使用最小花费爬楼梯 链接: 746 . 使用最小花费爬楼梯 给你一个整数数组 cost &#xff0c;其中 cost[i] 是从楼梯第 i 个台阶向上爬需要支付的费用。一旦你支付此费用&#xff0c;即可选择向上爬一个或者两个台阶。 你可以选择从下标为 0 或下标为 …

《向量数据库指南》:向量数据库Pinecone如何集成hugging-face-endpoints

目录 端点 创建嵌入 Vector DB 创建和索引嵌入向量 拥抱面推理端点允许访问简单的模型推理。结合Pinecone,我们可以轻松生成和索引高质量的向量嵌入。 让我们通过初始化生成向量嵌入的推理端点来开始吧。 端点 我们首先前往拥抱面推理端点主页,如果需要,注册一个账…

某厂生产三种产品 I, II, III。 每种产品要经过 A、 B两道工序加工。 设该厂有两种规格的设备能完成 A 工序, 它们以A1、 A2表示; 有三种规格的设备能完成 B 工序, 它们以B1、

数学建模算法与应用习题1-3 通俗解析 一.题干二.解答2.1 先读懂题干2.2 解体思路 一.题干 某厂生产三种产品 I&#xff0c; II&#xff0c; III。 每种产品要经过 A、 B两道工序加工。 设该厂有两种规格的设备能完成 A 工序&#xff0c; 它们以A1、 A2表示&#xff1b; 有三种…

TreeMap的底层实现

0. 你需要知道的TreeMap的内置属性 0.1 节点属性 K key; // 键 V value; // 值 Entry<K,V> left; // 左子节点 Entry<K,V> right; // 右子节点 Entry<K,V> parent; // 父节点 boolean color; // 节点的颜色0.2 成员变量 //比较器对象private f…

Spring Boot配置加密实践

Spring Boot配置加密实践 使用Java技术栈的时候&#xff0c;Spring Boot几乎已经成为了标配。Spring Boot帮助我们简化了各种技术的整合&#xff0c;我们只需要在application.yml配置文件中增加一点点的配置即可。 虽然Spring Boot简化了我们的工作&#xff0c;但是也隐藏了底…

draw up a plan

爱情是美好的&#xff0c;却不是唯一的。爱情只是属于个人化的感情。 推荐一篇关于爱情的美文&#xff1a; 在一个小镇上&#xff0c;有一家以制作精美巧克力而闻名的手工巧克力店&#xff0c;名叫“甜蜜之爱”。这家巧克力店是由一位名叫艾玛的年轻女性经营的&#xff0c;她对…

【Git】版本回退与撤销修改案例

目录 一、版本回退 二、撤销修改案例 案例1&#xff1a;仅在工作区进行了修改还未进行add操作 案例2&#xff1a;仅进行了add 操作还未进行commit操作 案例3&#xff1a;进行了add与commit操作无其他操作 三、版本库中删除文件 一、版本回退 在进行版本回退之前我们需要…

类加载机制与类加载器

点击下方关注我&#xff0c;然后右上角点击...“设为星标”&#xff0c;就能第一时间收到更新推送啦~~~ Java 源码是如何形成类文件的&#xff0c;类文件又是如何加载到虚拟机的&#xff0c;类加载有哪些机制和原则呢&#xff1f;本文将为大家一一介绍。 1 Java 源码形成类文件…

音乐编曲软件FL Studio21中文免费版新功能及下载

FL Studio21是一款数字音频工作站软件&#xff0c;用于音乐制作和混音。它具有广泛的音频编辑和处理功能&#xff0c;可以帮助你创建出专业的音乐和音频内容。它还支持多个音频和效果轨道&#xff0c;可以帮助你创建更加复杂和高质量的音频内容。FL Studio是一款著名的DAW音频制…

1300*C. A Cookie for You

Example input 6 2 2 1 2 0 100 0 1 12 13 25 1 27 83 14 25 0 0 1 0 1000000000000000000 1000000000000000000 1000000000000000000 1000000000000000000 output Copy Yes No No Yes No Yes 解析&#xff1a; 因为第二种人只能吃少的那种蛋糕&#xff0c;所以优先满足他…

Flutter 开发者工具 Android Studio 开发Flutter应用

Flutter 开发者工具 在 Android Studio 开发Flutter应用 &#x1f525; Android Studio 版本更新 &#x1f525; Android Studio Check for Update Connection failed ​ 解决方案 如果是运行的是32位的android studio需要在andriod studio的启动目录下找到studio.exe.vmoptio…

spring boot 2 配置上传文件大小限制

一、起因&#xff1a;系统页面上传一个文件超过日志提示的文件最大100M的限制&#xff0c;需要更改配置文件 二、经过&#xff1a; 1、在本地代码中找到配置文件&#xff0c;修改相应数值后交给运维更新生产环境配置&#xff0c;但是运维说生产环境没有这行配置&#xff0c;遂…