【开发者说】HarmonyOS实践之应用状态变量共享_鸿蒙退出应用 localstorage的数据还在吗Persiste

PersistentStorage：持久化存储，保存在硬盘上，在应用退出或重启后，数据依旧保留。

下面通过简单的程序示例，熟悉一下这三种用法。其中示例程序中包含了以下主要文件：

一、LocalStorage

页面级的UI状态存储，同一个页面共享同一个LocalStorage，不同的页面都可以绑定对应的LocalStorage。最常用的就是更新服务卡片和跨页面的信息传递。

场景一：更新服务卡片

服务卡片中被@Entry装饰的@Component，可以被分配一个LocalStorage实例，在组件内部，通过@LocalStorageProp装饰器定义本地变量，并绑定到对应组件上。更新卡片时，先定义一个包含了和LocalStorageProp属性同名的参数并放到formBindingData中，然后通过formProvider.updateForm函数，就可以更新服务卡片了。

我们要在EntryFormAbility.ets中通过传递LocalStorage改变服务卡片中的默认Hello的文本标签为当前时间。

实践步骤：

1、修改服务卡片布局文件，文件开头添加:

let storage = new LocalStorage();

并为Entry增加参数storage。

例如，WidgetCard.ets，默认：

@Entry @Component struct WidgetCard { ...

改之后：

let storage = new LocalStorage(); @Entry(storage) @Component struct WidgetCard { ...

2、在EntryFormAbility.ets中，用装饰器LocalStorageProp定义本地变量，装饰器的参数必须要和formBindingData中的属性名称相同。

例如，在接收方服务卡片中定义如下：

@LocalStorageProp('localprop') localValue: string = 'Hello';

卡片标签默认显示了Hello。

在发送方EntryFormAbility.ts文件的onFormEvent函数里：

onFormEvent(formId, message) { let date = new Date(); let str = date.getHours().toString().padStart(2, '0') + ':' + date.getMinutes().toString().padStart(2, '0') + ':' + date.getSeconds().toString().padStart(2, '0') let formData = { 'localprop': 'Time: ' + str, }; let formInfo = formBindingData.createFormBindingData(formData) formProvider.updateForm(formId, formInfo).then((data) => { console.info('FormAbility updateForm success.' + JSON.stringify(data)); }).catch((error) => { console.error('FormAbility updateForm failed: ' + JSON.stringify(error)); }) }

formData对象里包含了名称为localprop的键值，它通过formBindingData由formProvider传递给服务卡片，服务卡片接收到该对象后，就自动把该对象赋值给LocalStorage，相应的LocalStorageProp也自动跟着刷新。

这个动作是通过点击卡片上的update按钮，触发了postCardAction事件从而调用了onFormEvent函数，执行结果如下：