HarmonyOS-LocalStorage/AppStorage/PersistentStorage的基本用法(案例)

本文主要是介绍HarmonyOS-LocalStorage/AppStorage/PersistentStorage的基本用法(案例),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

一、LocalStorage

LocalStorage是ArkTS为构建页面级别状态变量提供存储的内存内“数据库”。

(1)特点

1.LocalStorage实例可以在 "页面(一个页面)内" 共享

2.LocalStorage中的所有属性都是可变

3.@LocalStorageProp:@LocalStorageProp装饰的变量和与LocalStorage中给定属性建立 单向同步关系。状态变量修改不同步更新。

@LocalStorageLink:@LocalStorageLink装饰的变量和在@Component中创建与LocalStorage中给定属性建立 双向同步关系。状态变量修改同步更新。

4.类型必须被指定,且必须和LocalStorage中对应属性相同。不支持any,不允许使用undefined和null。

(2)用法

1.创建新实例并使用给定对象初始化:

     let storage = new LocalStorage({ 'PropA': 47 });

2.注入实例:

    @Entry(storage)

3. @LocalStorageLink变量装饰器声明新变量storLink1与LocalStorage中的'PropA'属性建立双向绑定:

    @LocalStorageLink('PropA') storLink1: number = 1;

(3)案例

// 创建新实例并使用给定对象初始化
let storage = new LocalStorage({ 'PropA': 47 });@Entry(storage) // 使LocalStorage可从@Component组件访问---注入实例
@Component
struct LocalStoragePage {// @LocalStorageLink变量装饰器声明新变量storLink1与LocalStorage中的'PropA'属性建立双向绑定@LocalStorageLink('PropA') storLink1: number = 1;build() {Column() {Text('-------LocalStorage-------').fontColor(Color.Red).fontSize(24)Text(`storLink1: ${this.storLink1}`).fontSize(20).fontWeight(600).onClick(() => {this.storLink1++;})Button('修改').onClick(() => {storage.set('PropA', 100)})ComA()}.width('100%').padding(20).justifyContent(FlexAlign.Start).alignItems(HorizontalAlign.Start)}
}@Component
struct ComA {build() {Column() {Text(`ComA`)ComB()}.justifyContent(FlexAlign.Start).alignItems(HorizontalAlign.Start)}
}@Component
struct ComB {@LocalStorageLink('PropA') storLink2: number = 1; //双向@LocalStorageProp('PropA') storLink3: number = 1; //单向build() {Column() {Text(`ComB_link: ${this.storLink2}`).onClick(() => {this.storLink2 += 10})Text(`ComB_prop: ${this.storLink3}`).onClick(() => {this.storLink3 += 10})}}
}

二、AppStorage

(1)特点

1.AppStorage是应用级的全局状态共享

2.@StorageProp:单向同步:从AppStorage的对应属性到组件的状态变量。组件本地的修改是允许的,但是AppStorage中给定的属性一旦发生变化,将覆盖本地的修改。

   @StorageLink:双向同步:从AppStorage的对应属性到自定义组件,从自定义组件到AppStorage对应属性。

3.类型必须被指定,且必须和LocalStorage中对应属性相同。不支持any,不允许使用undefined和null。

(2)用法

1.创建新实例并使用给定对象初始化:

     AppStorage.SetOrCreate('PropA', 48);

2.注入实例:

    @Entry(storage)

3. @StorageLink变量装饰器声明新变量appLink1与AppStorage中的'PropA'属性建立双向绑定:

    @StorageLink('PropA') appLink1: number = 1;

(3)案例

import router from '@ohos.router';
// 全局
AppStorage.SetOrCreate('PropA', 48);@Entry(storage) // 使LocalStorage可从@Component组件访问---注入实例
@Component
struct LocalStoragePage {@StorageLink('PropA') appLink1: number = 1;build() {Column() {Text('-------appStorage-------').fontColor(Color.Red).fontSize(24)Text(`storLink1: ${this.appLink1}`).fontSize(20).fontWeight(600).onClick(() => {this.appLink1++;})Button('修改').onClick(() => {AppStorage.SetOrCreate('PropA', 100)})Button('跳转').onClick(() => {router.pushUrl({ url: 'pages/Index' })})}.width('100%').padding(20).justifyContent(FlexAlign.Start).alignItems(HorizontalAlign.Start)}
}

pages/Index页面:

//导入页面路由模块
import router from '@ohos.router';@Entry
@Component
struct Index {// 全局@StorageLink('PropA') propa: number = 1;build() {Column() {Text(`appStorage: ${this.propa}`).onClick(() => {this.propa++})Button('返回').onClick(()=>{router.back();}) }.width('100%')}
}

三、PersistentStorage

(1)特点

1.UI和业务逻辑不直接访问PersistentStorage中的属性,所有属性访问都是对AppStorage的访问,AppStorage中的更改会自动同步到PersistentStorage

