将表单数据从电子存储到 dexiejs答案

【问题标题】：store form data from electron to dexiejs将表单数据从电子存储到 dexiejs
【发布时间】：2020-03-22 06:03:07
【问题描述】：

我有一个电子应用程序，其表单将用于获取一些信息。我没有可以发送数据的外部服务器或 url，我需要获取表单数据并使用 dexie.js 和 vue 存储它们，我用来拦截提交按钮上的点击事件。我不确定如何保存数据，这是因为我需要从表单中获取值，然后调用 dexie 来存储它们，我正在使用 vue 方法来管理点击，我使用 document.forms 来获取表单元素的名称和值，但这是一个不好的方法。谁能帮我找到实现这一目标的方法？

//import Dexie from 'dexie';
const Dexie = require('dexie');
// Force debug mode to get async stacks from exceptions.
Dexie.debug = true; // In production, set to false to increase performance a little.

let db = new Dexie('clients');
db.version(1).stores({
  websites: "++id,client_name,hosting_provider,website_domain,panel_user,panel_pwd,db_host,db_name,db_user,db_pwd,wp_user,wp_pwd"
});


$(document).ready(function(){
  var myapp = new Vue({
    el: '#app',
    data: {
      message: 'Hello Vue!'
    },
    methods: {
      saveData(){
        //var form = document.getElementById('client-info') //document.forms;;
        var form = $('#client-info').serialize();
        console.log(form);
        //var formData = new FormData(form);
        //console.log(formData);
        // $.each( form[0].elements, function(i, index){
        //   console.log( index );
        //   console.log( form[0].elements[i].name, form[0].elements[i].value );
        //   // or make a new one
        //   db.clients.add({
        //          form[0].elements[i].name: form[0].elements[i].value
        //      });
        // });

        //console.log(Dexie);
        //console.log(db);
      }
    }
  });
  console.log(myapp);
});

注意：现在我已经对代码进行了注释，因为它不起作用，它不保存数据。

【问题讨论】：

标签： javascript vue.js electron

【解决方案1】：

您可能想尝试将 Dexie 代码添加到主进程中，该进程在传统 Web 术语中充当后端，并通过 ipcRenderer 将表单发送到主进程（类似于我在 here 上提出的建议。

【讨论】：