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

鸿蒙ArkTS实战：从零打造智能表达式计算器（附状态管理+路由传参核心实现）

news 来源：原创 2025/8/22 10:44:39

还在为组件状态混乱、页面跳转丢参数而头疼？
这篇博客将揭秘如何用鸿蒙ArkTS打造一个漂亮美观的智能计算器：
✅ 输入完整表达式，秒出结果——字符串切割简单计算
✅ 状态管理黑科技——@Provide/@Consume 实现跨组件实时响应
✅ 路由传参实战——历史记录页面跳转不丢数据,跨页面传参
✅ 代码即设计稿——ArkTS声明式UI开发，代码比PPT更直观

快捷跳转到想看的地方

一、项目展示
二、技术栈讲解
三、项目结构说明
四、核心代码实现
- 1. `Index.ets`父组件总布局查看
- 2. `navbar.ets`实现
- 3. `listView.ets` 展示区的实现
- 4. `buttonView.ets` 按钮区的代码说明
五、点赞收藏支持一下吧，代码源码私信我

一、项目展示

这里展示了计算器的加减乘除取余等基本操作，展示了历史记录功能，展示了帮助弹窗

在这里插入图片描述

二、技术栈讲解

使用arkUI通用组件开发
自定义弹窗的实现
使用@State,@Link, @Provide, @Consume进行状态管理
使用router实现路由跳转以及参数携带
使用分模块化结构高效开发

三、项目结构说明

src/  //存放所有与项目逻辑相关的代码文件
├── main/ 	//包含应用程序的核心模块和组件。
│   ├── ets/	//用于存放与 ArkTS（或类似框架）相关的代码。
│   │   ├── common/	//存放可复用的工具类、辅助函数等。
│   │   ├── data/ 	//存放数据,这里的data层是不必要的，由于组件数据较多。写在文件里有点乱，这里分了一层
│   │   ├── entryability/ 	//存放与应用入口相关的逻辑，例如启动时的初始化逻辑。
│   │   ├── entrybackupability/	//存放备用入口逻辑，可能用于异常情况下的备份入口。
│   │   ├── views/ //存放页面中的组件
│   │   ├── pages/ //存放各个页面的逻辑、UI 组件等。
│   │   └── util/ //存放通用工具函数、辅助方法等。
│   └── module.json5 //项目配置文件
└── resources/ //存放静态资源文件，如图片、字体、样式文件等。

四、核心代码实现

1. `Index.ets`父组件总布局查看

import buttonView from '../views/buttonView'
import navbar from '../views/navbar'
import resultView from '../views/resultView'@Entry
@Component
struct Index {@State calculatorResultText: string = "" //存储打印在结果区的最终结果@State res: number = 0 //存储计算器内部逻辑计算的值@Provide list: string[] = [] // 存储历史记录数组build() {Scroll(){Column(){navbar() // 导航栏resultView({calculatorResultText: this.calculatorResultText, res: this.res}) // 结果打印区buttonView({calculatorResultText: this.calculatorResultText, res: this.res}) // 按钮控制区}}.scrollBar(BarState.Off).expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM])//控制模拟器展示安全区为全屏展示.backgroundColor('#1C2220').width('100%').height('100%')}
}

2. `navbar.ets`实现

