发布时间:2026/8/27 18:39:06
HarmonyOS元服务开发实践:桌面卡片字典 一、项目说明1.DEMO 创意为卡片字典。2.不同卡片显示不同内容微卡、小卡、中卡、大卡根据不同卡片特征显示同一个字的不同内容基于用户习惯可选择喜欢的卡片。3.万能卡片刷新用户点击卡片刷新按钮查看新内容同时卡片设置了定时刷新让用户每天看到的卡片都是新的文字便于用户学习和查阅。4.元服务内具有搜索功能用户可以通过搜索查询相应的字和解释采用了类似现在用户习惯的上下滑动方式来进行逐字详细阐述。5.基于 API9、ArkTS 语言开发通过 serverless 云服务实现注册、登录等功能。二、元服务效果\1. 万能卡片效果2.元服务内页三、项目开发\1. 环境搭建软件要求DevEco Studio 版本DevEco Studio 3.1 Release 及以上版本。HarmonyOS SDK版本API version 9 及以上版本。硬件要求设备类型华为手机或运行在 DevEco Studio 上的华为手机设备模拟器。HarmonyOS 系统3.1.0 Developer Release 及以上版本。2.主要代码结构解读entry/src/main/ets: 文件入口common公共资源文件images公共图片资源Constants.ts公共常量CountryViewModel.ts国家号码类LazyFE_Class.ets懒数据加载类Log.ts日志类components封装组件文件database数据库封装类data_cyhz.ets数据文件entryability应用/服务入口entryformability卡片服务pages应用/服务页面Auth.ets认证授权CloudFunction.ets云函数CloudProject.ets云项目CloudStorage.ets云存储Index.ets主页User_Login.ets登录页User_SignUp.ets注册页User_VerifyCodeLogin.ets验证码登录页services后台操作类widget服务卡片resources资源文件目录3.进入应用说明由于创建的是云模板项目所以无需额外配置 SDK 依赖只需要注意的是云模板的初始集成 sdk 位置不一样所以我们还是在应用初始化阶段使用 context 初始化 SDK推荐在 entryability 的 onCreate 中进行。4.首页我们需要给应用添加底部菜单栏用于切换不同的应用模块由于各个模块之间属于完全独立的情况并且不需要每次切换都进行界面的刷新所以我们用到了 TabsTabContent 组件。本应用一共有首页、我的两个模块分别对应 Tabs 组件的两个子组件 TabContent。首页包含搜索文字和滑动浏览信息两个模块具体代码实现我们将在下边分模块进行说明。搜索文字主要用到 Search 组件通过搜索文字来跳转到相应的文字展示信息主要代码如下浏览信息模块主要用到 swiper 组件通过数据的懒加载行为来预缓存数据通过滑动页面来展示文字信息主要代码如下5.我的我的页包含游客登陆、用户登录两个模块。其中游客登陆不显示登录信息以及应用部分功能仅能使用部分应用能力用户登录显示用户部分信息并展开应用所有功能需要用户注册登录具体代码实现我们将在下边分模块进行说明。游客登录用户登录6.注册登录页面让用户进行账号注册能够完全使用应用。核心代码....onClick((){if(this.phoneNumber!this.password!){letverifyCodeSettingsnewVerifyCodeSettingBuilder().setAction(VerifyCodeAction.REGISTER_LOGIN).setLang(zh_CN).setSendInterval(60).build();agconnect.auth().requestPhoneVerifyCode(this.countryCode,this.phoneNumber,verifyCodeSettings).then(verifyCodeResult{this.startTimer()//验证码申请成功}).catch(error{//验证码申请失败Prompt.showToast({message:请输入正确的手机号和密码JSON.stringify(error)})});}else{Prompt.showToast({message:手机号和密码不能为空})}}).............onClick((){if(this.phoneNumber!this.password!){letusernewPhoneUserBuilder().setCountryCode(this.countryCode).setPhoneNumber(this.phoneNumber).setPassword(this.password)//可以给用户设置初始密码。填写后后续可以用密码来登录.setVerifyCode(this.VerifyCode).build();agconnect.auth().createPhoneUser(user).then(result{// 创建用户成功AppStorage.Set(phoneNumber,user.phoneNumber)AppStorage.Set(password,user.password)AppStorage.Set(isVisitor,false)AppStorage.Set(isLogin,true)AppStorage.Set(userName,user.phoneNumber)router.pushUrl({url:pages/Index})}).catch(error{// 创建用户失败Prompt.showToast({message:注册失败,JSON.stringify(error),duration:4})})}else{Prompt.showToast({message:手机号和密码不能为空})}})7.其他云服务说明这是云模板初始业务如有其他业务需求可自行添加。四、卡片开发按需求添加卡片也可以只用初始创建卡片修改相关卡片参数即可。\1. 创建卡片2.初始卡片修改相关参数打开 resources/base/profile 目录下的 form_config.json 文件按需修改参数3.卡片加载与获取数据卡片加载更新部分由 EntryFormAbility.ts 文件完成这里可参考官方文档操作即可。由于没有连接到后台数据部分所以我们这里采用自定义模拟数据然后在每次卡片挂载到桌面时随机选取卡片内容代码如下4.卡片主代码五、项目运行六、结语各位感兴趣的开发者可以点击进入元服务官网详细了解元服务、万能卡片相关信息。大家还可以在华为手机的负一屏、华为应用市场元服务专区体验本文作者及团队已经上架运营的元服务-成语心情用万能卡片按照自己的心情来刷刷成语吧。最后这里整理了一份《鸿蒙零基础入门学习指南》希望能对那些想要学习鸿蒙但是有没有方向的人提供一点帮助。本文档适用于HarmonyOS应用开发的初学者由于文档内容过多因此为了避免影响到大家的阅读体验在此只以截图展示部分内容详细完整版的看文末有免费的获取方式## 《鸿蒙零基础入门学习指南》目录一、快速入门适用于HarmonyOS应用开发的初学者。通过构建一个简单的具有页面跳转/返回功能的应用快速了解工程目录的主要文件熟悉HarmonyOS应用开发流程。开发准备基本概念工具准备构建第一个ArkTS应用Stage模型构建第一个ArkTS应用FA模型构建第一个JS应用FA模型二、开发基础知识应用程序包基础知识应用程序包概述应用程序包结构应用程序包多HAP机制应用程序包安装和卸载流程应用程序包更新流程共享包应用程序包快速修复应用配置文件Stage模型应用配置文件概述Stage模型app.json5配置文件module.json5配置文件应用配置文件概述FA模型应用配置文件概述FA模型app对象内部结构deviceConfig内部结构module对象内部结构三、资源分类与访问应用开发过程中经常需要用到颜色、字体、间距、图片等资源在不同的设备或配置中这些资源的值可能不同。资源分类与访问资源分类资源目录资源组目录创建资源目录和资源文件创建资源目录和资源文件创建资源目录创建资源文件资源访问应用资源系统资源资源匹配四、学习ArkTs语言ArkTS是HarmonyOS优选的主力应用开发语言。ArkTS围绕应用开发在TypeScript简称TS生态基础上做了进一步扩展继承了TS的所有特性是TS的超集。因此在学习ArkTS语言之前建议开发者具备TS语言开发能力。初识ArkTS语言基本语法基本语法概述声明式UI描述自定义组件状态管理其他状态管理其他状态管理概述Watch装饰器状态变量更改通知$$语法内置组件双向同步渲染控制渲染控制概述if/else条件渲染ForEach循环渲染LazyForEach数据懒加载扫描下方二维码免费领取《鸿蒙5.0零基础入门学习指南》

相关新闻

2026/8/27 18:39:06

瑶瑶领先,鸿蒙分布式操作系统架构

前言 在当今的科技时代,操作系统是各种智能设备运行的基础。随着华为的崛起,其自主研发的鸿蒙操作系统也受到了广泛的关注。鸿蒙系统采用了分布式架构,将应用程序的不同模块分别部署在不同的设备上,实现了跨设备的运行和数据交换。…

2026/8/27 18:39:06

HarmonyOS音视频开发概述

在音视频开发指导中,将介绍各种涉及音频、视频播放或录制功能场景的开发方式,指导开发者如何使用系统提供的音视频 API 实现对应功能。比如使用 TonePlayer 实现简单的提示音,当设备接收到新消息时,会发出短促的“滴滴”声&#x…

2026/8/27 18:39:06

探索Android性能优化:全方位学习与实践指南

性能优化是每一位高级Android程序员必备的核心技能,同时也是进入一线大厂如腾讯、阿里、京东、字节跳动等的重要“敲门砖”。这些大厂在面试中经常会深入询问关于性能优化的实践和经验,以此来评估面试者的技术实力。 性能优化贯穿于APP的整个生命周期&am…

2026/8/27 19:14:14

Jeff Dean对话启示:AI创业技术选型与工程化落地指南

Jeff Dean 离职前最后一次对话这两天在技术社区讨论声量不小。先声明,这篇不写八卦,离职的时间线和对话原文我也无法逐一核实,真正值得聊的是这段对话里反复出现的两个判断:一个是他低估了 AI 的演进速度,另一个是创业…

2026/8/27 19:14:14

游戏市场推广方式深度解析(大厂方法论 + 案例实战)

本文融合腾讯、米哈游、莉莉丝、三七互娱等头部厂商的实战方法论,结合经典案例进行深度拆解。 前言:理解游戏推广的底层逻辑 在展开具体方式前,必须先理解贯穿所有推广的核心公式与经营模型: 核心经营公式 利润 = LTV 用户量 - CAC 用户量 - 研发运营成本其中:LTV(生…

2026/8/27 19:14:14

基于SpringBoot的小区物业管理系统(源码+lw+部署文档+讲解等)

联系博主 温馨提示:本人主页置顶文章(点我)开头有 CSDN 平台官方提供的学长联系方式的名片! 温馨提示:本人主页置顶文章(点我)开头有 CSDN 平台官方提供的学长联系方式的名片! 温馨提示:本人主页置顶文章(点我)开头有 …

2026/8/27 19:09:14

北京丰科卓辰:全国产6U VPX高速大容量存储板卡

FKC-6UV7-M8全国产存储板卡是基于高性能国产FPGA与NVMe先进存储架构定制开发的一款高端数据采集存储板卡。该板卡为标准6U 5HP VPX架构产品,选取复旦微公司的JMF7V690T系列高性能FPGA,对外提供多路的高速数据接口;内部采用先进的NVME存储架构…

2026/8/26 9:13:28

[光学原理与应用-521]:对光的错误理解与纠偏

首先光是一种能量的载体和形态,宏观上观察到的光是由无数个微观的光量子组成的,每个光子在产生的瞬间,其在真空的空间中以确定不变的速度沿着一个初始的方向一直向前,在微观层面,每个光量子的运动轨迹是以波函数所展现…

2026/8/27 10:58:22

SIP通话转接原理与REFER方法实战解析

1. 通话转接不是“挂断再拨号”,而是SIP会话的动态重定向你有没有遇到过这样的场景:客服坐席A正在和客户通电话,突然需要把这通对话无缝转给专家坐席B,客户完全感知不到中间的断连——既没听到忙音,也没被要求重新拨号…

2026/8/27 7:46:21

Kolla-ansible单节点OpenStack部署实战:从环境准备到排坑指南

1. 为什么选择Kolla-ansible来部署单节点OpenStack?如果你正在寻找一种能把OpenStack从“概念”快速变成“可用的实验环境”的方法,那么Kolla-ansible几乎是当前最主流、最省心的选择。我见过太多人卡在手动编译依赖、配置服务、处理版本冲突的泥潭里&am…

2026/8/27 0:01:16

Go语言构建企业级AI服务网关:统一管理英伟达等AI接口调用

1. 项目概述:从零构建一个企业级的AI服务网关 最近在帮一个做内容审核的团队做技术架构升级,他们原来的业务里,每天有几十万张图片和短视频需要过审,最初是接了几个开源的AI模型自己部署,但效果和性能一直不太稳定。后…

2026/8/27 0:01:16

LeetCode Hot100(51-60)算法精解与面试技巧

1. 题目背景与核心价值"hot100(51-60)"这个标题看起来像是某个编程题库或算法练习集中的一组题目编号。在技术社区中,类似命名通常指向LeetCode、牛客网等平台的热门题目集合。作为刷过300题的算法老手,我理解这类题目的核心价值在于&#xff…

2026/8/27 0:01:16

CRC校验实战:从模2除法到HJ212协议排错

1. 为什么一个“校验码”能扛住工业现场90%的数据 corruption? 你有没有遇到过这样的场景:嵌入式设备通过RS-485上传温湿度数据,上位机偶尔收到一帧乱码——温度显示成-273℃,湿度跳到999%,但串口波形看起来完全正常&a…

2026/8/26 19:34:06

实测才敢推 AI论文网站 2026最新测评与推荐

2026年真正好用的AI论文网站,核心看生成的论文质量、低AI味、格式正确、学术适配四大指标。综合实测,千笔AI、ThouPen、豆包、DeepSeek、Grammarly 是当前最值得推荐的梯队,覆盖从免费到付费、从中文到英文、从文科到理工的全场景需求。一、综…

2026/8/26 19:17:08

2026必备!AI论文网站测评:最新推荐与深度对比

2026年真正好用的AI论文网站,核心看生成的论文质量、低AI味、格式正确、学术适配四大指标。综合实测,千笔AI、ThouPen、豆包、DeepSeek、Grammarly 是当前最值得推荐的梯队,覆盖从免费到付费、从中文到英文、从文科到理工的全场景需求。 一、…

2026/8/26 19:34:05

摆脱论文困扰!盘点2026年全网爆红的的AI论文写作工具

一天写完毕业论文在2026年已不再是天方夜谭。2026年最炸裂、实测能大幅提速的AI论文写作工具,覆盖选题构思、文献整理、内容生成、格式排版等核心场景,真正帮你高效搞定论文难题。 一、全流程王者:一站式搞定论文全链路(一天定稿首…