Javascript 如何将动态表中的数据存储到数据库中

我试图找出如何将数据从动态表存储到数据库

我的想法是：我正在开发一个系统来控制司机的行程。它基本上会存储驾驶员的日常工作，并按不同的时间间隔进行划分，例如：驾驶时间、用餐时间、等待时间等（所有这些时间都以HH:MM表示）。它们将添加到不同的表中，如下图所示

每个表的输入数据（小时）可能不同。这将取决于驾驶员一天的行程。我需要捕捉这些时间并将其存储在数据库中

我最好的办法是在用户结束输入后获取所有这些小时，但是如果我没有字段的名称，我该如何存储这些时间呢

附加信息：我正在使用Java、SpringBoot和Thymeleaf来开发它

JourneyControl.registerHourTourney=（函数（）{
var反向驱动=0；
var反区间=0；
var=0；
var-counterWaiting=0；
var计数器=0；
函数寄存器journeyhour（）{
this.novaDrivingBtn=$（'.js add new direcao'）；
this.novoIntervalBtn=$（'.js添加新intervalo'）；
this.novaMealBtn=$（'.js add new refeicao'）；
this.novaWaitingBtn=$（'.js add new espera'）；
this.novorestbn=$（'.js添加新的珍珠岩'）；
this.deleteDrivingBtn=$（“#direcaot”）；
this.deleteIntervalBtn=$（“#intervalot”）；
this.deleteMealBtn=$（'refeicaot'）；
this.deleteWaitingBtn=$（“#esperat”）；
this.deleteRestBtn=$（“#pernoitet”）；
}
RegisterHourTourney.prototype.start=函数（）{
this.novaDrivingBtn.on（'click'，onadictionarhourdriving.bind（））；
this.novoIntervalBtn.on（'click'，onadictionarhourinterval.bind（））；
this.novaMealBtn.on（'click'，onadictionarhourmeal.bind（））；
this.novaWaitingBtn.on（'click'，onadictionarhourwaiting.bind（））；
this.novorestbn.on（'click'，onadictionarhourrest.bind（））；
this.deleteDrivingBtn.on（'click'，'js delete btn'，
onDeleteHourDriving.bind（））；
this.deleteIntervalBtn.on（'click'，'js delete btn'，
onDeleteHourInterval.bind（））；
this.deleteMealBtn.on（'click'，'js delete btn'，
onDeleteHourMeal.bind（））；
this.deleteWaitingBtn.on（'click'，'js delete btn'，
onDeleteHourWaiting.bind（））；
this.deleteRestBtn.on（'click'，'js delete btn'，
onDeleteHourRest.bind（））；
}
函数onadictionarhourdriving（）{
/*var newRow=$（“”）；*/
var newRow=$（“”）；
var cols=“”；
var inputInicio=$（'#inicioDirecao'）.val（）；
var inputFim=$（'fimDirecao'）.val（）；
var direcao=$（'#direcao'）.val（）；
如果（！inputInicio | |！inputFim）{
警惕（'Os campos início e fim devem ser preenchidos'）；
}else if（inputInicio.length！=5 | | inputFim.length！=5）{
警惕（“先兆为horas corretamente（HH:MM）”；
}否则{
cols+=''+输入+''；
cols+=''+输入FIM+''；
cols+=''；
newRow.append（cols）；
$（“#direcoat”）.append（newRow）；
反驱动++；
$（'inicioDirecao'）.val（''）；
$（'fimDirecao'）.val（''）；
}
}
函数onadictionarhourinterval（）{
var newRow=$（“”）；
var cols=“”；
var inputInicio=$（'#inicioIntervalo'）.val（）；
var inputFim=$（'fimIntervalo'）.val（）；
如果（！inputInicio | |！inputFim）{
警惕（'Os campos início e fim devem ser preenchidos'）；
}else if（inputInicio.length！=5 | | inputFim.length！=5）{
警惕（“先兆为horas corretamente（HH:MM）”；
}否则{
cols+=''+输入+''；
cols+=''+输入FIM+''；
cols+=''；
newRow.append（cols）；
$（“#intervalot”）.append（newRow）；
计数器间隔++；
$（'inicioIntervalo'）.val（''）；
$（'fimIntervalo'）.val（''）；
}
}
函数onadictionarhourmeal（）{
var newRow=$（“”）；
var cols=“”；
var inputInicio=$（'#iniciorefeciao'）.val（）；
var inputFim=$（'fimRefeicao'）.val（）；
如果（！inputInicio | |！inputFim）{
警惕（'Os campos início e fim devem ser preenchidos'）；
}else if（inputInicio.length！=5 | | inputFim.length！=5）{
警惕（“先兆为horas corretamente（HH:MM）”；
}否则{
cols+=''+输入+''；
cols+=''+输入FIM+''；
cols+=''；
newRow.append（cols）；
$（“#refeicaot”）.append（newRow）；
配餐++；
$（'iniciorefecao'）.val（''）；
$（'fimRefeicao'）.val（''）；
}
}
函数onadicationhourwaiting（）{
var newRow=$（“”）；
var cols=“”；
var inputInicio=$（'#iniciospera'）.val（）；
var inputFim=$（'fimEspera'）.val（）；
如果（！inputInicio | |！inputFim）{
警惕（'Os campos início e fim devem ser preenchidos'）；
}else if（inputInicio.length！=5 | | inputFim.length！=5）{
警惕（“先兆为horas corretamente（HH:MM）”；
}否则{
cols+=''+输入+''；
cols+=''+输入FIM+''；
cols+=''；
newRow.append（cols）；
$（“#esperat”）.append（newRow）；
counterWaiting++；
$（“#inicioEspera”）.val（“”）；
$（'fimEspera'）.val（''）；
}
}
函数onadictionarhourrest（）{
var newRow=$（“”）；
var cols=“”；
var inputInicio=$（'#inicioPernoite'）.val（）；
var inputFim=$（'fimPernoite'）.val（）；
如果（！inputInicio | |！inputFim）{
警惕（'Os campos início e fim devem ser preenchidos'）；
}否则如果（inputInicio.length！=5
var nextMeal = 0;           
while($("tr[name='nextMeal[" + nextMeal + "]']").length){
    nextMeal++;
}