Javascript 有没有办法使用Springboot和HTML将范围数据类型输入mysql数据库？

我正在做一个项目，我已经创建了一个html元素，允许人们选择一个容量（在滑块上）。我在JavaScript的帮助下完成了这项工作。然而，在html页面上，用户可以选择他们的容量，但它不会转换为数据库。相反，它保持在0。然而，如果我将数据类型更改为int，它可以工作，但没有JavaScript滑块元素。我也是这个网站的新手，所以请容忍我。换句话说，我是否需要将其转换为int，如果是，我该怎么做

------------------HTML

 <div class="capacity"> 
             <input type="number" min="10" max="100" value="55"
                             class="myslider" id="Capacity"> 
           <div class="valid-feedback">WELL DONE</div>
           <div class="invalid-feedback">ADD A CAPACITY !</div>
             <p>Persons: <span id="capacityOfEvent"></span></p> 

---------------------------------JavaScript

//Capacity of people 
var capacitySlider = document.getElementById("Capacity"); 
var output = document.getElementById("capacityOfEvent"); 
output.innerHTML =capacitySlider.value;  
capacitySlider.oninput = function() { 
  output.innerHTML = this.value; 
} 

---

您正在JavaScript端使用slider，但它是否会影响后端。您是否在每次更改滑块值时都调用服务器？我看不到您的代码中有任何AJAX调用。因此，如果希望更改数据库值，则必须在每次更改滑块值时调用后端。您可以在服务器端spring引导中使用rest控制器，并从客户端到后端进行AJAX调用（可能使用axios或XMLHttpRequest之类的库）

---

p、 如果你提供更多的细节，我会编辑我的答案，但现在我只能从你的代码告诉你这么多。还请包括您的控制器代码。

谢谢，我现在就试试。

//Capacity of people 
var capacitySlider = document.getElementById("Capacity"); 
var output = document.getElementById("capacityOfEvent"); 
output.innerHTML =capacitySlider.value;  
capacitySlider.oninput = function() { 
  output.innerHTML = this.value; 
}