ITUnicorn-优快云博客

原创【HarmonyOS 6】进度组件实战：打造精美的数据可视化

在移动应用开发中，数据可视化是提升用户体验的重要手段。用户需要直观地了解自己的进度、完成度和目标达成情况。ArkTS 提供了强大的 Progress 组件，支持多种样式和丰富的自定义选项，让开发者能够轻松打造精美的进度展示效果。本文将通过一个实际案例——健康管理应用的进度展示系统，带你深入理解 Progress 组件的使用方法和设计技巧。本文适合已经了解 ArkTS 基础语法的初学者阅读。通过学习本文，你将掌握：Progress 组件是 HarmonyOS 提供的进度指示器，用于显示任务的完成进度。Pro

2026-02-17 20:14:14 1882

原创【HarmonyOS 6】数据可视化：实现热力图时间块展示

在时间管理类应用中，如何直观地展示一天的时间使用情况是一个重要的设计挑战。本文将详细讲解如何在 HarmonyOS 应用中实现一个交互式的热力图时间块展示页面，用户可以通过点击和拖动来快速记录时间，同时以网格形式直观地查看时间分布。如何使用 Grid 组件实现网格布局如何实现复杂的手势交互（长按、拖动、点击）如何动态计算和渲染时间单元格如何处理时间块的冲突和拆分如何实现数据驱动的 UI 更新@Component// 基础数据。

2026-02-14 23:35:01 2188

原创【HarmonyOS 6】HarmonyOS 自定义时间选择器实现

在开发时间管理类应用时，时间选择器是一个非常常见的功能。本文将通过近期接触的一个实际案例，详细讲解如何在 HarmonyOS 应用中实现一个自定义的时间选择器。我们这个案例中的选择器支持半小时为单位的时间选择，适合用于记录时间块等场景。如何创建自定义对话框（CustomDialog）如何使用 TextPicker 组件如何管理对话框的状态如何在父组件中调用对话框并获取返回值在 HarmonyOS 中，装饰器用于创建自定义对话框。

2026-02-12 17:11:39 1678

原创【HarmonyOS6】列表滑动操作实战

在移动应用开发中，列表是最常见的 UI 组件之一。而列表项的滑动操作则是提升用户体验的重要交互方式。本文将通过一个实际案例——饮水记录列表,带你深入理解 ArkTS 中 SwipeAction 的使用方法和交互设计技巧。本文适合已经了解 ArkTS 基础语法的初学者阅读。SwipeAction 的基本用法和参数配置如何设计符合用户习惯的滑动交互列表数据的动态更新与删除滑动操作的视觉反馈设计常见问题的解决方案性能优化技巧SwipeAction(滑动操作)是一种常见的移动端交互模式。

2026-02-10 17:49:07 1884

原创【HarmonyOS6】自定义组件封装实战：动画水杯组件

在开始编写代码之前，我们需要理解自定义组件的本质。在 ArkTS 中，组件是构建用户界面的基本单元。系统提供了许多内置组件，如TextButtonColumn等，但这些基础组件往往无法直接满足复杂的业务需求。自定义组件允许我们将多个基础组件组合在一起，封装成一个具有特定功能的新组件。代码复用：同样的 UI 结构可以在多个页面中使用，避免重复编写逻辑封装：将相关的状态和行为封装在一起，降低代码耦合度易于维护：修改组件实现时，所有使用该组件的地方都会自动更新提高可读性。

2026-02-06 21:20:10 1586

原创【HarmonyOS6】从零实现随机数生成器

本项目是一个基于HarmonyOS 6开发的随机数生成器应用。你将构建一个工具应用，允许用户输入一个数字范围的最小值与最大值。点击按钮后，程序会在这个区间内生成并显示一个随机整数。旨在让你快速掌握ArkTS组件和状态管理的核心用法，是新手上手的理想实践。

2026-02-05 00:19:44 1895

