javascript - 如何将保存在“数据”变量中的对象导出到文件“guardarcambios.js”

Question

如何将保存在“data”变量中的对象导出到“guardarcambios.js”文件中，然后读取该信息并能够在“guardarcambios.js”文件中使用它，数据变量在应用程序中.js 文件。

在这里，我分享包含这两个文件的代码。

Guardarcambios.js

window.onload = function () {
    
    const btnGuardarCambios = document.getElementById('guardarcambios')

    btnGuardarCambios.addEventListener("click", function () {

        // 1: Obtener los valores de los inputs por medio de los id.

        const imagen = document.getElementById("file").file[0].path // C:\fakepath\0-6277_firewatch-wallpaper-8k-hd-wallpaper-download-high-resolution.jpg

        const nombreProducto = document.getElementById("nombreProducto").value // Manilla
        const modeloProducto = document.getElementById("modeloProducto").value // 0x00 
        const numeroProducto = document.getElementById("numeroProducto").value // 25

        // 2: Crear cada uno de los elementos que conforman a una card en javascript.

        const createDiv = document.createElement("div") // <div></div>
        const createImg = document.createElement("img") // <img></img>
        const createDivBody = document.createElement("div") // <div></div>
        const createH5 = document.createElement("h5") // <h5></h5>
        const createP = document.createElement("p") // <p></p>
        const createButton1 = document.createElement("button") // <button></button>
        const createButton2 = document.createElement("button") // <button></button>

        // 3: Insertar los valores de los inputs en sus respectivos elementos creados.

        createDiv.setAttribute("class", "card");
        createDiv.setAttribute("style", "width: 18rem;");

        createImg.setAttribute("src", imagen) // <img src="C:\fakepath\0-6277_firewatch-wallpaper-8k-hd-wallpaper-download-high-resolution.jpg"></img>
        createImg.setAttribute("class", "card-img-top")

        createDivBody.setAttribute("class", "card-body")

        createH5.setAttribute("class", "card-title")

        createP.setAttribute("class", "card-text")

        createButton1.setAttribute("class", "btn btn-primary")

        createButton2.setAttribute("class", "btn btn-primary")
        createButton2.setAttribute("style", "margin-left: 3rem;")

        createH5.innerText = nombreProducto // <h5>Manilla</h5>
        createP.innerText = `Modelo producto: ${modeloProducto} Número de productos: ${numeroProducto}` // <p>Modelo producto: 0x00 Número de productos: 25</p>
        createButton1.innerText = "Modificar" // <button>Modificar</button>
        createButton2.innerText = "Eliminar" // <button>Eliminar</button>

        // 4: Estructurar el elemento

        createDiv.appendChild(createImg)
        createDiv.appendChild(createDivBody)
        createDivBody.appendChild(createH5)
        createDivBody.appendChild(createP)
        createDivBody.appendChild(createButton1)
        createDivBody.appendChild(createButton2)

        // 5: Mostrar en el window del navegador el elemento estructurado.

        document.body.appendChild(createDiv)
    })
}

应用程序.js

const  mySQL  = require('mysql');

const connection = mySQL.createConnection({
    host: 'localhost',
    database: 'inventorybox',
    user: 'root',
    password: ''
})

connection.connect(function(err){
    if(err){
        console.error('ERROR DE LA CONEXIÓN: ' + err.stack);
    }else{
        console.log('CONECTADO CON EL ID: ' + connection.threadId)
    }
})

connection.query('SELECT * FROM data', function(err, results, fields){
    const data = results
    console.log(data)

})

connection.end()

如果您需要更多信息，请通过评论告诉我。

标签： javascriptnode.jsimportexport