// navbar.ets
import app from '@system.app';@Component
export default struct navbar {//定义两个弹窗控制器，来控制弹窗的行为dialogController: CustomDialogController = new CustomDialogController({builder: CustomDialogExample(),})controller: CustomDialogController = new CustomDialogController({builder: CustomDialogExample2({}),})build() {Row(){// 软件logo和名字Row(){Image($r('app.media.calculator')).width(20).margin({left: 20,right: 20})Text('小东计算器').fontColor('#DEDFDF')}// 软件的一些系统功能Row({space: 10}){Text("帮助").fontColor('#DEDFDF').onClick(() => {//触发弹窗this.dialogController.open()})Text("设置").fontColor('#DEDFDF').onClick(() => {//触发弹窗2this.controller.open()})Text("退出").fontColor('#DEDFDF').onClick(() => {app.terminate()})}.margin({right: 20})}.width('100%').justifyContent(FlexAlign.SpaceBetween)}
}//自定义弹窗
@CustomDialog
struct CustomDialogExample {controller: CustomDialogController = new CustomDialogController({builder: CustomDialogExample({}),})//小东计算器的帮助文档build() {Column() {// 标题Text('小东计算器使用帮助').fontSize(24).fontWeight(FontWeight.Bold).margin({ bottom: 16 }).fontColor($r('app.string.calculator_text_color'))// 帮助内容Text('本计算器支持四则运算（+-×÷），输入数字后点击运算符继续计算，按等号(=)显示结果。\n\n'+ '特殊功能：\n'+ '• CE：清除当前输入\n'+ '• C：完全重置计算器\n'+ '• DE：删除最后一位数字\n'+ '• 小数点：点击 . 输入小数部分').fontSize(16).lineHeight(24).fontColor($r('app.string.calculator_text_color'))}.justifyContent(FlexAlign.Center).padding(20).width('100%').backgroundColor($r('app.string.calculator_bk_color'))}
}@CustomDialog
struct CustomDialogExample2 {controller: CustomDialogController = new CustomDialogController({builder: CustomDialogExample2({}),})//设置build() {Column() {//日间模式和夜间模式切换按钮Row() {Text('日间模式').fontColor($r('app.string.calculator_text_color'))Toggle({ type: ToggleType.Switch, isOn: true })}}.justifyContent(FlexAlign.Center).padding(20).width('100%').backgroundColor($r('app.string.calculator_bk_color'))}
}

3. `listView.ets` 展示区的实现

/*** 计算器结果视图组件* * @Component 声明为可复用的自定义组件* * @State isUnFold - 控制模式选择下拉框的展开状态* @State calculatorState - 当前计算器模式（标准/科学）* @Link calculatorResultText - 双向绑定的计算结果文本* @Link res - 双向绑定的计算结果数值* @Consume list - 消费上下文中的历史记录列表* @State isHover - 按钮悬停状态标识* @State m - M系列功能按钮的标签数组*/
@Component
export default struct resultView {// ... 状态变量声明保持不变build() {Column() {/* 顶部操作栏 - 包含模式切换按钮和历史记录入口 */Row(){// 左侧操作区：模式切换按钮组Row(){// 模式展开/收起触发器Image($r('app.media.ic_grid_setting')).onClick(() => { this.isUnFold = !this.isUnFold })// 当前模式显示文本Text(this.calculatorState).margin({left: 20, right: 20})// 辅助功能按钮Image($r('app.media.ic_global_menu'))}// 右侧操作区：历史记录入口Row(){Image($r('app.media.ic_time')).onClick(() => { router.pushUrl({ url: 'pages/AfterCheck' }) })}}.justifyContent(FlexAlign.SpaceBetween)/* 结果展示区域 - 包含模式选择下拉框和计算结果显示 */Stack(){// 模式选择下拉框（条件渲染）if (this.isUnFold){Column({space: 10}) {// 标准模式选项Text("标准计算器").onClick(() => {this.calculatorState = '标准'this.isUnFold = false})// 科学模式选项（未实现）Text("科学计算器").onClick(() => {this.calculatorState = '科学'this.isUnFold = false})}}// 计算结果显示区域Row() {Column() {Text(`${this.calculatorResultText}`)  // 显示计算结果文本.textAlign(TextAlign.End)          // 右对齐显示}}}.alignContent(Alignment.TopStart)/* M系列功能按钮区域 - 当前为占位实现 */Row() {ForEach(this.m, (item: string) =>{Column() {Button(item).hoverEffect(HoverEffect.Scale)    // 悬停缩放效果.onHover((hovered: boolean) => {this.isHover = hovered           // 更新悬停状态})}})}}.padding(10)}
}

4. `buttonView.ets` 按钮区的代码说明

