HarmonyOS应用开发：鸿蒙数据存储storage，轻量级数据存储操作！原创精华

黑板报呀

发布于 2022-8-14 21:25

浏览

5收藏

鸿蒙存储功能也是很强大的，不仅有数据存储，文件存储还有分布式数据管理，分布式数据库等，最近在研究鸿蒙的数据存储，想做一个本地记事本，做到登陆页面的时候用到的数据存储功能，需要通过操作缓存账号密码的功能操作，今天就聊聊数据存储的用法和实现。

每天学习一点点。

场景：

通过storage系统库实现对数据的存储，查询，清理和删除指定数据等，并且说明用于那些场景。

下面我们开始今天的文章，还是老规矩，通过如下几点来说：

1，实现思路

2，代码解析

3，实现效果

3，总结

一，实现思路
引入import storage from '@system.storage'; 通过指定方法实现：一，storage.get 读取存储的内容二，storage.set 修改存储的内容三，storage.clear 清空存储的内容四，storage.delete 删除存储的内容。

二，代码解析

子组件：

1，hml文件

添加两个输入框，用户输入存储的键值信息

添加四个按钮用于实现存储，获取，清理和删除等操作

<div class="container">
    <text>{{content}}</text>
    <div class="option">
        <text class="title" value="key"></text>
        <input class="input" type="text" placeholder="请输入存储key" value="saveKey" onchange="onchangeKey"></input>
    </div>
    <div class="option">
        <text class="title" value="value"></text>
        <input class="input" type="text" placeholder="请输入存储value" value="我是存储信息" onchange="onchangeValue"></input>
    </div>
    <div class="option">
        <button class="button" value="存储" onclick="onclickSave"></button>
        <button class="button" value="获取" onclick="onclickGet"></button>
    </div>
    <div class="option">
        <button class="button" value="清空" onclick="onclickClear"></button>
        <button class="button" value="删除" onclick="onclickDelete"></button>
    </div>
</div>
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.

2，css文件

.container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}
.title{
    font-size: 20px;
    margin-left: 20px;
    width: 100px;
}
.input{

}
.option {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    margin-right: 20px;
}
.button {
    font-size: 15px;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    width: 200px;
    height: 40px;
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.

3，js文件

实现功能操作

import storage from '@system.storage';
import prompt from '@system.prompt';
export default {
    data: {
        title: 'World',
        key:"111",
        value:"1234567890",
        content:""
    },
    onchangeKey(e){
        this.key = e.value;
    },
    onchangeValue(e){
        this.value = e.value;
    },
    onclickSave(){ // 存储信息
        console.log("this数据.key = " + this.key)
        console.log("this数据.value = " + this.value)
        storage.set({
            key:this.key,
            value:this.value,
            success(){
                prompt.showToast({
                    message:"存储成功！",
                    duration:1000
                })
            },
            fail(data, code){
            }
        });
    },
    onclickGet(){ // 获取信息
        console.log("this数据.key = " + this.key)
        storage.get({
            key:this.key,
            success(data){
                this.content = this.key+": "+data.value;
                console.log("获取成功 = " + data)
            },
            fail(data,code){
                console.log("获取失败 = " + data)
            },
            complete(){
            }
        })
    },
    onclickClear(){ // 清空所有信息
        storage.clear({
            success: function() {
                console.log('this数据--清空数据');
            },
            fail: function(data, code) {
                console.log('this数据--清空数据失败: ' + code + ', data: ' + data);
            },
        });
    },
    onclickDelete(){ // 删除指定信息
        storage.delete({
            key: this.key,
            success: function() {
                console.log('删除成功！');
            },
            fail: function(data, code) {
                console.log('删除失败：' + code + ', data: ' + data);
            },
        });
    }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.