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

03 HarmonyOS Next仪表盘案例详解（二）：进阶篇

news 来源：原创 2025/8/27 1:05:07

温馨提示：本篇博客的详细代码已发布到 git : https://gitcode.com/nutpi/HarmonyosNext 可以下载运行哦！

文章目录

- 前言
- 1. 响应式设计
- - 1.1 屏幕适配
  - 1.2 弹性布局
- 2. 数据展示与交互
- - 2.1 数据卡片渲染
  - 2.2 图表区域
- 3. 事件处理机制
- - 3.1 点击事件处理
  - 3.2 手势交互
- 4. 性能优化技巧
- - 4.1 懒加载与按需渲染
  - 4.2 状态管理优化
- 5. 数据流管理
- - 5.1 单向数据流
  - 5.2 响应式数据绑定
- 6. 最佳实践
- - 6.1 组件化开发
  - 6.2 样式与逻辑分离
- 7. 总结

前言

关于HarmonyOS NEXT 的仪表盘从

1. HarmonyOS应用开发实践与技术解析
1. HarmonyOS Next仪表盘案例详解（一）：基础篇
  再到本章节就已经全部讲完了，接下来我们先展示一下其运行的效果

首页List

效果演示

1. 响应式设计

1.1 屏幕适配

// 获取屏幕宽度
this.screenWidth = px2vp(AppStorage.Get<number>('windowWidth') || 720)// 根据屏幕宽度决定每行显示的卡片数量
Flex({ wrap: FlexWrap.Wrap, justifyContent: this.screenWidth > 600 ? FlexAlign.Start : FlexAlign.SpaceAround })// 卡片宽度自适应
.width(this.screenWidth > 600 ? '22%' : '45%')

案例中通过检测屏幕宽度实现响应式布局：

当屏幕宽度大于600像素时，每行显示4个卡片，宽度为22%
当屏幕宽度小于等于600像素时，每行显示2个卡片，宽度为45%

这种响应式设计使应用能够在不同尺寸的设备上提供良好的用户体验。

1.2 弹性布局

Flex({ wrap: FlexWrap.Wrap, justifyContent: this.screenWidth > 600 ? FlexAlign.Start : FlexAlign.SpaceAround })

使用Flex组件的wrap属性实现卡片的自动换行，并根据屏幕宽度动态调整对齐方式：

宽屏设备：左对齐(FlexAlign.Start)
窄屏设备：均匀分布(FlexAlign.SpaceAround)

2. 数据展示与交互

2.1 数据卡片渲染

ForEach(this.dataCards, (card: DashboardCardItem) => {// 数据卡片Column() {// 卡片标题Text(card.title).fontSize(14).fontColor('#666').margin({bottom: 12})// 数据值和单位Flex({alignItems: ItemAlign.Baseline}) {Text(card.value).fontSize(28).fontWeight(FontWeight.Bold).fontColor(card.color)Text(card.unit).fontSize(14).fontColor(card.color).margin({left: 4})}.margin({bottom: 8})// 趋势指标Text(card.trend).fontSize(14).fontColor(card.trend.includes('+') ? '#2A9D8F' : '#E76F51')}// 卡片样式...
})

使用ForEach循环渲染数据卡片，每个卡片包含标题、数值、单位和趋势指标。根据趋势的正负动态设置颜色：

