带有 Javascript 和 MYSQL 的 Spring Boot

Question

我正在 springboot 中创建一个可以正常工作的过滤器页面。当我将我的 javascript 添加到 html 页面以使用 .change 事件侦听器进行查询时，我想使用此查询在提交表单之前实时显示可用结果。它看起来像这样（更短的版本，否则它只是 var 声明不是问题的一部分）

$("#leadsForm").change(function () {
    //revenue
    var revMin = document.getElementById("revenueMin").value
    var revMax = document.getElementById("revenueMax").value

    //reg date
    var regDateMin = document.getElementById("regDateMin").value
    var regDateMax = document.getElementById("regDateMax").value

    var mainBranch = $('#mainBranch').val();
    var specificBranch = $('#specificBranch').val();

    var county = $('#county').val();

    var tel = document.getElementById("containsTel").value
    var contactPerson = document.getElementById("containsContactPerson").checked
    var location = document.getElementById("containsLocation").checked
    var employed = document.getElementById("containsEmployed").checked
    var keyValues = document.getElementById("containsKeyValues").checked
    var email = document.getElementById("containsEmail").checked
    var website = document.getElementById("containsWebsite").checked
    
var wholeQuery = "SELECT "+selectedColumns + " from company" + " WHERE " + revenueSelector + 
    regDateSelector + branchSelector +
        countySelector + telSelector + keyValuesSelector + contactPersonSelector + emailSelector +
        websiteSelector + locationSelector + employedSelector;

    console.log(wholeQuery)

我想找到一种方法来使用这个查询，JAVASCRIPT SIDE 来根据用户输入在 .change 事件监听器上更改可用的结果，上面的变量在我的变量“wholeQuery”中。

我用代码

const mysql = require((["mysql"]))
const db = mysql.createConnection({
    host : "localhost",
    user : "*****",
    password: "*****",
    database: "mydb"
})
console.log(db)

但得到错误：

    Uncaught Error: Script error for "mysql"
    https://requirejs.org/docs/errors.html#scripterror
        at makeError (require.js:5)
        at HTMLScriptElement.onScriptError (require.js:5)

问题是我无法通过 Javascript 连接到我的 SQL 数据库，除了上述方法之外，还有其他方法吗？我正在做大多数其他线程推荐的解决方案，但它不适用于我的情况，因为我的项目不是 node.js 项目。

Answer 1

我有点疑惑，为什么要在javascript中直接连接MySQL？在 Springboot 中进行 API 调用，js 端与之交谈以获取此信息不是更有意义吗？从您的代码片段来看，您有一个类似like this one 的 node.js 项目？

如果您使用的是 Springboot，我认为您需要创建一个与 MySQL 对话的 API，这样您的 javascript 将调用该 API（可能使用类似 Axios 的东西？）