原创【HarmonyOS6】从零实现自定义计时器：掌握TextTimer组件与计时控制

在掌握了Hello World和计数器应用后，如何迈入HarmonyOS应用开发的下一级台阶？自定义计时器是理想的进阶案例。它不仅是日常应用中的高频功能——从考试倒计时到番茄工作法，从运动计时到在线课程提醒——更因为它完美融合了状态管理、用户交互和组件控制的核心思想，是初学者从“显示”迈向“控制”的关键一步。本案例将基于HarmonyOS 6，围绕TextTimer组件实现一个功能纯净且完整的自定义计时器。正/倒计时切换：通过一个开关，让同一个组件在正向累加与反向递减两种模式间流畅转换。启停控制。

2026-02-01 18:33:23 1643

原创【HarmonyOS6】简易计数器开发

本教程将引导您使用HarmonyOS 6的ArkUI框架，开发一个简单的计数器应用。该应用具备增加减少和重置计数功能，非常适合初学者入门，帮助您掌握组件开发、状态管理和事件处理的核心概念。组件定义(@Entry、@Component)状态管理(@State)UI构建(build方法)基础组件(Text、Button)布局系统(Flex、Row)事件处理(onClick)

2026-01-29 22:05:45 1458

原创 Flutter x HarmonyOS 6：依托小艺开放平台创建智能体并在应用中调用

从API20起，HarmonyOS新增了Agent Framework Kit（智能体框架服务），提供了拉起指定智能体的能力。完成智能体的创建与上架后，我们即可在HarmonyOS应用中接入该智能体。智能体按照需求配置完以后，可以点击右上角的保存，然后点上架，此时可能会提示“内容合规未填写”，点进去。如果用户进入智能体，可以快捷地体验智能体：点击预设的问题，智能体就会给出答案。目标：在某页面显示一个“智能体按钮入口”，用户点击后打开智能体能力。在编排页面我们可以给智能体添加各种能力。

2026-01-28 17:35:52 8182

原创 Flutter x HarmonyOS 6：实现智感握姿

今天一时兴起研究了一下智感握持功能，于是顺道把之前一款基于Flutter开发的鸿蒙应用做了智感握持功能的适配。写一篇文章记录分享一下。“智感握持”并不是一个单独页面或复杂业务，而是一个感知左右手握持状态的能力，在本应用中，最终落在一个非常明确的用户体验点：某页面右下角的“新建按钮”会根据左右手握持自动决定在左侧还是右侧出现（有点类似“开发者联盟”APP中社区页面的设计）

2026-01-25 15:52:56 1934

原创【HarmomyOS6】ArkTS入门（三）

泛型就像是一个"万能容器"。现实生活中，一个普通的杯子只能装水，但一个"万能杯子"可以装水、咖啡、果汁等各种饮料，而且你还能明确知道里面装的是什么。类和接口可以定义为泛型，将参数添加到类型定义中。

2026-01-25 00:03:10 1744 1

原创【HarmomyOS6】ArkTS入门（二）

想象一下你要建造房子，类就是房子的设计图纸，而实例就是按照图纸建造出来的实际房子。类声明引入一个新类型，并定义其字段、方法和构造函数。// 定义一个 Person 类// 定义类的字段（属性）// 构造函数 - 创建对象时自动调用的特殊方法// this 指向当前创建的实例// 定义类的方法// 创建 Person 类的实例let person1 = new Person('张', '三');// 输出：张三let person2 = new Person('李', '四')

2026-01-23 11:37:26 1260

原创【HarmomyOS6】ArkTS入门（一）基本知识

ArkTS是HarmonyOS应用的默认开发语言，在typescript基础上做了扩展，保持typescript的基本风格。旨在为开发者提供更高效、更安全的鸿蒙应用开发体验。所以目前对于想要接触HarmonyOS应用开发的同学来说，学习ArkTS是必经之路。在正式进入HarmonyOS开发之前，我们需要先熟悉一下ArkTS语言的语法。本文的讲解顺序及内容参考华为官方提供的指南，所以在学习过程中有不明白的地方，也可以直接去参考官方给出的文档，也欢迎大家给我提建议。

