electron进行存储数据并回显代码

Electron是一个基于Chromium和Node.js的开源框架，用于开发桌面应用程序。它结合了Web技术（如HTML、CSS和JavaScript）和原生桌面功能。如果你想在Electron应用中存储数据并能够回显，通常有几种选择：

1. **文件系统** (File System): 使用`fs`模块可以读写本地文件，例如JSON或文本文件，保存数据。用户界面通过`fs.readFile`或`fs.writeFile`操作。

const fs = require('fs');
let data = JSON.stringify({ name: 'example', value: 42 });

// 存储数据
fs.writeFile('data.json', data, (err) => {
  if (err) console.error(err);
});

// 回显数据
fs.readFile('data.json', 'utf8', (err, contents) => {
  if (err) console.error(err);
  else {
    let retrievedData = JSON.parse(contents);
    console.log(retrievedData); // { name: 'example', value: 42 }
  }
});

2. **IndexedDB**: 对于更复杂的结构化数据，可以使用浏览器内置的 IndexedDB API，在离线环境下也能持久存储。

const db = indexedDB.open('myDatabase', 1);
db.onupgradeneeded = function(e) {
  // 创建对象存储
  let objectStore = e.target.result.createObjectStore('items', { keyPath: 'id' });
};
// 存储数据
let item = { id: 1, name: 'example' };
objectStore.add(item);

// 回显数据
db.onerror = function(e) { console.error(e); };
db.transaction(['items'], 'readonly').objectStore('items')
  .get(1)
  .onsuccess = function(e) {
    console.log(e.target.result);
  };

3. **LocalStorage/WebStorage**: 对轻量级数据，可以用浏览器提供的localStorage或sessionStorage。

// 存储数据
localStorage.setItem('key', 'value');

// 回显数据
let storedValue = localStorage.getItem('key');
console.log(storedValue);