HarmonyOS元服务开发实践:桌面卡片字典

发布时间:2026/8/27 18:38:17

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零基础入门学习指南》

相关新闻

ABAP:Visual Studio Code->ABAP FS開發ABAP教程

ABAP:Visual Studio Code->ABAP FS開發ABAP教程

2026/8/27 18:28:17

和GUI相比其實沒有很大的好處,我覺得還是GUI寫代碼更方便一些,但是這裡多了可以編輯那些需要使用ECLIPSE開發的元素:CDS視圖 教程如下: 1.下載Visual Studio Code,官方連接如下: Download Visual Studio …

基于SpringCloud的分布式演唱会抢票系统(毕业设计项目源码+文档)

基于SpringCloud的分布式演唱会抢票系统(毕业设计项目源码+文档)

2026/8/27 18:28:17

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

EV 驱动电机零转速满转矩起步(Align→OpenLoop→FOC)Simulink 建模

EV 驱动电机零转速满转矩起步(Align→OpenLoop→FOC)Simulink 建模

2026/8/27 18:28:17

目录 一、为什么“零转速满转矩起步”要单独做 二、起步控制原理简述 2.1 预定位(Align / Pre‑Excite) 2.2 开环旋转(Open‑Loop Voltage‑Oriented) 2.3 切闭环 FOC 三、关键参数 四、Simulink 建模(手把手) 4.1 Step 1️⃣ —— PMSM + Inverter + 坐标变换(同…

数学建模新手四层能力组装:LaTeX、基础模型、基础算法与建模决策

数学建模新手四层能力组装:LaTeX、基础模型、基础算法与建模决策

2026/8/27 19:48:20

1. 这不是一份“资料整理”,而是一张数学建模新手的生存地图你搜过“latex下载”“数学建模国赛2019年C题优秀论文”“vscode latex安装”,点开十篇教程,前三篇讲环境配置卡在TeX Live安装失败,第四篇贴了一堆\begin{equation}代码…

果园水果识别视觉系统实战:OpenCV+YOLOv8分层设计与树莓派部署

果园水果识别视觉系统实战:OpenCV+YOLOv8分层设计与树莓派部署

2026/8/27 19:48:20

1. 这不是“赛题解析”,而是一套能真正落地的水果采摘机器人视觉系统设计手记 2023年亚太杯数学建模A题抛出的“水果采摘机器人图像识别功能”这个命题,表面看是道建模题,实则是一次对工业级视觉系统工程能力的极限压力测试。我带过三届数学建…

博济医药(300404)深度研究报告

博济医药(300404)深度研究报告

2026/8/27 19:48:20

摘要摘要:本报告以博济医药(300404.SZ)为研究对象,围绕公司主营业务、行业格局、财务质量、核心竞争力与未来增长点展开系统分析。报告基于公开披露的定期报告、业绩预告及行业公开数据,力求客观中立地呈现公司经营全貌…

开开实业(600272)深度分析报告

开开实业(600272)深度分析报告

2026/8/27 19:48:20

一、投资要点1.1 核心结论开开实业(600272)是一家以上海为核心市场、以医药批发与零售为主业的老牌上市公司,同时保留服装业务作为补充板块。公司依托"开开"品牌在长三角地区的渠道积淀,在医药流通领域具备稳定的区域市…

Java 基础|Scanner 键盘输入、导包、分支结构、局部变量、随机数

Java 基础|Scanner 键盘输入、导包、分支结构、局部变量、随机数

2026/8/27 19:48:20

一、Scanner 键盘扫描仪(键盘录入)Scanner 作用:接收控制台键盘输入的数据。1. 创建 Scanner 对象java.util.Scanner sc new java.util.Scanner(System.in);2. Scanner 常用录入方法// 输入整数 int a sc.nextInt();// 输入小数 double d …

小数据集也能更快更强:数据选择与重复使用加速训练

小数据集也能更快更强:数据选择与重复使用加速训练

2026/8/27 19:38:20

这篇论文的核心观点很有冲击力:我们一直在往模型里塞更多数据,但刘冰彬告诉我们,更少的数据反而可能带来更快的学习和更好的泛化。我将围绕这个主题,结合数据集构建与模型训练的实际需求,系统拆解论文中的关键概念、实…

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

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

2026/8/27 11:10:02

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

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

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

2026/8/27 7:25:23

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

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

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

2026/8/26 17:50:58

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

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

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

2026/8/27 0:07:12

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

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

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

2026/8/27 0:07:12

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

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

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

2026/8/27 0:07:12

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

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

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

2026/8/22 2:02:26

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

导师推荐!2026最新AI论文工具测评与实用推荐

导师推荐!2026最新AI论文工具测评与实用推荐

2026/8/26 18:07:30

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

告别游戏崩溃:XCOM 2模组管理器的智能革命

告别游戏崩溃:XCOM 2模组管理器的智能革命

2026/8/26 17:57:52

告别游戏崩溃:XCOM 2模组管理器的智能革命 【免费下载链接】xcom2-launcher The Alternative Mod Launcher (AML) is a replacement for the default game launchers from XCOM 2 and XCOM Chimera Squad. 项目地址: https://gitcode.com/gh_mirrors/xc/xcom2-lau…