2026-01-22 13:05:38 2036 1

原创【Vue2+SpringBoot在线商城】13-本项目运用到的技术

本项目采用前后端分离架构，构建了一个功能完善的在线商城系统。前端基于Vue2生态链，后端基于SpringBoot微服务框架二、系统开发环境开发平台与环境：Windows 11IntelliJ IDEA（后端SpringBoot开发）Visual Studio Code（前端Vue开发）FireFox数据库：MySQL 8.0JDK版本：JDK 1.8Node.js版本：v16.20.2三、后端技术栈详解Spring Boot 2.7.18：简化Spring应用初始搭建和开发过程。

2026-01-22 13:04:09 146

原创【Vue2+SpringBoot在线商城】12-数据库设计

由于一个订单通常包含多种商品，因此采用订单物品表记录订单与商品的明细关系，通过order_id关联订单表、goods_id关联商品表，并以number记录商品数量，从而实现订单的明细查询与统计。购物车表用于保存用户加入购物车的商品及数量信息，通过user_id与用户表关联、goods_id与商品表关联，支持购物车列表查询、数量修改、删除与结算生成订单等操作。商品表用于保存商品的基础信息（名称、价格、库存、图片等），并通过shop_id与商店表关联，表示商品所属商店，从而支持按商店维度进行商品管理与展示。

2026-01-18 18:29:58 928

原创【Vue2+SpringBoot在线商城】11-AOP | 修复已知bug | 项目开源 | 项目部署

*** 操作日志注解* 用于标记需要进行日志记录的方法*/@Target(ElementType.METHOD) // 定义注解的作用目标：这个注解只能用在方法上@Retention(RetentionPolicy.RUNTIME) // 定义注解的保留策略（生命周期）：注解在运行时保留@Documented // 生成JavaDoc文档时包含这个注解// 表示操作的模块名称// 表示操作的HTTP方法类型。

2026-01-16 16:31:10 327

原创【Vue2+SpringBoot在线商城】10-用户管理+商店搜索+后端正则式验证

