JSON转为DB格式，轻松实现数据转换

前端

2023-05-11 16:58:19

JSON 数据转换器：将 JSON 数据轻松导入数据库

前言

随着古诗词相关网站的兴起，博主们越来越多地使用 JSON 文件来存储数据。然而，将 JSON 文件中的数据直接导入数据库一直是个挑战。为了解决这个问题，我创建了一个实用的桌面软件——JSON 数据转换器。

JSON 数据转换器简介

JSON 数据转换器是一个跨平台的桌面应用程序，利用 Electron、Vue3 和 TypeScript 开发。它专为将 JSON 文件中的数据无缝转换为数据库格式而设计。

工作原理

使用 JSON 数据转换器非常简单：

将 JSON 文件拖放到软件窗口中。
软件自动将 JSON 数据解析为数据库格式。
将转换后的数据库文件保存到你的计算机。

优点

JSON 数据转换器提供以下优势：

操作简便： 只需简单的拖放即可完成数据转换。
跨平台兼容： 支持 Windows、macOS 和 Linux 系统。
免费开源： 你可以自由使用、修改和分发此软件。

示例代码

以下代码示例演示了 JSON 数据转换器的使用方法：

// 引入必要的库
import { app, BrowserWindow, dialog } from "electron";
import Vue from "vue";
import App from "./App.vue";

// 创建 Electron 应用程序
app.whenReady().then(() => {
  const win = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      nodeIntegration: true,
    },
  });

  win.loadFile("index.html");

  // 监听文件拖拽事件
  win.on("drag-enter", (e) => {
    e.preventDefault();
  });

  win.on("drop", (e) => {
    e.preventDefault();

    const files = e.dataTransfer.files;
    if (files && files.length > 0) {
      // 获取拖拽的文件路径
      const filePath = files[0].path;

      // 将文件内容解析为 JSON
      fs.readFile(filePath, "utf-8", (err, data) => {
        if (err) {
          console.error("读取文件失败：", err);
          dialog.showErrorBox("错误", "读取文件失败：" + err.message);
          return;
        }

        // 将 JSON 数据转换为数据库格式
        const dbData = convertJsonToDb(JSON.parse(data));

        // 将数据库文件保存到计算机
        dialog.showSaveDialog(win, {
          filters: [
            { name: "数据库文件", extensions: ["db"] },
          ],
        }).then((result) => {
          if (result.canceled) {
            return;
          }

          const savePath = result.filePath;

          fs.writeFile(savePath, dbData, (err) => {
            if (err) {
              console.error("保存文件失败：", err);
              dialog.showErrorBox("错误", "保存文件失败：" + err.message);
              return;
            }

            dialog.showMessageBox(win, {
              type: "info",
              message: "转换成功",
              detail: "数据库文件已保存到：" + savePath,
            });
          });
        });
      });
    }
  });
});