2.PersistentStorage和AppStorage中的属性建立双向同步

3.限制条件:不支持嵌套对象(对象数组,对象的属性是对象等);不支持undefined 和 null 

4.PersistentStorage的持久化变量最好是小于2kb的数据

5.PersistentStorage只能在UI页面内使用,否则将无法持久化数据

(2)用法

1.初始化PersistentStorage属性,此时AppStorage中也生成一个Address属性

       PersistentStorage.PersistProp('Address', "");

2.在AppStorage获取对应属性

       AppStorage.Get('aProp');

或在组件内部定义:

       @StorageLink('Address') address: string = "";

(3)案例

PersistentStorage.PersistProp('aProp', 47);@Entry
@Component
struct Index {@State message: string = 'Hello World'@StorageLink('aProp') aProp: number = 48build() {Row() {Column() {Text(this.message)// 应用退出时会保存当前结果。重新启动后,会显示上一次的保存结果Text(`${this.aProp}`).onClick(() => {this.aProp += 1;})}}}
}

这篇关于HarmonyOS-LocalStorage/AppStorage/PersistentStorage的基本用法(案例)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/886075

相关文章

MyBatis分页查询实战案例完整流程

《MyBatis分页查询实战案例完整流程》MyBatis是一个强大的Java持久层框架,支持自定义SQL和高级映射,本案例以员工工资信息管理为例,详细讲解如何在IDEA中使用MyBatis结合Page... 目录1. MyBATis框架简介2. 分页查询原理与应用场景2.1 分页查询的基本原理2.1.1 分

Python中logging模块用法示例总结

《Python中logging模块用法示例总结》在Python中logging模块是一个强大的日志记录工具,它允许用户将程序运行期间产生的日志信息输出到控制台或者写入到文件中,:本文主要介绍Pyt... 目录前言一. 基本使用1. 五种日志等级2.  设置报告等级3. 自定义格式4. C语言风格的格式化方法

SpringBoot 获取请求参数的常用注解及用法

《SpringBoot获取请求参数的常用注解及用法》SpringBoot通过@RequestParam、@PathVariable等注解支持从HTTP请求中获取参数,涵盖查询、路径、请求体、头、C... 目录SpringBoot 提供了多种注解来方便地从 HTTP 请求中获取参数以下是主要的注解及其用法:1

深度解析Java @Serial 注解及常见错误案例

《深度解析Java@Serial注解及常见错误案例》Java14引入@Serial注解,用于编译时校验序列化成员,替代传统方式解决运行时错误,适用于Serializable类的方法/字段,需注意签... 目录Java @Serial 注解深度解析1. 注解本质2. 核心作用(1) 主要用途(2) 适用位置3

Python ORM神器之SQLAlchemy基本使用完全指南

《PythonORM神器之SQLAlchemy基本使用完全指南》SQLAlchemy是Python主流ORM框架,通过对象化方式简化数据库操作,支持多数据库,提供引擎、会话、模型等核心组件,实现事务... 目录一、什么是SQLAlchemy?二、安装SQLAlchemy三、核心概念1. Engine(引擎)

Java中HashMap的用法详细介绍

《Java中HashMap的用法详细介绍》JavaHashMap是一种高效的数据结构,用于存储键值对,它是基于哈希表实现的,提供快速的插入、删除和查找操作,:本文主要介绍Java中HashMap... 目录一.HashMap1.基本概念2.底层数据结构:3.HashCode和equals方法为什么重写Has

Android协程高级用法大全

《Android协程高级用法大全》这篇文章给大家介绍Android协程高级用法大全,本文结合实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友跟随小编一起学习吧... 目录1️⃣ 协程作用域(CoroutineScope)与生命周期绑定Activity/Fragment 中手

Java 正则表达式的使用实战案例

《Java正则表达式的使用实战案例》本文详细介绍了Java正则表达式的使用方法,涵盖语法细节、核心类方法、高级特性及实战案例,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要... 目录一、正则表达式语法详解1. 基础字符匹配2. 字符类([]定义)3. 量词(控制匹配次数)4. 边

Python Counter 函数使用案例

《PythonCounter函数使用案例》Counter是collections模块中的一个类,专门用于对可迭代对象中的元素进行计数,接下来通过本文给大家介绍PythonCounter函数使用案例... 目录一、Counter函数概述二、基本使用案例(一)列表元素计数(二)字符串字符计数(三)元组计数三、C

Python异步编程之await与asyncio基本用法详解

《Python异步编程之await与asyncio基本用法详解》在Python中,await和asyncio是异步编程的核心工具,用于高效处理I/O密集型任务(如网络请求、文件读写、数据库操作等),接... 目录一、核心概念二、使用场景三、基本用法1. 定义协程2. 运行协程3. 并发执行多个任务四、关键