正向趋势(+)：绿色(#2A9D8F)
负向趋势(-)：红色(#E76F51)

2.2 图表区域

// 图表区域（示意）
Column() {Flex({ justifyContent: FlexAlign.SpaceBetween, alignItems: ItemAlign.Center }) {Text('销售趋势分析').fontSize(18).fontWeight(FontWeight.Medium)Flex() {ForEach(['日', '周', '月', '年'], (item: string) => {Text(item).fontSize(14).fontColor(item === '周' ? '#007DFF' : '#666').backgroundColor(item === '周' ? '#E6F1FF' : 'transparent').height(32).width(40).textAlign(TextAlign.Center).borderRadius(16)})}}// ...// 图表占位区域Column() {Text('此处放置销售趋势图表').fontSize(14).fontColor('#999')}// ...
}

图表区域包含标题栏和时间筛选器，通过ForEach循环渲染日、周、月、年四个选项，并高亮显示当前选中的"周"选项。这种设计允许用户快速切换不同时间维度的数据视图。

3. 事件处理机制

3.1 点击事件处理

ForEach(['日', '周', '月', '年'], (item: string) => {Text(item).fontSize(14).fontColor(item === this.timeRange ? '#007DFF' : '#666').backgroundColor(item === this.timeRange ? '#E6F1FF' : 'transparent').height(32).width(40).textAlign(TextAlign.Center).borderRadius(16).onClick(() => {// 更新选中的时间范围this.timeRange = item// 根据新的时间范围更新图表数据this.updateChartData()})
})

通过onClick事件处理器实现交互功能，当用户点击不同的时间选项时：

更新当前选中的时间范围状态变量
调用更新图表数据的方法，刷新图表显示

3.2 手势交互

// 图表区域手势交互
GestureGroup({// 同时识别多种手势type: GestureType.Parallel,// 手势之间的关系gestures: [PanGesture({ direction: PanDirection.Horizontal }).onActionStart((event: GestureEvent) => {// 记录起始位置this.startX = event.offsetX}).onActionUpdate((event: GestureEvent) => {// 计算拖动距离，更新图表显示范围let offsetX = event.offsetX - this.startXthis.updateChartViewport(offsetX)}),PinchGesture().onActionUpdate((event: GestureEvent) => {// 根据缩放比例调整图表显示范围this.updateChartScale(event.scale)})]
})

实现了两种手势交互：

平移手势(PanGesture)：允许用户左右滑动查看不同时间段的数据
捏合手势(PinchGesture)：允许用户通过捏合操作放大或缩小图表视图

4. 性能优化技巧

4.1 懒加载与按需渲染

LazyForEach(this.dataSource, (item: DataItem) => {// 数据项渲染逻辑DataItemComponent({ data: item })
})

使用LazyForEach代替ForEach进行大量数据的渲染，实现按需加载，提高应用性能：

只渲染可见区域的数据项
当用户滚动时，动态加载新的数据项
释放不可见区域的资源

4.2 状态管理优化

// 使用AppStorage全局状态管理
aboutToAppear() {// 订阅全局状态变化this.dashboardDataSubscriber = AppStorage.Subscribe('dashboardData', (data: DashboardData) => {// 仅在数据变化时更新UIif (JSON.stringify(data) !== JSON.stringify(this.localData)) {this.localData = datathis.updateUI()}})
}aboutToDisappear() {// 取消订阅，避免内存泄漏this.dashboardDataSubscriber.unsubscribe()
}

通过状态管理优化提高应用性能：

使用AppStorage进行全局状态管理
实现数据变化的细粒度检测，避免不必要的UI更新
组件销毁时取消订阅，防止内存泄漏

5. 数据流管理

5.1 单向数据流

// 父组件
@State dashboardData: DashboardData = initialDatabuild() {Column() {// 将数据通过属性传递给子组件DataCards({ data: this.dashboardData.cards })ChartSection({ data: this.dashboardData.chartData,// 传递回调函数处理子组件事件onTimeRangeChange: (range) => this.updateTimeRange(range)})}
}// 子组件
@Component
struct DataCards {// 使用@Prop接收父组件传递的数据@Prop data: CardData[]build() {// 渲染逻辑}
}

实现单向数据流模式：

父组件维护应用状态
通过属性将数据传递给子组件
子组件通过回调函数将事件传递给父组件
父组件处理事件并更新状态，触发UI更新

5.2 响应式数据绑定

// 定义响应式状态
@State selectedTimeRange: string = '周'
@State chartData: ChartDataPoint[] = []// 计算属性
@Computed get filteredData(): ChartDataPoint[] {return this.chartData.filter(item => {// 根据选中的时间范围过滤数据if (this.selectedTimeRange === '日') {return item.date.startsWith(this.currentDay)} else if (this.selectedTimeRange === '周') {return this.isInCurrentWeek(item.date)}// 其他条件...})
}build() {Column() {// 使用计算属性自动更新UIChartComponent({ data: this.filteredData })}
}

利用ArkTS的响应式特性：

使用@State声明响应式状态
使用@Computed定义计算属性，自动响应状态变化
状态变化时自动触发UI更新，无需手动干预

6. 最佳实践

6.1 组件化开发

// 抽取数据卡片为独立组件
@Component
struct DataCard {@Prop cardData: DashboardCardItembuild() {Column() {Text(this.cardData.title).fontSize(14).fontColor('#666').margin({bottom: 12})Flex({alignItems: ItemAlign.Baseline}) {Text(this.cardData.value).fontSize(28).fontWeight(FontWeight.Bold).fontColor(this.cardData.color)Text(this.cardData.unit).fontSize(14).fontColor(this.cardData.color).margin({left: 4})}.margin({bottom: 8})Text(this.cardData.trend).fontSize(14).fontColor(this.cardData.trend.includes('+') ? '#2A9D8F' : '#E76F51')}.width('100%').padding(16).backgroundColor('#FFFFFF').borderRadius(12)}
}// 在主组件中使用
ForEach(this.dataCards, (card: DashboardCardItem) => {DataCard({ cardData: card })
})

组件化开发的优势：

提高代码复用率
简化主组件逻辑
便于维护和测试
支持团队协作开发

6.2 样式与逻辑分离

// 样式常量
const CARD_STYLES = {container: {width: '100%',padding: 16,borderRadius: 12,backgroundColor: '#FFFFFF'},title: {fontSize: 14,fontColor: '#666',marginBottom: 12},// 其他样式...
}// 在组件中使用
@Component
struct StyledCard {@Prop data: CardDatabuild() {Column() {Text(this.data.title).fontSize(CARD_STYLES.title.fontSize).fontColor(CARD_STYLES.title.fontColor).margin({bottom: CARD_STYLES.title.marginBottom})// 其他UI元素...}.width(CARD_STYLES.container.width).padding(CARD_STYLES.container.padding).backgroundColor(CARD_STYLES.container.backgroundColor).borderRadius(CARD_STYLES.container.borderRadius)}
}

样式与逻辑分离的好处：

提高代码可读性
便于统一管理和修改样式
支持主题切换
减少重复代码

7. 总结

本文详细介绍了HarmonyOS仪表盘应用的进阶开发技巧，包括：

响应式设计：通过屏幕适配和弹性布局实现多设备适配
数据展示与交互：实现数据卡片渲染和图表区域的交互功能
事件处理机制：通过点击事件和手势交互增强用户体验
性能优化技巧：使用懒加载和状态管理优化提高应用性能
数据流管理：实现单向数据流和响应式数据绑定
最佳实践：采用组件化开发和样式与逻辑分离的开发模式

通过这些技巧，开发者可以构建出高性能、易维护且用户体验良好的HarmonyOS仪表盘应用。

03 HarmonyOS Next仪表盘案例详解（二）：进阶篇

温馨提示：本篇博客的详细代码已发布到 git : https://gitcode.com/nutpi/HarmonyosNext 可以下载运行哦！ 文章目录前言1. 响应式设计1.1 屏幕适配1.2 弹性布局 2. 数据展示与交互2.1 数据卡片渲染2.2 图表区域 3. 事件处理机制3.1 点击事件处理3.2 手势…...

编程日记 2025/8/27 1:05:07

【QT】-易错点笔记-2025-2-7

1，QList<phy_simulator*> pList；为空不能append()追加，要先new,再用 QList<phy_simulator> pList为空时，确实不能调用 append() 方法。原因很简单，QList 是一个类对象，在 C++ 中，指针本身并不代表它指向的对象。因此，当你有一个指向 QList<phy_simulato…...

编程日记 2025/8/27 3:04:35

嵌入式 ARM Linux 系统构成(3)：根文件系统（Root File System）

目录一、根文件系统的原理与重要性二、根文件系统的构成 2.1. 基本目录结构 2.2. 核心组件 2.3. 设备驱动 2.4. 网络工具和协议 2.5. 调试工具三、根文件系统的制作方法四、根文件系统的测试五、构建根文件系统的关键技术 5.1. 最小化构建工具 5.2. 关键配置文…...

编程日记 2025/8/27 3:47:20

electron + vue3 + vite 主进程到渲染进程的单向通信

用示例讲解下主进程到渲染进程的单向通信初始版本项目结构可参考项目：https://github.com/ylpxzx/electron-forge-project/tree/init_project 主进程到渲染进程（单向） 以Electron官方文档给出的”主进程主动触发动作，发送内容给渲…...

编程日记 2025/8/27 3:47:09

基于Python实现的智能旅游推荐系统(Django)

基于Python实现的智能旅游推荐系统(Django) 开发语言:Python 数据库：MySQL所用到的知识：Django框架工具：pycharm、Navicat 系统功能实现总体设计系统实现系统首页模块统首页页面主要包括首页，旅游资讯，景点信息…...

编程日记 2025/8/27 3:50:29

分布式存储—— HBase数据模型详解

目录 1.3 HBase数据模型 1.3.1 两类数据模型 1.3.2 数据模型的重要概念 1.3.3 数据模型的操作 1.3.4 数据模型的特殊属性 1.3.5 CAP原理与最终一致性 1.3.6 小结本文章参考、总结于学校教材课本《HBase开发与应用》 1.3 HBase数据模型在开始学习HBase之前非常…...

编程日记 2025/8/27 3:54:25

使用AI整理知识点--WPF动画核心知识

一、WPF动画基础 1、动画本质通过随时间改变依赖属性值实现视觉效果（如位置、透明度、颜色等）。依赖属性必须支持 DependencyProperty，且需是可动画的（如 Double, Color, Point 等）。 2、动画三要素起始值 (Fr…...

编程日记 2025/8/26 9:39:09

计算光学成像与光学计算概论

计算光学成像所涉及研究的内容非常广泛，虽然计算光学成像的研究内容是发散的，但目的都是一致的：如何让相机记录到客观实物更丰富的信息，延伸并扩展人眼的视觉感知。总的来说，计算光学成像现阶段已经取得了很多令人振奋…...

编程日记 2025/8/27 3:47:19

100天精通Python（爬虫篇）——第115天：爬虫在线小工具_Curl转python爬虫代码工具（快速构建初始爬虫代码）

文章目录一、curl是什么？二、爬虫在线小工具（牛逼puls）三、实战操作一、curl是什么？ 基本概念：curl 支持多种协议，如 HTTP、HTTPS、FTP、SFTP 等，可用于从服务器获取数据或向服务器发送数据&a…...

编程日记 2025/8/27 3:44:39

点云软件VeloView开发环境搭建与编译

官方编译说明 LidarView / LidarView-Superbuild GitLab 我的编译过程： 安装vs2019，windows sdk，qt5.14.2（没安装到5.15.7），git，cmake3.31，python3.7.9，ninja下载放到…...

编程日记 2025/8/27 3:44:08

PHP配置虚拟主机

虚拟主机: 不是真实存在的主机, 因为一台电脑理论上讲只能作为一个网站: 事实上,一个网站是一个文件夹. 在本地开发中，通过虚拟主机配置可以实现多域名独立访问不同项目目录（如 www.project1.test 和 www.project2.test），以 ”XAM…...

编程日记 2025/8/24 5:52:27

笔记四：C语言中的文件和文件操作

Faye：只要有正确的伴奏，什么都能变成好旋律。 ---------《寻找天堂》目录一、文件介绍 1.1程序文件 1.2 数据文件 1.3 文件名二、文件的打开和关闭 2.1 文件指针 2.2.文件的打开和关闭 2.3 文件读取结束的判定三、文件的顺序读写 3.1 顺序读写…...

编程日记 2025/8/27 3:47:12

PyTorch中的线性变换：nn.Parameter VS nn.Linear

self.weight nn.Parameter(torch.randn(in_channels, out_channels)) 和 self.linear nn.Linear(in_channels, out_channels) 并不完全一致，尽管它们都可以用于实现线性变换（即全连接层），但它们的使用方式和内部实现有所不同。 …...

编程日记 2025/8/26 10:25:35

计算机网络（1）网络通信基础，协议介绍，通信框架

网络结构模式 C/S-----客户端和服务器 B/S -----浏览器服务器 MAC地址每一个网卡都拥有独一无二的48位串行号，也即MAC地址，也叫做物理地址、硬件地址或者是局域网地址 MAC地址表示为12个16进制数如00-16-EA-AE-3C-40 （每一个数可以用四个…...

编程日记 2025/8/27 3:50:25

PHP之常量

在你有别的编程语言的基础下，你想学习PHP，可能要了解的一些关于常量的信息。 PHP中的常量不用指定数据类型，可以使用两次方法定义。使用const //定义常量 const B 2; echo B . PHP_EOL;使用define define("A", 1); echo A . P…...

编程日记 2025/8/27 3:48:53

苦瓜书盘官网，免费pdf/mobi电子书下载网站

苦瓜书盘（kgbook）是一个专注于提供6英寸PDF和MOBI格式电子书的免费下载平台，专为电子阅读器用户设计。该平台为用户提供了丰富的电子书资源，涵盖文学、历史、科学、技术等多个领域，旨在打造一个全面的电子书资源库。用…...

编程日记 2025/8/27 3:51:52

通过 Docker openssl 容器生成生成Nginx证书文件

使用 alpine/openssl 镜像生成证书 1. 拉取容器 [rootlocalhost ~]# docker run --rm alpine/openssl version OpenSSL 3.3.3 11 Feb 2025 (Library: OpenSSL 3.3.3 11 Feb 2025)2. 运行 alpine/openssl 生成证书（Nginx） # 生成1个.key私钥文件&#…...

编程日记 2025/8/26 19:06:50

第四十一：Axios 模型的 get ，post请求

Axios　的　get 请求方式 9.双向数据绑定 v-model - 邓瑞编程 Axios　的　post 请求方式：...

编程日记 2025/8/27 3:32:44

从零开始用react + tailwindcss + express + mongodb实现一个聊天程序(十) 收发消息

1.聊天框首先我们完善前端的消息输入框 components下面新建MessageInput组件 import { useState,useRef } from "react" import {X,Image,Send} from "lucide-react"import { useChatStore } from "../store/useChatStore" import toast from…...

编程日记 2025/8/27 3:47:17

Spring Boot面试问答

1. Spring Boot 基础知识问题 1：什么是Spring Boot？它与Spring框架有何不同？回答： Spring Boot是基于Spring框架的一个开源框架，旨在简化新Spring应用的初始化和开发过程。与传统的Spring框架相比，Spring Boot提供了以下优势：自动配置：根据项目依赖自动配置Spring…...

编程日记 2025/8/27 3:45:39

win11编译llama_cpp_python cuda128 RTX30/40/50版本

Geforce 50xx系显卡最低支持cuda128，llama_cpp_python官方源只有cpu版本，没有cuda版本，所以自己基于0.3.5版本源码编译一个RTX 30xx/40xx/50xx版本。 1. 前置条件 1. 访问https://developer.download.nvidia.cn/compute/cuda/12.8.0/local_…...

编程日记 2025/8/27 3:48:55

2025-03-07 学习记录--C/C++-C语言截取字符串的三种方法

C语言截取字符串 ⭐️ 方法 1：使用 strncpy 函数 🍭 strncpy 是C标准库中的一个函数，用于从源字符串中复制指定长度的字符到目标字符串中。【详情请查看我的另一篇文章】示例代码：🌰 #include <stdio.h> #in…...

编程日记 2025/8/27 3:53:17

doris: Oracle

Apache Doris JDBC Catalog 支持通过标准 JDBC 接口连接 Oracle 数据库。本文档介绍如何配置 Oracle 数据库连接。使用须知要连接到 Oracle 数据库，您需要 Oracle 19c, 18c, 12c, 11g 或 10g。 Oracle 数据库的 JDBC 驱动程序，您可以从 Maven 仓库…...

编程日记 2025/8/27 3:47:13

【神经网络】python实现神经网络（一）——数据集获取

一.概述在文章【机器学习】一个例子带你了解神经网络是什么中，我们大致了解神经网络的正向信息传导、反向传导以及学习过程的大致流程，现在我们正式开始进行代码的实现，首先我们来实现第一步的运算过程模拟讲解：正向传导。本次代…...

编程日记 2025/8/27 3:48:57

自学嵌入式第27天------TCP和UDP，URL爬虫

1. TCP和UDP区别 **TCP（传输控制协议）和UDP（用户数据报协议）**是两种主要的传输层协议，它们在数据传输方式上有显著区别： 连接性： TCP是面向连接的协议，通信前需通过三次握手建立连…...

编程日记 2025/8/27 3:44:06

【虚拟化】Docker Desktop 架构简介

在阅读前您需要了解 docker 架构：Docker architecture WSL 技术：什么是 WSL 2 1.Hyper-V backend 我们知道，Docker Desktop 最开始的架构的后端是采用的 Hyper-V。 Docker daemon (dockerd) 运行在一个 Linux distro (LinuxKit build) 中&…...

编程日记 2025/8/27 3:53:16

C#程序加密与解密Demo程序示例

目录一、加密程序功能介绍 1、加密用途 2、功能 3、程序说明 4、加密过程 5、授权的注册文件保存方式二、加密程序使用步骤 1、步骤一编辑2、步骤二 3、步骤三 4、步骤四三、核心代码说明 1、获取电脑CPU 信息 2、获取硬盘卷标号 3、机器码生成 3、生成…...

编程日记 2025/8/27 3:47:17

200W数据需要去重，如何优化？

优化去重逻辑的时间取决于多个因素，包括数据量、数据结构、硬件性能（CPU、内存）、去重算法的实现方式等。以下是对优化去重逻辑的详细分析和预期优化效果： 1. 去重逻辑的性能瓶颈时间复杂度：使用HashSet去重的时间复…...

编程日记 2025/8/27 3:53:18

理解 UDP 协议与实战：Android 使用 UDP 发送和接收消息

一、UDP 协议概述 UDP（User Datagram Protocol，用户数据报协议）是一个无连接的网络通信协议。与 TCP 不同，UDP 不建立连接，不保证数据的顺序和完整性。它的特点是简单、高效，适用于实时性要求较高、对数据…...

编程日记 2025/8/21 4:17:19

7V 至 30V 的超宽 VIN 输入范围，转换效率高达 96%的WD5030

WD5030 具备 7V 至 30V 的超宽 VIN 输入范围，这一特性使其能够适应多种不同电压等级的供电环境，无论是在工业设备中常见的较高电压输入，还是在一些便携式设备经过初步升压后的电压，WD5030 都能轻松应对，极大地拓展了应…...

编程日记 2025/8/27 3:50:28

基于 LeNet 网络的 MNIST 数据集图像分类

1.LeNet的原始实验数据集MNIST 名称：MNIST手写数字数据集数据类型：灰度图 （一通道） 图像大小：28*28 类别数：10类（数字0-9） 1.通过torchvision.datasets.MNIST下载并保存到本地…...

编程日记 2025/8/26 20:24:17

智能体开发：推理-行动（ReAct）思维链提示

人类在处理一个需要多个步骤才能完成任务时，显著特点是能够将言语推理（内心独白）和实际行动融合在一起，在面对陌生或不确定的情况时通过这种方法学习新知识，做出决策，并执行，从而应对复杂的任务…...

编程日记 2025/8/26 20:45:03

Android Native 之文件系统挂载

一、文件系统挂载流程概述二、文件系统挂载流程细节 1、Init启动阶段众所周知，init进程为android系统的第一个进程，也是native世界的开端，要想让整个android世界能够稳定的运行，文件系统的创建和初始化是必不可少的&#xff…...

编程日记 2025/8/27 3:44:06

DirectX12（D3D12）基础教程四入门指南

本章主要讲了些D3D12概念和理论，对第一、二章相关概念的补充和纠正，要的理解D3D12概念和理论基础，结合代码加深理解。命令队列和命令列表为了实现渲染工作的重用和多线程缩放， 在 D3D12 中，做了三个重要方面不同于 …...

编程日记 2025/8/27 3:54:26

android13打基础: timepicker控件

public class Ch4_TimePickerActivity extends AppCompatActivity implements TimePickerDialog.OnTimeSetListener {private TextView tv_time; // 声明一个文本视图对象private TimePicker tp_time; // 声明一个时间选择器对象Overrideprotected void onCreate(Nullable Bund…...

编程日记 2025/8/27 3:54:26

国产化板卡设计原理图：2330-基于FMC接口的JFM7K325T PCIeX4 3U PXIe接口卡

基于FMC接口的JFM7K325T PCIeX4 3U PXIe接口卡一、板卡概述本板卡基于 FPGAJFM7K325T 芯片，pin_to_pin兼容FPGAXC7K410T-2FFG900 ，支持PCIeX8、64bit DDR3容量2GByte，HPC的FMC连接器，板卡支持PXIE标准协议，其中XJ3…...

编程日记 2025/8/27 3:47:10

Oracle SQL优化①——查看SQL执行计划的几种方法

前言在日常的运维工作中，SQL优化是DBA的进阶技能，SQL优化的前提是要看SQL的执行计划是否正确，下面分享几种查看执行计划的方法，每一种方法都各有各的好处，可以根据特定场景选择某种方法。一.使用AUTOTRACE查看执行…...

编程日记 2025/8/23 6:46:21

MySQL主从架构配合ShardingJdbc实现读写分离

文章目录目录架构搭建读写分离pom.xmlfdy-live-user-provider 模块application.ymlfdy-db-sharding.yamlShardingJdbcDatasourceAutoInitConnectionConfig.java 目录架构搭建基于Docker去创建MySQL的主从架构读写分离 pom.xml <dependency><groupId>mysql…...

编程日记 2025/8/26 7:14:32

MyBatis @Param 注解详解：多参数传递与正确使用方式

Param 注解主要用于 MyBatis 进行参数传递时给 SQL 语句中的参数起别名，通常用于多参数方法，使参数在 XML Mapper 文件或注解 SQL 语句中更清晰易用。 1. 基本用法在 Mapper 接口中使用 Param 来为参数命名，避免 MyBatis 解析时出现参数…...

编程日记 2025/8/26 4:41:44

【JAVA架构师成长之路】【Redis】第14集：Redis缓存穿透原理、规避、解决方案

30分钟自学教程：Redis缓存穿透原理与解决方案目标理解缓存穿透的成因及危害。掌握布隆过滤器、空值缓存等核心防御技术。能够通过代码实现请求拦截与缓存保护。学会限流降级、异步加载等应急方案。教程内容 0~2分钟：缓存穿透的定义与核心原因定义…...

编程日记 2025/8/27 3:44:42

mybatis报错org/apache/commons/lang3/tuple/Pair] with root cause

mybatis一对多查询配置resultMap映射报错org/apache/commons/lang3/tuple/Pair] with root cause 原因是mybatis依赖common-lang3这个包, 只需要添加common-lang3的依赖坐标即可: <dependency><groupId>org.apache.commons</groupId><artifactId>comm…...

编程日记 2025/8/27 3:53:18

supervisord管理Gunicorn进程，使用Nginx作为反向代理运行flask web项目

1. 安装 Gunicorn 在项目虚拟环境中安装 Gunicorn：2. 基本用法配置文件创建一个 Gunicorn 配置文件（如 gunicorn_config.py），方便管理复杂配置。示例 gunicorn_config.py： bind "0.0.0.0:8000" #…...

编程日记 2025/8/26 14:24:26

STM32之软件SPI

SPI传输更快，最大可达80MHz，而I2C最大只有3.4MHz。输入输出是分开的，可以同时输出输入。是同步全双工。仅支持一主多从。SS是从机选择线。每个从机一根。SPI无应答机制的设计。注意：所有设备需要共地，时钟线主机输出&…...

编程日记 2025/8/23 16:20:20

fastjson漏洞

fastjson漏洞 fastjson工作原理攻击原理补充例子 fastjson工作原理 fastjson的作用是将JAVA对象转换成对应的json表示形式，也可以反过来将json转化为对应的Java对象。fastjson使用AutoType功能进行反序列化，AutoType使用type标记字符的原始类型&#x…...

编程日记 2025/8/25 7:20:34