/*** 计算器按钮视图组件* @Component 标记为可复用的UI组件* @struct 定义组件结构* * @State button - 按钮标签数组，包含计算器所有操作符和数字：*                 '%' 取模, 'CE' 清空输入, 'C' 清空, 'DE' 删除字符,*                 数字0-9, 运算符x-乘、-减、+加、÷除, '=' 计算结果* @State isHover - 按钮悬停状态标识* @Link res - 双向绑定的计算结果数值* @Link calculatorResultText - 双向绑定的计算表达式文本* @Consume list - 消费的历史记录列表，用于存储计算记录*/
@Component
export default struct buttonView {@State button: string[] = ['%','CE','C','DE', '7', '8', '9', 'x', '4', '5', '6', '-', '1', '2', '3', '+', '0', '.', '÷','=']@State isHover:boolean = false@Link res: number@Link calculatorResultText: string;@Consume list: string[]/*** 构建计算器界面布局* 使用网格布局创建按钮矩阵，处理按钮交互事件*/build() {Column() {Grid(){// 动态生成计算器按钮矩阵ForEach(this.button, (item: string, index: number) =>{GridItem() {Button(item).fontSize(24).fontColor($r('app.string.calculator_text_color')).backgroundColor(this.isHover? Color.Gray : $r('app.string.calculator_bk_color')).hoverEffect(HoverEffect.Scale).onHover((hover: boolean) => {this.isHover = hover;  // 更新全局悬停状态}).onClick(() => {// 处理不同按钮的点击逻辑if (item === '=') {this.calculator(this.calculatorResultText)}if(item === 'CE'){this.calculatorResultText = ''}if(item === 'C'){this.calculatorResultText = ""}if(item === 'DE'){this.calculatorResultText = this.calculatorResultText.slice(0, -1)}// 处理数字和运算符输入if(item !== 'CE' && item !== 'C' && item !== 'DE' && item !== '='){this.calculatorResultText += item}})}.width(80).height(80)})}.width('100%').rowsTemplate('1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr')  // 8行等分布局.columnsTemplate('1fr 1fr 1fr 1fr')  // 4列等分布局}.width('100%')}/*** 计算器核心逻辑处理函数* @param text - 需要计算的表达式字符串* 功能：解析计算表达式，执行运算，更新结果和历史记录*/calculator(text: string) {let exe: string = text;// 解析表达式为操作数和运算符数组let arr: string[] = []for (let i = 0; i < text.length; i++) {if (text[i] === '+' || text[i] === '-' || text[i] === 'x' || text[i] === '÷' || text[i] === '%') {arr.push(text.slice(0, i))arr.push(text[i])text = text.slice(i + 1)i = 0}}// 根据运算符执行对应计算if(arr[1] === '+'){this.res = Number(arr[0]) + Number(text)}else if(arr[1] === '-'){this.res = Number(arr[0]) - Number(text)}else if(arr[1] === 'x'){this.res = Number(arr[0]) * Number(text)}else if(arr[1] === '÷'){this.res = Number(arr[0]) / Number(text)}else if(arr[1] === '%'){this.res = Number(arr[0]) % Number(text)}// 记录完整计算表达式并更新结果exe += '=' + this.resthis.calculatorResultText = this.res.toString()this.list.push(exe)  // 添加历史记录}
}

五、点赞收藏支持一下吧，代码源码私信我

鸿蒙ArkTS实战：从零打造智能表达式计算器（附状态管理+路由传参核心实现）

还在为组件状态混乱、页面跳转丢参数而头疼？ 这篇博客将揭秘如何用鸿蒙ArkTS打造一个漂亮美观的智能计算器： ✅ 输入完整表达式，秒出结果——字符串切割简单计算 ✅ 状态管理黑科技——Provide/Consume 实现跨组件实时响应 ✅ 路由传参实战—…...

编程日记 2025/8/22 10:44:39

虚拟机上安装openEuler和openGauss数据库

1.虚拟机版本选择VM 16 PRO 2.openEuler版本选择openEuler-22.03-LTS-SP4-x86_64 下载地址：https://mirrors.aliyun.com/openeuler/openEuler-22.03-LTS-SP4/ISO/x86_64/openEuler-22.03-LTS-SP4-x86_64-dvd.iso 3.虚拟机安装openEuler过程： 4.安装ope…...

编程日记 2025/8/22 6:28:28

深入解析 Jenkins Agent 的 .jnlp 启动文件

🧩 深入解析 Jenkins Agent 的 .jnlp 启动文件在 Jenkins 中，通过 JNLP（Java Network Launch Protocol）方式连接 Agent 是一种常见且灵活的方式。你可能曾见过类似这样的命令： java -jar agent.jar -jnlpUrl file:/…...

编程日记 2025/8/19 15:05:03

在 macOS 上连接 PostgreSQL 数据库（pgAdmin、DBeaver）

在 macOS 上连接 PostgreSQL 数据库 pgAdmin 官方提供的图形化管理工具，支持 macOS。下载地址：https://www.pgadmin.org/ pgAdmin 4 是对 pgAdmin 的完全重写，使用 Python、ReactJs 和 Javascript 构建。一个用 Electron 编写的桌面运行时…...

编程日记 2025/8/22 10:40:18

HarmonyOS Next～鸿蒙系统原生流畅性创新解析：预加载技术与全栈优化的革命性突破

鸿蒙系统原生流畅性创新解析：预加载技术与全栈优化的革命性突破一级类目：鸿蒙创新特性 | 二级类目：原生流畅鸿蒙系统（HarmonyOS）自诞生以来，始终以“天生流畅”为核心目标，其原生流畅性不仅…...

编程日记 2025/8/21 9:52:51

【图像处理】：opencv实现模糊图像处理和对比度增强

opencv实现模糊图像处理和对比度增强模糊图像处理**方法 1：Wiener 反卷积（已知模糊核）****方法 2：非锐化掩码（Unsharp Masking）****方法 3：拉普拉斯锐化（Laplacian Sharpening&…...

编程日记 2025/8/21 7:08:36

@SentinelResource注解,sentinel限流,熔断自定义返回 ,配合nacos完成持久化

sentinel熔断和限流自定义返回如果发生熔断或者限流，会返回500错误页面，希望返回自定义兜底数据，这时候可使用SentinelResource实现操作 1、添加统一返回结果类 ( 在做自定义处理的时候, 要求方法的声明必须一致) import lombok.Data;…...

编程日记 2025/8/21 17:58:53

AJAX简介

一、AJAX 是什么？ AJAX（Asynchronous JavaScript and XML）是一种异步网络请求技术，它的核心是允许网页在不刷新整个页面的情况下，向服务器发送或接收数据，并动态更新页面内容。简单来说，AJAX 让…...

编程日记 2025/8/22 10:31:31

平台算法暗战：ebay欧洲站搜索词长度同比缩短2.3字符的应对策略

随着电商平台算法的快速更迭，卖家迎来了新的挑战。根据最近数据显示，eBay欧洲站搜索关键词的平均长度同比缩短了2.3个字符。这看似细微的变化，实则在搜索曝光、排名权重、流量分发等多方面带来实质性影响。那么，这次「搜索词缩水…...

编程日记 2025/8/20 19:10:55

记录一次家里宽带被修改带宽维权的事情

去年8月份发现家里电信宽带被限制带宽原本上行300m被限制成40m 并且没有任何通知和短信打10000号要求上门测速拍下测速结果留作证据然后等他们处理的同时开始给我反馈是pcdn 然后说是工信部统一下调带宽投诉12345 12300 不过这些投诉其实并不会给他们造成什么压…...

编程日记 2025/8/20 21:47:01

刀客doc：亚马逊把Netflix的广告价格打下来了

01 要说在美国广告市场里，未被巨头垄断且最为活跃的板块，应该就是流媒体了。根据群邑智库的数据，2025年CTV广告将以20%的增速，冲刺460亿美元的市场规模。到2029年，全球流媒体电视的广告收入将占电视总收入的37.5%。…...

编程日记 2025/8/21 14:24:40

【文献阅读】NVILA: Efficient Frontier Visual Language Models

发表于2025年3月6日英伟达团队摘要近年来，视觉语言模型（VLMs）在准确性方面取得了显著进展。然而，其效率却较少受到关注。本文介绍了NVILA，这是一系列旨在优化效率和准确性的开源视觉语言模型。在VILA的基础上&am…...

编程日记 2025/8/21 9:17:18

驱动-创建设备节点

字符设备相关的知识面：已经了解了申请设备号、注册字符设备。已经将字符设备添加进入内核了，那么如何使用这个字符设备呢？ Linux 里面一切皆文件，对内核中的字符设备进行文件操作如打开、关闭、读、写等，但是并不支持…...

编程日记 2025/8/20 15:49:37

Vue知识点（5）-- 动画

CSS 动画是 Vue3 中实现组件动画效果的高效方式，主要通过 CSS transitions 和 keyframes 动画 CSS Keyframes（关键帧动画） 用来创建复杂的动画序列，可以精确控制动画的各个阶段。核心语法： keyframes animationNa…...

编程日记 2025/8/22 0:43:17

基于AT89C52单片机的植物浇水与智能空气土壤环境监测报警系统

点击链接获取Keil源码与Project Backups仿真图： https://download.csdn.net/download/qq_64505944/90579535?spm1001.2014.3001.5503 功能介绍： 1、功能：液晶器显示检测到的土壤湿度与空气温度与光照强度；温度和光照大于设置的…...

编程日记 2025/8/22 7:27:55

指针进阶（上）

内容大纲一.字符指针二.指针数组三.数组指针四. 数组传参和指针传参引言指针是什么呢？指针是用来干什么的呢？指针的大小是多少呢？指针的大小具有什么属性呢？ 解答：指针是个变量，用来存放变量地…...

编程日记 2025/8/17 1:57:41

java设计模式-外观模式

外观模式(facade) 基本介绍 1、外观模式也叫过程模式,外观模式为子系统中的一组接口提供一个一致的界面，次模式定义一个高层接口，这个接口是的这一子系统更加容易使用。 2、外观模式通过定义一个一直的接口，用以屏蔽内部子系统的细节&#x…...

编程日记 2025/8/22 10:09:32

selenium元素获取

from selenium import webdriver from selenium.webdriver.common.by import Bydriver webdriver.Chrome()driver.maximize_window()#最大化窗口 #隐式等待 driver.implicitly_wait(10)#打开网页 driver.get("https://www.zhipin.com/beijing/?kacity-sites-101010100&q…...

编程日记 2025/8/20 2:21:55

23种设计模式-行为型模式-访问者

文章目录简介场景解决完整代码核心实现总结简介访问者是一种行为设计模式，它能把算法跟他所作用的对象隔离开来。场景假如你的团队开发了一款能够使用图像里地理信息的应用程序。图像中的每个节点既能代表复杂实体（例如一座城市）&am…...

编程日记 2025/8/20 21:28:07

springMVC-拦截器详解

拦截器概述 SpringMVC的处理器拦截器类似于Servlet开发中的过滤器Filter,用于对处理器进行预处理和后处理。开发者可以自己定义一些拦截器来实现特定的功能。过滤器与拦截器的区别：拦截器是AOP思想的具体应用。过滤器 servlet规范中的一部分，任何ja…...

编程日记 2025/8/21 5:33:12

centos练习docker＜基础＞

这半喇月发生了很多事，很无谓很闹心，今天重拾起自己，做做功课写写字文章目录一、准备二、实践2.1 安装docker2.2docker镜像操作2.2.1 下载镜像等基本操作2.2.2 启动容器等基本操作2.2.3 修改页面2.2.4 保存镜像2.2.5 分享社区总结一、准…...

编程日记 2025/8/21 9:18:19

GPT-5、o3和o4-mini即将到来

原计划有所变更：关于我们应有何期待的一些零散想法。深度研究（Deep Research）确实强大但成本高昂且速度较慢（当前使用o3模型）。即将推出的o4-mini在性能上可能与o3相近，但将突破这些限制，让全球用户——甚至免费用户（尽管会有速率限制）——都能用上世界顶级AI研究助…...

编程日记 2025/8/21 6:01:12

EchoMimic 音频驱动照片生成视频部署测试

环境：Windows 11 NVIDIA RTX 3070 Laptop 16GB 我配置了阿里云的镜像，要实现一样的效果，你也可以在每一行的命令后加 -i https://mirrors.aliyun.com/pypi/simple/ 如： pip install package_name -i https://mirrors.aliyun.…...

编程日记 2025/8/22 5:57:56

React 和 JSX 中，这些符号 (=＞, ＜, ? :)的用法

在 React 和 JSX 中，这些符号 (>, <, ? :) 都是 JavaScript 的语法特性，但它们在 JSX 中有特殊的用法和规则。下面我会详细解释每个符号的用途、语法规则以及在 React/JSX 中的具体应用。 1. 箭头函数 > (Arrow Function) 基本语法&#xff1…...

编程日记 2025/8/21 16:19:43

mindie1.0新特性及调试问题总结

说明最近在ascend 310P3上使用mindie 1.0部署模型，跟我以前使用的mindie 1.0_rc2比，有很多新的特性和变化，导致部署出现了不少问题。这里罗列下我的发现，希望对其他人有用。特性1：需要显式配置share_memory 报错信…...

编程日记 2025/8/21 1:25:07

【Axure原型案例】悦购APP产品原型设计

一、项目背景在时尚潮流蓬勃发展的当下，潮流服装市场潜力巨大。悦购APP作为一款专注于潮流服装的商城APP，旨在为用户提供丰富多样的潮流服装选择，打造便捷、时尚的购物体验。本次使用Axure进行产品原型设计，旨在将产品理念和功能…...

编程日记 2025/8/22 7:11:28

React 列表渲染

你可能经常需要通过 JavaScript 的数组方法来操作数组中的数据，从而将一个数据集渲染成多个相似的组件。在这篇文章中，你将学会如何在 React 中使用 filter() 筛选需要渲染的组件和使用 map() 把数组转换成组件数组。 1.如何通过 JavaScript 的 map() 方…...

编程日记 2025/8/21 7:15:51

《深度解析LightGBM与MySQL数据集成：高效机器学习的新范式》

在机器学习工程实践中，数据与模型的高效交互一直是制约算法性能发挥的关键瓶颈。LightGBM作为梯度提升决策树框架的杰出代表，其与关系型数据库MySQL的深度集成能力，为数据科学家提供了从原始数据到预测结果的完整解决方案。这种集成不是简单的…...

编程日记 2025/8/21 21:19:37

使用 node.js 和 MongoDB 编写一个简单的增删改接口 demo

文章目录前言一、环境准备二、项目结构三、环境变量四、连接数据库3.1. connect.js 文件五、定义数据模型5.1. BannerModel.js 文件六、实现 server 接口6.1. server.js 文件七、服务文件7.1. app.js 文件八、感谢前言 Mongoose 是一个在 Node.js 环境中操作 MongoDB 数据…...

编程日记 2025/8/22 8:37:40

React-06React中refs属性（字符串refs,回调形式，React.createRef() ）

1.React中refs属性绑定到render输出的任何组件上，通过this.ref.绑定名直接操作DOM元素或获取子组件的实例。 2.绑定refs实例 2.1 字符串refs(已经过时参考官网API) 字符串(string)的ref存在一定的效率问题 <input refinput1 type"text" placehole…...

编程日记 2025/8/19 23:32:55

如何在 Windows 系统上安装 n8n：两种方法详解

如何在 Windows 系统上安装 n8n：两种方法详解摘要本文详细介绍了在 Windows 系统上安装 n8n 的两种方法：直接安装和 Docker 部署。直接安装适合初学者，通过 Node.js 和 npm 快速完成；Docker 部署适合需要更高灵活性和可移植性…...

编程日记 2025/8/21 15:52:58

LETTERS（信息学奥赛一本通-1212）

【题目描述】给出一个rowcol的大写字母矩阵，一开始的位置为左上角，你可以向上下左右四个方向移动，并且不能移向曾经经过的字母。问最多可以经过几个字母。【输入】第一行，输入字母矩阵行数R和列数S，1≤R,S≤20。接…...

编程日记 2025/8/21 9:17:26

【kind管理脚本-3】脚本函数说明文档 —— 便捷使用 kind 创建、删除、管理集群脚本

下面是一份详细的说明文档，介绍该脚本的功能、用法及各部分的含义，供您参考和使用： Kind 集群管理脚本说明文档此脚本主要用于管理 Kind（Kubernetes IN Docker）集群，提供创建、删除、导出 kubeconfig、加…...

编程日记 2025/8/20 9:26:28

【kind管理脚本-1】便捷使用 kind 创建、删除、管理集群脚本

目录结构 . ├── cluster-demo-setting │ ├── 3node-demo.yaml │ └── ingress-cluster-demo.yaml └── kind-tool.sh简单使用 # 进入防止 kind-tool.sh 的目录 $ cd kt-dir/ # 用 alias 给个别名，更便于使用 $ alias kt"./kind-tool.sh"…...

编程日记 2025/8/22 3:01:53

Python-Django+vue仓库管理系统功能说明

❥(^_-) 上千个精美定制模板，各类成品Java、Python、PHP、Android毕设项目，欢迎咨询。 ❥(^_-) 程序开发、技术解答、代码讲解、文档，💖文末获取源码+数据库+文档💖 💖软件下载 | 实战案例 💖文章底部二维码，可以联系获取软件下载链接，及项目演示视频。本项目…...

编程日记 2025/8/21 20:10:44

蓝桥备赛指南（14）：树的直径与重心

树的直径什么是树的直径？树的直径是树上最长的一条链，当然这条链并不唯一，所以一棵树可能有多条直径。直径由两个顶点u、v来决定，若由一条直径（u,v)，则满足一下性质： 1）u、v的度数…...

编程日记 2025/8/22 8:55:24

Java RPC 框架是什么

Java RPC 框架是什么 Java RPC 框架是用于在分布式系统中实现远程过程调用（Remote Procedure Call，RPC）的工具集。RPC 是一种通信协议，它允许程序调用位于远程服务器上的函数或方法，就像调用本地函数一样透明。RPC 框…...

编程日记 2025/8/21 11:26:33

MySQL 查询重写怎样把复杂查询变简单，让查询提高一个“速”！

目录一MySQL 查询重写基础概念什么是查询重写为什么需要查询重写二MySQL 查询重写的工作原理查询解析阶段重写规则应用阶段生成执行计划阶段查询重写流程图三MySQL 查询重写的实现方式使用 MySQL 内置的查询优化器自定义查询重写插件查询重写介绍图四…...

编程日记 2025/8/19 7:15:57

HTML静态网页成品作业(HTML+CSS)——阜阳剪纸介绍设计制作(1个页面)

🎉不定期分享源码，关注不丢失哦文章目录一、作品介绍二、作品演示三、代码目录四、网站代码HTML部分代码五、源码获取一、作品介绍 🏷️本套采用HTMLCSS，未使用Javacsript代码，共有1个页面。二、作品演示三、代…...

编程日记 2025/8/21 1:37:45

Docker Swarm集群搭建与管理全攻略

文章目录一、节点准备二、初始化 manager 节点三、管理 swarm 集群中的 worker 节点1、添加 worker 节点2、查看 worker 节点3、删除 worker 节点四、管理 swarm 集群服务1、创建服务2、查看服务3、删除服务五、管理 swarm 节点服务1、节点标签管理2、创建服务3、查看服务4、…...

编程日记 2025/8/22 2:36:20

kafka消费延迟

一、背景 PAAS1220 CRM系统系统版本: BC Linux For Euler release 21.10 二、故障现象 grafana上kafka指标：指标消费延迟过高容器内部kafka消费情况：没有消费者进行消费查看webgate页面：应用性能--信息总览，查看到实例全…...

编程日记 2025/8/21 6:20:13

Java学习笔记（多线程）：ReentrantLock 源码分析

本文是自己的学习笔记，主要参考资料如下 JavaSE文档 1、AQS 概述1.1、锁的原理1.2、任务队列1.2.1、结点的状态变化 1.3、加锁和解锁的简单流程 2、ReentrantLock2.1、加锁源码分析2.1.1、tryAcquire()的具体实现2.1.2、acquirQueued()的具体实现2.1.3、tryLock的具…...

编程日记 2025/8/22 7:52:21

计算机视觉算法实战——实例分割算法深度解析

✨个人主页欢迎您的访问 ✨期待您的三连 ✨ ✨个人主页欢迎您的访问 ✨期待您的三连 ✨ ✨个人主页欢迎您的访问 ✨期待您的三连✨ 一、实例分割领域概述实例分割(Instance Segmentation)是计算机视觉领域中的一个重要任务，它…...

编程日记 2025/8/21 1:38:34

ARM分拣机vs传统PLC：实测数据揭示的4倍效率差

在苏州某新能源汽车零部件仓库，凌晨3点的分拣线上依然灯火通明。8台搭载ARM Cortex-A72处理器的智能分拣机正在以每秒3件的速度处理着形状各异的电池包组件，它们通过MES系统接收订单信息，自主规划最优路径，将不同规格的零部件精准…...

编程日记 2025/8/22 1:29:31

IDEA 中遇到 Git Log 界面不显示问题的解决方案

IntelliJ IDEA 中遇到 Git Log 界面不显示问题的解决方案。以下是根据文章内容整理的解决步骤： (我清理 IDEA 缓存后成功解决） 问题描述在 IntelliJ IDEA 中，Git 的 Log 界面没有任何显示。其他选项和界面工作正常。使用命令行查询 Git 日…...

编程日记 2025/8/21 4:47:21

虚幻引擎UActorComponent的TickComponent详解

文章目录前言一、TickComponent 的作用二、函数签名与参数三、使用步骤1.启用 Tick2. 重写 TickComponent 四、实际示例：旋转组件4.1 头文件 URotatingComponent.h4.2 源文件 URotatingComponent.cpp4.3 使用组件五、注意事项六、常见问题总结前言在虚幻引擎&…...

编程日记 2025/8/21 21:48:56

如何迁移 GitHub 仓库到 GitLab？

如何迁移 GitHub 仓库到 GitLab？ 一、基础迁移方法（保留完整历史） 1.‌在 GitLab 创建空仓库 1.登录 GitLab 并新建项目，选择「空白项目」，‌不要初始化 README 或 LICENSE 文件 2.复制新建仓库的 HTTPS/SSH 地址&a…...

编程日记 2025/8/21 16:14:20

深入理解C++面向对象特性之一多态

欢迎来到干货小仓库，堪比沙漠!!! 从“Hello World”到改变世界，中间隔着千万次再试一次. 1.多态的概念多态的概念：通俗来说，就是多种形态， 具体点就是去完成某个行为，当不同的对象去完成时会产生出不同的…...

编程日记 2025/8/20 21:20:24

linux下MMC_TEST的使用

一：打开如下配置，将相关文件编译到内核里： CONFIG_MMC_TEST CONFIG_MMC_DEBUG CONFIG_DEBUG_FS二：将mmc设备和mmc_test驱动进行绑定 2.1查看mmc设备编号 ls /sys/bus/mmc/drivers/mmcblk/mmc0:aaaa2.2将mmc设备与原先驱动进行解绑 echo mmc0:aaaa >...

编程日记 2025/8/21 21:39:41

数字人技术的核心：AI与动作捕捉的双引擎驱动（2/10）

摘要：数字人技术从静态建模迈向动态交互，AI与动作捕捉技术的深度融合推动其智能化发展。尽管面临表情僵硬、动作脱节、交互机械等技术瓶颈，但通过多模态融合技术、轻量化动捕方案等创新，数字人正逐步实现自然交互与情感表达。未来…...

编程日记 2025/8/21 16:05:56

快捷跳转到想看的地方

一、项目展示

二、技术栈讲解

三、项目结构说明

四、核心代码实现

1. Index.ets父组件总布局查看

2. navbar.ets实现

3. listView.ets 展示区的实现

4. buttonView.ets 按钮区的代码说明

五、点赞收藏支持一下吧，代码源码私信我

相关文章：

1. `Index.ets`父组件总布局查看

2. `navbar.ets`实现

3. `listView.ets` 展示区的实现

4. `buttonView.ets` 按钮区的代码说明