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

[Qt] Box Model | 控件样式 | 实现log_in界面

news 来源：原创 2025/6/16 9:52:12

1、样式属性

（1）盒模型（Box Model）

2、控件样式示例

（1）按钮

（2）复选框

（3）单选框

（4）输入框

（5）列表

【理解渐变色】

（6）菜单栏

（7）登录界面

3、小结

1、样式属性

QSS 中的样式属性非常多，大部分的属性和 CSS 是非常相似的。

文档的 Qt Style Sheets Reference 章节详细介绍了哪些控件可以设置属性，每个控件都能设置哪些属性等。

相关的代码示例，在后面具体介绍。在翻阅文档的时候涉及到一个关键术语 “盒模型”（Box Model）。

（1）盒模型（Box Model）

在文档的 Customizing Qt Widgets Using Style Sheets 的 The Box Model 章节介绍了盒模型：

⼀个遵守盒模型的控件，由上述几个部分构成。

Content 矩形区域：存放控件内容，比如包含的文本 / 图标等。
Border 矩形区域：控件的边框。
Padding 矩形区域：内边距，边框和内容之间的距离。
Margin 矩形区域：外边距，边框到控件 geometry 返回的矩形边界的距离。

默认情况下，外边距、内边距、边框宽度都是 0。

可以通过一些 QSS 属性来设置上述的边距和边框的样式：

QSS 属性	说明
margin	设置四个方向的外边距。复合属性。
padding	设置四个方向的内边距。复合属性。
border-style	设置边框样式
border-width	边框的粗细
border-color	边框的颜色

【设置边框和内边距】

A. 在界面上创建一个 label

B. 修改 main.cpp, 设置全局样式

border: 20px solid green 相当于 border-style: solid; border-width: 2px; border-color: green; 三个属性的简写形式。
padding-left: 50px; 是给左侧设置内边距。

C. 运行程序

【设置外边距】

为了方便确定控件位置，演示外边距效果，使用代码创建⼀个按钮。

A. 修改 widget.cpp，创建按钮，并设置样式

B. 运行程序

可以看到，当前按钮的边框被外边距挤的缩小了，但是获取到的按钮的 Geometry 是不变的。

2、控件样式示例

（1）按钮

【自定义按钮】

A. 界面上创建一个按钮

B. 右键 -> 改变样式表，使用 Qt Designer 设置样式

C. 执行程序

点击 “按钮”：

D. 属性小结

属性	说明
font-size	设置文字大小。
border-radius	设置圆角矩形。数值设置的越大，角就越圆。
background-color	设置背景颜色。

形如 #dadbde 是计算机中通过十六进制表示颜色的方式。

（2）复选框

【自定义复选框】

A. 创建一个 resource.qrc 文件，并导入以下图片

使用黑色作为默认形态
使用蓝色作为 hover 形态
使用红色作为 pressed 形态

注意这里的文件命名。

B. 创建一个复选框

C. 编辑复选框的样式

QCheckBox {font-size: 20px;
}QCheckBox::indicator {width: 20px;height: 20px;
}QCheckBox::indicator:unchecked {image: url(:/checkbox-unchecked.png);
}QCheckBox::indicator:unchecked:hover {image: url(:/checkbox-unchecked_hover.png);
}QCheckBox::indicator:unchecked:pressed {image: url(:/checkbox-unchecked_pressed.png);
}QCheckBox::indicator:checked {image: url(:/checkbox-checked.png);
}QCheckBox::indicator:checked:hover {image: url(:/checkbox-checked_hover.png);
}QCheckBox::indicator:checked:pressed {image: url(:/checkbox-checked_pressed.png);
}

D. 运行程序

鼠标点击选中，再取消的过程，可以看到此时的复选框就变得丰富起来了：

E. 小结

要点	说明
::indicator	子控件选择器。选中 checkbox 中的对钩部分。
:hover	伪类选择器。选中鼠标移动上去的状态。
:pressed	伪类选择器。选中鼠标按下的状态。
:checked	伪类选择器。选中 checkbox 被选中的状态。
:unchecked	伪类选择器。选中 checkbox 未被选中的状态。
width	设置子控件宽度。对于普通控件无效（普通控件使用 geometry 方式设定尺寸）。
height	设置子控件高度。对于普通控件无效（普通控件使用 geometry 方式设定尺寸）。
image	设置子控件的图片。像 QSpinBox, QComboBox 等可以使用这个属性来设置子控件的图片。

