使用Javascript和MYSQL的Springboot

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端根据我的变量"wholeQuery“中的用户输入和上面的变量在.change eventlistener上更改可用的结果。

我使用代码

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的东西？)