return {// searchText：输入框里正在输入的内容// keyword：点击"搜索"后真正生效的关键字（用于筛选商品）// searchType：搜索类型（goods/shop）// searchCount：搜索次数，用于触发HomeView的搜索// ...props: {keyword: {},token: {},},default: 0},return {goods: [],shops: [],

2026-01-16 02:50:47 542

原创【Vue2+SpringBoot在线商城】09-Hutool+Redis验证码与前端正则式验证

验证码字段现在放在 User 里，但它不是数据库列，所以明确标记不是表字段。prop用于关联表单项和验证规则，告诉表单验证器这个输入框应该用哪个验证规则。Layout的修改逻辑和之前写的差不多，就不再重新记录了。主要是加上了验证码的验证。

2026-01-15 23:22:26 368

原创从零开始创建你的第一个HarmonyOS6项目

我也算是较早一批接触纯血鸿蒙的开发者了，在2024年上半年就已经开始接触纯血鸿蒙应用开发了，也参加了2024年的华为开发者大会。右侧这边默认选中的“Empty Ability”，则是可以创建一个适用于Phone（手机）、Tablet（平板）、2in1、Car、Wearable（穿戴设备）、TV等设备的空模板。在最近的开发中，我也很明显地可以感觉到，鸿蒙的开发体验正在变得越来越好。直到2025年底，渐渐地开始有了些空闲，我下定决心还是要重回鸿蒙生态，并在12月成功上架了我的第一款鸿蒙应用。

2026-01-15 01:45:50 2564 3

原创【Vue2+SpringBoot在线商城】08-商店管理+商品管理+验证码

新增了个HttpServletRequest参数，这是连接前端请求和服务器端Session的桥梁，用于获取和操作Session中的验证码数据。主要就是修改了导航栏的入口显示，如果用户是信息管理员就打开信息管理员的管理页面，如果是超管就打开超管的管理页面。然后在查询所有商店的接口中，再添加一段循环代码，用于获取商店对应信息管理员的用户名。这是Java标准库提供的随机数生成工具类，用于生成验证码的随机数字和随机颜色。前端信息管理员的商店管理页面和超管的管理页面，我分别采用一个页面来实现。

2026-01-14 23:58:32 798

原创【Vue2+SpringBoot在线商城】07-订单管理逻辑优化+购物车结算+订单页分页

因为目前“我的订单”页面，对于那些按钮没有做权限的设计，也就是所有用户在这个页面查看订单，都会显示“立即支付”等按钮，这对于信息管理员和超管来说，显然不符合管理的逻辑。那我觉得，干脆就直接把“我的订单”页面，设计成所有用户都只能看到自己创建的订单，然后单独设计一个“订单管理”页面，将自己的订单查看功能和订单管理的功能逻辑分开。原先的查询订单列表，是对三个不同权限的用户做了区分，普通用户（前端用户）只展示自己的订单，信息管理员查看自己管理的店铺订单，超管查看所有订单。而现在变成了所有用户都只看自己的订单。

2026-01-14 19:59:59 1166

原创【Vue2+SpringBoot在线商城】06-商店/商品功能+用户管理+订单管理+购物车

测试的时候出现了一个插曲，访问订单页面，提示无法获取订单信息，但是没找到哪里有问题，看了下F12控制台，返回的是500错误。因为目前我们还没有实现购物车这些的功能，添加订单也只做了后端的接口，所以目前从用户的角度我们是没办法直接去创建订单的。所以目前显示的订单，是之前的老项目直接数据导入进来的，原本就有的。还有一个按照店铺id查询订单的，以便后续支持信息管理员查询自己店铺的订单。刚刚已经实现了订单的展示，但是这边很显然还有一个问题，就是无法展示订单所对应的商品名称、价格、数量、所属店铺等。

2026-01-13 22:51:31 1145

原创【Vue2+SpringBoot在线商城】05-登录功能接入数据库+接入Redis+VueX

之前我们的登录功能是写死的，没有接入数据库，现在我们把相关功能实现。

2026-01-13 12:19:30 1149

原创【Vue2+SpringBoot在线商城】04-搜索功能实现逻辑

Service：使用的是写好的GoodsService.java和GoodsServiceImpl.java。显示逻辑和之前展示商品列表的逻辑是差不多的。只不过这次展示的不是完整的商品列表，而是搜索筛选后的商品列表。Controller 层：使用的是刚刚写好的GoodsController.java。组件创建时初始化，也就是当用户访问页面的时候，要先加载出商品列表。然后调用goodsApi.js，也是之前写好的那个。onSearch方法。

2026-01-12 16:34:47 218

原创【Vue2+SpringBoot在线商城】03-连Mysql数据库，实现商品列表

/ 商品相关接口（module层）// 后端：POST /kmall/goods/public/list})

2026-01-12 15:30:58 1070

原创【Vue2+SpringBoot在线商城】02-连接前端登录功能与后端接口

将过期时间设置为24小时// 过期时间：24小时（3600000毫秒=1小时）暂时先将密钥写死定义两个常量// 用户ID在JWT中的key// 时间戳在JWT中的key。

2026-01-11 22:22:50 934

原创【Vue2+SpringBoot在线商城】01-Axios与后端Result

定义一个公共的枚举类ResultType，定义相关的枚举常量，返回的状态码和状态的描述信息对应起来。/*** 请求返回结果类型*/SUCCESS("200", "操作成功"),FAIL("400", "操作失败"),UNAUTHORIZED("401", "权限不足"),NOT_FOUND("404", "接口不存在"),INTERNAL_SERVER_ERROR("500", "服务器内部错误"),AGAIN_LOGIN("600", "请重新登录");

2026-01-11 14:46:53 430

原创【开源鸿蒙跨平台Flutter开发】AtomGit Pocket Tool：可视化目录树实现

可视化的目录已成功实现，支持显示完整的仓库文件结构。：渲染README文档（下部主区域）- 待实现。：可视化目录树（上部区域）✅ 本次完成。：实现层级导航与内容展示 - 待实现。：代码高亮 - 待实现。

2025-12-02 23:24:36 514

原创【开源鸿蒙跨平台Flutter开发】AtomGit Pocket Tool：仓库详情与交互优化

前几天完成了用户/仓库搜索以及我的仓库列表等基础功能，并实现了下拉刷新和上拉加载。今天主要是实现仓库详情查看功能。"我的仓库"页面：点击卡片查看详情页"搜索结果"页面：点击卡片显示仓库链接仓库详情页我的仓库查看详情，仓库搜索结果显示链接写完这篇笔记已经挺迟了，明天继续加油！

2025-11-26 02:09:56 329

原创【开源鸿蒙跨平台Flutter开发】AtomGit Pocket：下拉刷新与上拉加载

通过本阶段迭代，目前完善了列表交互体验与仓库卡片的组件化，为后续功能扩展打下了基础。

2025-11-24 22:15:43 604

原创【Git小白入门】初识Git：从安装到提交代码的完整指南

本文介绍了Git的基本安装和使用流程。首先详细说明如何从官网下载安装Git，并验证安装成功。然后讲解Git的核心工作流程：初始化仓库、编写代码、提交到暂存区和本地仓库、同步到远程仓库。最后通过实战演示创建第一个Git仓库的过程，包括初始化本地仓库、添加文件、提交更改，以及如何绑定并推送到GitHub远程仓库。教程适合Git新手快速入门，掌握版本控制的基本操作。

2025-11-24 01:04:47 1213

原创【开源鸿蒙跨平台Flutter开发】AtomGit Pocket Tool：仓库组件化

使用增强点击反馈；头部采用展示仓库所有者头像，若缺失则显示首字母；主体呈现仓库名称、作者、描述；尾部通过Chip集合展示 Star 数、Fork 数、语言和更新时间。onTap;@overrideText(),],],),),),该组件可在搜索结果和“我的仓库”页面复用，避免重复布局代码。

