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

相关文章

Java Stream流使用案例深入详解

《JavaStream流使用案例深入详解》:本文主要介绍JavaStream流使用案例详解,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录前言1. Lambda1.1 语法1.2 没参数只有一条语句或者多条语句1.3 一个参数只有一条语句或者多

SpringBoot UserAgentUtils获取用户浏览器的用法

《SpringBootUserAgentUtils获取用户浏览器的用法》UserAgentUtils是于处理用户代理(User-Agent)字符串的工具类,一般用于解析和处理浏览器、操作系统以及设备... 目录介绍效果图依赖封装客户端工具封装IP工具实体类获取设备信息入库介绍UserAgentUtils

MySQL 中的 JSON 查询案例详解

《MySQL中的JSON查询案例详解》:本文主要介绍MySQL的JSON查询的相关知识,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录mysql 的 jsON 路径格式基本结构路径组件详解特殊语法元素实际示例简单路径复杂路径简写操作符注意MySQL 的 J

Python Transformers库(NLP处理库)案例代码讲解

《PythonTransformers库(NLP处理库)案例代码讲解》本文介绍transformers库的全面讲解,包含基础知识、高级用法、案例代码及学习路径,内容经过组织,适合不同阶段的学习者,对... 目录一、基础知识1. Transformers 库简介2. 安装与环境配置3. 快速上手示例二、核心模

Java中的@SneakyThrows注解用法详解

《Java中的@SneakyThrows注解用法详解》:本文主要介绍Java中的@SneakyThrows注解用法的相关资料,Lombok的@SneakyThrows注解简化了Java方法中的异常... 目录前言一、@SneakyThrows 简介1.1 什么是 Lombok?二、@SneakyThrows

Python中的getopt模块用法小结

《Python中的getopt模块用法小结》getopt.getopt()函数是Python中用于解析命令行参数的标准库函数,该函数可以从命令行中提取选项和参数,并对它们进行处理,本文详细介绍了Pyt... 目录getopt模块介绍getopt.getopt函数的介绍getopt模块的常用用法getopt模

mysql中的group by高级用法

《mysql中的groupby高级用法》MySQL中的GROUPBY是数据聚合分析的核心功能,主要用于将结果集按指定列分组,并结合聚合函数进行统计计算,下面给大家介绍mysql中的groupby用法... 目录一、基本语法与核心功能二、基础用法示例1. 单列分组统计2. 多列组合分组3. 与WHERE结合使

Java中Scanner的用法示例小结

《Java中Scanner的用法示例小结》有时候我们在编写代码的时候可能会使用输入和输出,那Java也有自己的输入和输出,今天我们来探究一下,对JavaScanner用法相关知识感兴趣的朋友一起看看吧... 目录前言一 输出二 输入Scanner的使用多组输入三 综合练习:猜数字游戏猜数字前言有时候我们在

java解析jwt中的payload的用法

《java解析jwt中的payload的用法》:本文主要介绍java解析jwt中的payload的用法,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Java解析jwt中的payload1. 使用 jjwt 库步骤 1:添加依赖步骤 2:解析 JWT2. 使用 N

Linux命令之firewalld的用法

《Linux命令之firewalld的用法》:本文主要介绍Linux命令之firewalld的用法,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录linux命令之firewalld1、程序包2、启动firewalld3、配置文件4、firewalld规则定义的九大