鸿蒙存储功能也是很强大的，不仅有数据存储，文件存储还有分布式数据管理，分布式数据库等，最近在研究鸿蒙的数据存储，想做一个本地记事本，做到登陆页面的时候用到的数据存储功能，需要通过操作缓存账号密码的功能操作，今天就聊聊数据存储的用法和实现。
每天学习一点点。
场景：
通过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>
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;
}
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，存储文本信息
三，实现效果
四，总结
数据存储 import storage from '@system.storage';
一，storage.get 读取存储的内容。
二，storage.set 修改存储的内容。
三，storage.clear 清空存储的内容。
四，storage.delete 删除存储的内容。
鸿蒙数据存储使用场景很多，用于存储一些键值信息，比数据库使用起来更方便和轻量级。
原创不易，有用就关注一下。要是帮到了你 就给个点赞吧，多谢支持。
觉得不错的小伙伴，记得帮我 点个赞和关注哟，笔芯笔芯~**
有问题请留言或者私信。
有问题请留言或者私信，可以 WX搜索公众号：程序员漫话编程