（3）单选框

【自定义单选框】

A. 创建 resource.qrc 文件，并导入以下图片

使用黑色作为默认形态
使用蓝色作为 hover 形态
使用红色作为 pressed 形态

注意这里的文件命名。

B. 在界面上创建两个单选按钮

要点	说明
::indicator	子控件选择器。选中 radioButton 中的对钩部分。
:hover	伪类选择器。选中鼠标移动上去的状态。
:pressed	伪类选择器。选中鼠标按下的状态。
:checked	伪类选择器。选中 radioButton 被选中的状态。
:unchecked	伪类选择器。选中 radioButton 未被选中的状态。
width	设置子控件宽度。对于普通控件无效（普通控件使用 geometry 方式设定尺寸）。
height	设置子控件高度。对于普通控件无效（普通控件使用 geometry 方式设定尺寸）。
image	设置子控件的图片。像 QSpinBox, QComboBox 等可以使用这个属性来设置子控件的图片。

C. 在 Qt Designer 中编写样式

此处为了让所有 QRadioButton 都能生效，把样式设置在 Widget 上了，并且使用后代选择器选中了 QWidget 里面的 QRadioButton。

注意：

QSS 中有些属性，子元素能继承父元素（例如 font-size、color 等），但是也有很多属性是不能继承的。
具体哪些能继承哪些不能继承，规则比较复杂，我们不去具体研究，实践中我们编写更精准的选择器是上策。

 QWidget QRadioButton {font-size: 20px;
}QWidget QRadioButton::indicator {width: 20px;height: 20px;
}QWidget QRadioButton::indicator:unchecked {image: url(:/radio-unchecked.png);
}QWidget QRadioButton::indicator:unchecked:hover {image: url(:/radio-unchecked_hover.png);
}QWidget QRadioButton::indicator:unchecked:pressed {image: url(:/radio-unchecked_pressed.png);
}QWidget QRadioButton::indicator:checked {image: url(:/radio-checked.png);
}QWidget QRadioButton::indicator:checked:hover {image: url(:/radio-checked_hover.png);
}QWidget QRadioButton::indicator:checked:pressed {image: url(:/radio-checked_pressed.png);
}

D. 运行程序

（4）输入框

【自定义单行编辑框】

A. 在界面上创建一个单行编辑框

B. 在 Qt Designer 中编写样式

QLineEdit {border-width: 1px; border-radius: 10px;border-color: rgb(58, 58, 58);border-style: inset;padding: 0 8px;color: rgb(255, 255, 255);background:rgb(100, 100, 100);selection-background-color: rgb(187, 187, 187);selection-color: rgb(60, 63, 65);
}

C. 执行程序

输入 "hello world"，选中 "rld"：

属性	说明
border-width	设置边框宽度。
border-radius	设置边框圆角。
border-color	设置边框颜色。
border-style	设置边框风格。
padding	设置内边距。
color	设置文字颜色。
background	设置背景颜色。
selection-background-color	设置选中文字的背景颜色。
selection-color	设置选中文字的文本颜色。

（5）列表

【自定义列表框】

A. 在界面上创建一个 ListView

操作详见前文：[Qt] 多元素控件 | 容器类控件 | 布局管理器layout

B. 编写代码

QListView::item:hover {background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,stop: 0 #FAFBFE, stop: 1 #DCDEF1);
}
QListView::item:selected {border: 1px solid #6a6ea9;background: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,stop: 0 #6a6ea9, stop: 1 #888dd9);
}

C. 执行程序

要点	说明
::item	选中 `QListView` 中的具体条目。
:hover	选中鼠标悬停的条目
:selected	选中某个被选中的条目。
background	设置背景颜色
border	设置边框。
qlineargradient	设置渐变色。

对于渐变的理解：