2025-11-23 21:55:09 483

原创【仓颉编程语言】初识仓颉编程语言及开发环境配置

仓颉编程语言是一款面向全场景智能的新一代编程语言，主打原生智能化、天生全场景、高性能、强安全。主要应用于鸿蒙原生应用及服务应用等场景中，为开发者提供良好的编程体验。

2025-11-23 00:57:18 837

原创【开源鸿蒙跨平台Flutter开发】AtomGit Pocket Tool：基于Flutter for OpenHarmony的跨平台应用开发

GitCode是一个专注于开源社区的代码托管平台，提供全方位服务。

2025-11-22 21:18:21 939

原创【开源鸿蒙跨平台开发学习笔记】Day02：搭建AtomGit口袋工具

通过今天的实践，我成功搭建了GitCode口袋工具项目。这个过程涉及了环境配置、源码获取、API令牌配置、项目构建和调试运行等关键环节，为后续更复杂的项目开发打下了坚实基础。

2025-11-21 15:17:21 835

原创【开源鸿蒙跨平台开发学习笔记】Day01：搭建跨平台开发环境-Flutter（Windows版）

今日目标：搭建鸿蒙版Flutter开发环境（Windows）。DevEco Studio我之前就已经安装好了，就不再重新下载安装了。

2025-11-20 14:40:07 706

qq_37566395的博客