qlineargradient 有 6 个参数。

x1, y1：标注了⼀个起点
x2, y2：标注了⼀个终点

这两个点描述了⼀个 “方向”。

例如

x1: 0, y1: 0, x2: 0, y2: 1 就是垂直方向从上向下进行颜色渐变。
x1: 0, y1: 0, x2: 1, y2: 0 就是水平方向从左向右进行颜色渐变。
x1: 0, y1: 0, x2: 1, y2: 1 就是从左上往右下方向进行颜色渐变.

stop0 和 stop1 描述了两个颜色，渐变过程就是从 stop0 往 stop1 进行渐变的。

【理解渐变色】

A. 界面不创建任何控件

B. 编写样式

QWidget {background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop: 0 #fff, stop: 1 #000);
}

当前按照垂直从上往下从白色过渡到黑色。

C. 修改代码

QWidget {background-color: qlineargradient(x1:0, y1:0, x2:1, y2:0, stop: 0 #fff, stop: 1 #000);
}

当前按照水平从左往右从白色过渡到黑色。

执行效果：

（6）菜单栏

【自定义菜单栏】

A. 创建菜单栏

创建若干菜单项和一个分隔符：

B. 编写样式

QMenuBar {background-color: qlineargradient(x1:0, y1:0, x2:0, y2:1, stop:0 lightgray, stop:1 darkgray);spacing: 3px;
}QMenuBar::item {padding: 1px 4px;background: transparent;border-radius: 4px;
}QMenuBar::item:selected {background: #a8a8a8;
}QMenuBar::item:pressed {background: #888888;
}QMenu {background-color: white;margin: 0 2px;
}QMenu::item {padding: 2px 25px 2px 20px;border: 3px solid transparent;
}QMenu::item:selected {border-color: darkblue;background: rgba(100, 100, 100, 150);
}QMenu::separator {height: 2px;background: lightblue;margin-left: 10px;margin-right: 5px;
}

C. 执行效果

要点	说明
QMenuBar::item	选中菜单栏中的元素。
QMenuBar::item:selected	选中菜单栏中的被选中的元素。
QMenuBar::item:pressed	选中菜单栏中的鼠标点击的元素。
QMenu::item	选中菜单中的元素
QMenu::item:selected	选中菜单中的被选中的元素。
QMenu::separator	选中菜单中的分割线。

（7）登录界面

【基于上述学习过的 QSS 样式，制作一个美化版本的登录界面】

A. 在界面上创建元素，并使用布局管理器把相关元素包裹一下

使用 QVBoxLayout 来管理上述控件。
两个输入框和按钮的 minimumHeight 均设置为 50（元素在布局管理器中无法直接设置 width 和 height，使用 minimumWidth 和 minimumHeight 代替，此时垂直方向的 sizePolicy 要设为 fixed）。

右键 QCheckBox，选择 Layout Alignment 可以设置 checkbox 的对齐方式（左对齐，居中对齐，右对齐）。

B. 设置背景图片

把上述控件添加一个父元素 QFrame，并设置 QFrame 和窗口一样大。

顶层窗口的 QWidget 无法设置背景图片，因此我们可以再套上一层 QFrame，背景图片就设置到 QFrame 上即可。

创建 resource.qrc，并导入图片：

编写 QSS 样式：

使用 border-image 设置背景图片，而不是 background-image。
主要是因为 border-image 是可以自动缩放的，这一点在窗口大小发生改变时是非常有意义的。

QFrame{border-image:url(:/537.jpg);
}

效果：

C. 编写 CSS 代码：

设置 checkbox 样式

背景色使用 transparent 表示完全透明（应用父元素的背景）。

QFrame {border-image: url(:/537.jpg);
}QLineEdit {color: #8d98a1;background-color: #405361;padding: 0 5px;font-size: 20px;border-style: none;border-radius: 10px;
}QCheckBox {color: white;background-color: transparent;
}QPushButton {font-size: 20px;color: white;background-color: #5555;border-style: outset;border-radius: 10px;
}QPushButton:pressed {color: black;background-color: #ced1db;border-style: inset;
}

运行程序效果：

最终完整样式代码，这些代码设置到 QFrame 的属性中即可。

通常我们建议把样式代码集中放置，方便调整和排查。

3、小结

QSS 本身给 Qt 提供了更丰富的样式设置的能力，但是整体来说 QSS 的功能是不如 CSS 的。

在 CSS 中，整个网页的样式都是 CSS 一手负责，CSS 功能更强大，并且也更可控。
相比之下，Qt 中是以原生 API 为主，来控制控件之间的尺寸、位置等，QSS 只是起到辅助的作用。
而且 Qt 中提供的一些 “组合控件”（像 QComboBox、QSpinBox 等）内部的结构是不透明的，此时进行一些样式设置也会存在一定的局限性。

另外，做出好看的界面，光靠 QSS 是不够的，更重要的是需要专业美工做出设计稿。

[Qt] Box Model | 控件样式 | 实现log_in界面

目录 1、样式属性 （1）盒模型（Box Model） 2、控件样式示例 （1）按钮 （2）复选框 （3）单选框 （4）输入框 （5&#xff09…...

编程日记 2025/6/1 8:59:55

内存与缓存：保姆级图文详解

文章目录前言1、计算机存储设备1.1、硬盘、内存、缓存1.2、金字塔结构1.3、数据流通过程 2、数据结构内存效率3、数据结构缓存效率前言亲爱的家人们，创作很不容易，若对您有帮助的话，请点赞收藏加关注哦，您的关注是我持续创作的…...

编程日记 2025/6/1 16:00:01

IM聊天学习资源

文章目录参考链接使用前端界面简单效果消息窗口平滑滚动至底部vue使用watch监听vuex中的变量变化 websocket握手认证ChatKeyCheckHandlerNettyChatServerNettyChatInitializer 参考链接 zzhua/netty-chat-web - 包括前后端 vue.js实现带表情评论功能前后端实现（仿…...

编程日记 2025/6/3 16:53:07

Redis 中 TTL 的基本知识与禁用缓存键的实现策略（Java）

目录前言1. 基本知识2. Java代码前言 🤟 找工作，来万码优才：👉 #小程序://万码优才/r6rqmzDaXpYkJZF 单纯学习Redis可以看我前言的Java基本知识路线！！ 对于Java的基本知识推荐阅读： java框架…...

编程日记 2025/5/31 14:22:09

SpringMvc解决跨域问题的源码汇总。

看本文章前，需了解跨域的缘由。其次，了解RequestMapping的基础原理最后我们来解析SpringMvc是如何处理跨域问题的。跨域信息配置 SpringMvc分为全局级别和局部级别两种，全局级别就是任何跨域请求都起作用。全局级别全局级别就是在配…...

编程日记 2025/5/31 3:28:02

25.1.17学习内容

B - 迷宫 Description 给定一个 NM 方格的迷宫，迷宫里有 T 处障碍，障碍处不可通过。在迷宫中移动有上下左右四种方式，每次只能移动一个方格。数据保证起点上没有障碍。给定起点坐标和终点坐标，每个方格最多经过一次&#xf…...

编程日记 2025/6/3 10:52:59

【开源免费】基于SpringBoot+Vue.JS欢迪迈手机商城（JAVA毕业设计）

本文项目编号 T 141 ，文末自助获取源码 \color{red}{T141，文末自助获取源码} T141，文末自助获取源码目录一、系统介绍二、数据库设计三、配套教程3.1 启动教程3.2 讲解视频3.3 二次开发教程四、功能截图五、文案资料5.1 选题背景5.2 国内…...

编程日记 2025/5/30 1:58:57

Qt之文件系统操作和读写

Qt creator 6.80 MinGw 64bit 文本文件是指以纯文本格式存储的文件，如cpp和hpp文件。XML文件和JSON文件也是文本文件，只是使用了特定的标记符号定义文本的含义，读取这种文本文件需要先对内容解析再显示。 qt提供了两种读写文本文件的方法。…...

编程日记 2025/5/30 22:35:46

合合信息名片全能王上架原生鸿蒙应用市场，成为首批数字名片类应用

长期以来，名片都是企业商务沟通的重要工具。随着企业数字化转型，相较于传统的纸质名片，数字名片对于企业成员拓展业务、获取商机、提升企业形象等方面发挥着重要作用。近期，合合信息旗下名片全能王正式上线原生鸿蒙应用市场&#…...

编程日记 2025/5/30 23:20:31

万字长文介绍ARINC 653，以及在综合模块化航空电子设备（IMA）中的作用

文章目录一、引言二、ARINC 653背景三、整体系统架构四、应用/执行（APEX）接口五、ARINC 653 RTOS内部机制六、健康监测功能七、软件应用八、ARINC 653现状九、总结一、引言在现代航空领域，综合模块化航空电子设备（IMA&#xf…...

编程日记 2025/6/2 18:31:11

jenkins-node节点配置

一.简述： Jenkins有一个很强大的功能： 即：支持分布式构建(jenkins配置中叫节点(node),也被称为slave)。分布式构建通常是用来吸收额外的负载。通过动态添加额外的机器应对构建作业中的高峰期，或在特定操作系统或环境运行特定的构建…...

编程日记 2025/6/4 8:18:03

【Flink系列】5. DataStream API

5. DataStream API DataStream API是Flink的核心层API。一个Flink程序，其实就是对DataStream的各种转换。具体来说，代码基本上都由以下几部分构成： 5.1 执行环境（Execution Environment） Flink程序可以在各种上下文…...

编程日记 2025/6/3 7:05:12

【tailscale 和 ssh】当服务器建立好节点，但通过客户端无法通过 ssh 连接

背景当服务器建立好节点，一切显示正常但通过客户端无法通过 vs code 中的 ssh 连接到服务器问题解决因为服务器是重装过的，所以忘记在服务器上下载 ssh 了。。。安装完成并启动 SSH 服务后便可正常连接！ sudo apt update sudo apt in…...

编程日记 2025/6/2 18:30:31

TDengine 做 Apache SuperSet 数据源

‌Apache Superset‌ 是一个现代的企业级商业智能（BI）Web 应用程序，主要用于数据探索和可视化。它由 Apache 软件基金会支持，是一个开源项目，它拥有活跃的社区和丰富的生态系统。Apache Superset 提供了直观的用户界面…...

编程日记 2025/5/30 13:15:25

PCL 新增自定义点类型【2025最新版】

目录一、自定义点类型1、前言2、定义方法3、代码示例二、合并现有类型三、点云按时间渲染1、CloudCompare渲染2、PCL渲染博客长期更新，本文最近更新时间为：2025年1月18日。一、自定义点类型 1、前言 PCL库自身定义了很多点云类型，但是在使用的时候时如果要使用自己定义的…...

编程日记 2025/5/29 9:15:52

【记录52】el-table-column 添加fixed属性滚动条无法滑动

问题： el-table-column 添加fixed属性滚动条无法滑动使用element UI组件，用到el-table的el-table-column的fixed属性时，当滚动条长度小于固定列时，滚动条无法通过鼠标去点击滑动操作原因 fixed是用来固定列的属性，其…...

编程日记 2025/6/2 10:32:33

华为OD机试E卷 ---最大值

一、题目描述给定一组整数(非负)，重排顺序后输出一个最大的整数。二、示例1 用例1 输入 10 9输出 910说明:输出结果可能非常大，所以你需要返回一个字符串只而不是整数。三、输入描述数字组合四、输出描述最大的整数五、解题思路字符…...

编程日记 2025/5/31 20:50:03

服务器迁移MySQL

由于公司原有的服务器不再使用，需要将老的服务器上的MySQL迁移到新的服务器上，因此需要对数据进行备份迁移，前提是两台服务器已安装相同版本的MySQL，这里就不再讲解MySQL的安装步骤了，可以安装包、可以在线下载、可以容…...

编程日记 2025/5/30 6:48:52

.Net Core微服务入门全纪录（二）——Consul-服务注册与发现（上）

系列文章目录 1、.Net Core微服务入门系列（一）——项目搭建 2、.Net Core微服务入门全纪录（二）——Consul-服务注册与发现（上） 3、.Net Core微服务入门全纪录（三）——Consul-服务注…...

编程日记 2025/5/31 6:50:23

【Linux系统】分区挂载

我们能够根据一个 inode 号在指定分区寻找目标文件的 struct inode，也能根据目录文件的内容，通过映射关系，找指定的 inode，可是，现在有个问题： 问题：inode 是不能跨分区使用的！Linu…...

编程日记 2025/6/2 0:44:19

高亮（一） 声明 char buf[21];unsigned char upled0x04;uint8_t key_val;uint8_t key_down,key_up,key_old;uint32_t key_time;uint8_t key_temp,key_flag;uint8_t line_flag; 按键代码 void key_proc(void) { key_valkey_scan();key_downkey_val&…...

编程日记 2025/6/3 16:54:59

简单介绍JSONStream的使用

地址作用这个模块是根据需要筛选出json数据中自己所需要的数据使用 var JSONStream require("JSONStream"); var parse require("fast-json-parse"); var fs require("fs");fs.createReadStream("./time.json").pipe(JSONSt…...

编程日记 2025/5/31 7:18:13

LTX-Video 高效视频生成模型，一键处理图片文字

LTX-Video 是由 Lightricks 在 2024 年开发的一种视频生成模型，这种模型采用了 transformer 和 Video-VAE 技术，能够高效生成高分辨率视频。此外，LTX-Video 支持多种视频生成方式，包括从文本到视频和从图像到视频。教程链接&…...

编程日记 2025/6/3 1:46:29

AUTOSAR从入门到精通专栏总目录

AUTOSAR通过分层、模块化和封装的特性，革命性地改变了汽车电子软件开发。它简化了软硬件接口，提高了软件复用性，降低了开发成本和周期。随着 AUTOSAR 在汽车电子系统开发领域的广泛应用，对其深入理解和熟练掌握已成为汽车电子软件…...

编程日记 2025/5/31 17:26:10

Windows环境本地配置pyspark环境详细教程

目录一、背景简记二、本地单机spark环境配置详细步骤第一步：python环境安装第二步：安装jdk及配置环境变量安装包下载安装环境变量配置第三步：安装Spark安装包下载安装配置环境变量第四步：安装hadoop安装包下载安装配置环境变量…...

编程日记 2025/5/31 17:28:56

第8篇：从入门到精通：掌握Python异常处理

第8篇：异常处理内容简介本篇文章将深入探讨Python中的异常处理机制。您将学习异常的基本概念与类型，掌握使用try-except块处理异常的方法，了解finally语句的作用，以及如何抛出和定义自定义异常。通过丰富的代码示例&#xff0…...

编程日记 2025/6/4 3:44:31

聚铭网络6款产品入选CCIA《网络安全专用产品指南》

近日，中国网络安全产业联盟CCIA正式发布《网络安全专用产品指南》（第二版）（以下简称《指南》）。聚铭网络凭借突出技术优势、创新能力以及市场积累，旗下安全产品成功入选防火墙、网络安全审计、日志分析、网…...

编程日记 2025/6/4 17:25:14

高等数学学习笔记 ☞ 不定积分的积分方法

1. 第一换元积分法 1. 基础概念：形如的过程，称为第一换元积分法。 2. 核心思想：通过对被积函数的观察(把被积函数的形式与积分表的积分公式进行比较)，把外部的部分项拿到的内部(求原函数)， 然后进行拼凑，…...

编程日记 2025/6/3 5:20:01

08、如何预防SQL注入

目录 1、分析及其存在哪些危险 2、预防SQL注入 1、分析及其存在哪些危险原理： SQL 注入是一种常见的网络攻击手段，攻击者通过在用户输入中插入恶意的 SQL 语句，利用程序对用户输入处理不当的漏洞，使恶意 SQL 语句被数据库服务器执行。通常发生在应用程序将用户输入直接拼…...

编程日记 2025/5/28 7:18:38

如何发布自己的第一个Chrome扩展程序

如何发布自己的Chrome扩展程序只需要六步即可完成Chrome扩展程序的发布 （1）首先打开google chrome 应用商城注册开发者账号的页面 （2）现在进行一个绑卡支付5美元的一次性注册费用即可。【不知道如何绑卡的支付的，文…...

编程日记 2025/6/1 0:30:05

ubuntu开机自启，其他方式

在 Ubuntu 22.04 中，如果不使用 .service 文件，仍然有其他方法可以让某个 .sh 文件随着系统启动而自动运行。以下是几种替代方法： 方法一：使用 crontab 的 reboot 选项 crontab 是 Linux 中用于设置周期性被执行的任务的工具。通…...

编程日记 2025/6/3 16:23:16

容器渗透横向

本质上要获得 1.获得容器IP段 2.获得主机IP段 3.获得本机IP 4.通过CNI或Docker0等扫描本机端口 Flannel 容器信息 rootubuntu-linux-22-04-desktop:/home/parallels/Desktop# k get po -A -o wide NAMESPACE NAME …...

编程日记 2025/5/30 16:58:51

软件测试—接口测试面试题及jmeter面试题

一，接口面试题 1.接口的作用实现前后端的交互，实现数据的传输 2.什么是接口测试接口测试就是对系统或组件之间的接口进行测试，主要是校验数据的交换、传递和控制管理过程，以及相互逻辑关系 3.接口测试必要性 1.可以发现很…...

编程日记 2025/6/3 10:12:49

ansible之playbook剧本

Playbook 1.playbook的组成部分开头用 --- 表示，表示是一个yaml文件，但是可以忽略不写 Tasks（任务） 包含了在目标主机上执行的操作，操作还是由模板来执行。每一个任务都是一个ansible的模块，调用系统命…...

编程日记 2025/5/30 5:00:55

基于 Python 的财经数据接口库：AKShare

AKShare 是基于 Python 的财经数据接口库，目的是实现对股票、期货、期权、基金、外汇、债券、指数、加密货币等金融产品的基本面数据、实时和历史行情数据、衍生数据从数据采集、数据清洗到数据落地的一套工具，主要用于学术研究目的。安装安装手册见…...

编程日记 2025/5/29 15:25:36

强网杯RS加密签名伪造及PyramidWeb利用栈帧打内存马

RS加密签名伪造及PyramidWeb利用栈帧打内存马今年强网杯的一个新框架源代码如下 from wsgiref.simple_server import make_server from pyramid.config import Configurator from pyramid.events import NewResponse from pyramid.response import Response import utiluser…...

编程日记 2025/6/3 13:39:54

Java基础——概念和常识(语言特点、JVM、JDK、JRE、AOT/JIT等介绍)

我是一个计算机专业研0的学生卡蒙Camel🐫🐫🐫（刚保研） 记录每天学习过程（主要学习Java、python、人工智能），总结知识点（内容来自：自我总结网上借鉴&#xff0…...

编程日记 2025/6/2 22:18:35

搭建Node.js后端

从头开始搭建一个Node.js后端，并实现查询历史数据的功能，下面是详细的步骤说明，包括环境配置、项目初始化、代码编写、以及服务器启动。 1. 环境配置 1.1 安装 Node.js 和 npm 首先，你需要在你的电脑上安装 Node.js 和 npm&…...

编程日记 2025/6/3 19:23:35

RV1126+FFMPEG推流项目(9)AI和AENC模块绑定，并且开启线程采集

前面两篇已经交代AI和AENC模块的配置，这篇就让这两个模块绑定起来，绑定的原因是，Aenc从Ai模块拿到采集的原始数据进行编码。使用 RK_MPI_SYS_Bind 把 AI 节点和 AENC 进行绑定，其中 enModId 是模块 ID 号选择的是 RK_ID_AI、s32C…...

编程日记 2025/6/3 4:01:32

vue编写一个可拖动的模块，并可以和任何其他组件组合使用

实现思路： 使用 Vue 的自定义指令（directive）来处理拖动逻辑。在 mounted 钩子中添加鼠标事件监听器，以实现拖动功能。在 unmounted 钩子中移除鼠标事件监听器，防止内存泄漏。代码示例： <template&g…...

编程日记 2025/6/4 8:22:46

Spring6.0新特性-HTTP接口：使用@HttpExchange实现更优雅的Http客户端

文章目录一、概述二、使用1、创建接口HttpExchange方法2、创建一个在调用方法时执行请求的代理3、方法参数4、返回值5、错误处理（1）为RestClient（2）为WebClient（3）为RestTemplate 注意一、概述官方文档…...

编程日记 2025/6/3 3:35:51

【蓝桥杯】Python算法——求逆元的两种算法

目录零、前言一、逆元二、扩展欧几里得算法三、费马小定理四、总结零、前言距离25年蓝桥杯还有大概三个月时间，接下来重点应该会放在蓝桥杯备考方向，一起努力，一起加油一、逆元什么是逆元？这是数论中的一个基本概念。如果存…...

编程日记 2025/5/30 10:54:01

音频语言模型与多模态体系结构

音频语言模型与多模态体系结构多模态模型正在创造语言、视觉和语音等以前独立的研究领域的协同效应。这些模型使用通用架构，将每种模式视为不同的“token”，使它们能够以一种与人类认知非常相似的方式联合建模和理解世界。可以将多模态分为两个主要领域：输入空间（…...

编程日记 2025/6/2 10:36:23

Redis的安装和配置、基本命令

一、实验目的本实验旨在帮助学生熟悉Redis的安装、配置和基本使用，包括启动Redis服务、使用命令行客户端进行操作、配置Redis、进行多数据库操作以及掌握键值相关和服务器相关的命令。二、实验环境准备 1. JAVA环境准备：确保Java Development Kit …...

编程日记 2025/6/2 16:41:56

2025.1.17——三、SQLi regexp正则表达式|

题目来源：buuctf [NCTF2019]SQLi1 目录一、打开靶机，整理信息二、解题思路 step 1：正常注入 step 2：弄清关键字黑名单 1.目录扫描 2.bp爆破 step 3：根据过滤名单构造payload step 4：regexp正则注…...

编程日记 2025/6/1 4:05:20

flutter 常用UI组件

文章目录 1. Toast 文本提示框oktoastbot_toast2. loading 加载窗flutter_easyloading3. 对话框gex dialog4.下拉刷新pull_to_refresh5. pop 窗custom_pop_up_menu6. pin code 密码框pinput7. 二维码qr_flutter8. swiper 滚动组件carousel_sliderflutter_swiper_view9. Badge 角…...

编程日记 2025/6/2 19:44:01

基于微信小程序的健身房预约管理系统

作者：计算机学姐开发技术：SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等，“文末源码”。专栏推荐：前后端分离项目源码、SpringBoot项目源码、Vue项目源码、SSM项目源码、微信小程序源码精品专栏：…...

编程日记 2025/6/4 14:59:49

Windows远程桌面网关出现重大漏洞

微软披露了其Windows远程桌面网关（RD Gateway）中的一个重大漏洞，该漏洞可能允许攻击者利用竞争条件，导致拒绝服务（DoS）攻击。该漏洞被标识为CVE-2025-21225，已在2025年1月的补丁星期二更新中得到…...

编程日记 2025/6/3 15:14:21

如何学习Transformer架构

Transformer架构自提出以来，在自然语言处理领域引发了革命性的变化。作为一种基于注意力机制的模型，Transformer解决了传统序列模型在并行化和长距离依赖方面的局限性。本文将探讨Transformer论文《Attention is All You Need》与Hugging Face Transform…...

编程日记 2025/6/2 9:53:45

RPA赋能内容创作：打造小红书入门词语图片的全自动化流程

🌟 嗨，我是LucianaiB！ 🌍 总有人间一两风，填我十万八千梦。 🚀 路漫漫其修远兮，吾将上下而求索。用RPA全自动化批量生产【入门词语】图片做小红书商单，保姆级工具开发教程最近由…...

编程日记 2025/5/30 11:28:49

1、样式属性

（1）盒模型（Box Model）

2、控件样式示例

（1）按钮

（2）复选框

（3）单选框

（4）输入框

（5）列表

【理解渐变色】

（6）菜单栏

（7）登录界面

3、小结

相关文章：