模型训练和测试平台 - 上传数据、下载模型和结果 - 常规

<!DOCTYPE html><html><head><title>模型训练和测试平台 - 上传数据、下载模型和结果</title><style>body{font-family:Arial,sans-serif;background-color:#f3f3f3;margin:0;padding:20px;}h2{margin-top:30px;}form{margin-bottom:20px;}input[type="file"]{margin-top:10px;}input[type="submit"]{margin-top:10px;padding:10px 20px;background-color:#4CAF50;color:white;border:none;cursor:pointer;}a{display:inline-block;margin-top:10px;padding:10px 20px;background-color:#337ab7;color:white;text-decoration:none;}#train{margin-top:20px;padding:10px;background-color:#fff;}#test{margin-top:20px;padding:10px;background-color:#fff;}#results{margin-top:20px;padding:10px;background-color:#fff;}#model{margin-top:20px;padding:10px;background-color:#fff;}#progress-bar{width:300px;height:20px;background-color:#f2f2f2;border-radius:10px;margin:20px 0;}#progress{width:0%;height:100%;background-color:#4caf50;border-radius:10px;transition:width 3s ease-in-out;}</style></head><body><h1 style="text-align:center ;">模型评测平台</h1><div style="height:900px;width:800px;margin:0 auto;"><h2>上传训练数据</h2><form action="/upload" method="post" enctype="multipart/form-data"><input type="file" name="training_data" accept=".csv"><input type="submit" value="上传并训练"><div id="train"><ul id="fileList" style="list-style:none;"></ul><div id="progress-bar"><div id="progress"></div></div></div></form><h2>上传测试样本</h2><form action="/test" method="post" enctype="multipart/form-data"><input type="file" name="test_samples" accept=".csv"><input type="submit" value="上传并测试"><div id="test"><ul id="fileList1" style="list-style:none;"></ul><div id="progress-bar1"><div id="progress1"></div></div></div></form><h2>下载训练模型</h2><div id="model"><ul id="fileList3" style="list-style:none;"></ul></div><a href="/download_model">下载模型</a><h2>下载分类结果</h2><div id="results"><ul id="fileList2" style="list-style:none;"></ul></div><a href="/download_results">下载结果</a></div><script src="https://code.jquery.com/jquery-3.4.1.min.js"></script><script>$(document).ready(function(){$.ajax({url:"/get_files",type:"GET",success:function(response){var files=response.files;files.forEach(function(file){$("#fileList").append("<li>"+file+"</li>");});}});});$(document).ready(function(){$.ajax({url:"/get_files1",type:"GET",success:function(response){var files=response.files;files.forEach(function(file){$("#fileList1").append("<li>"+file+"</li>");});}});});$(document).ready(function(){$.ajax({url:"/get_files2",type:"GET",success:function(response){var files=response.files;files.forEach(function(file){$("#fileList2").append("<li>"+file+"</li>");});}});});$(document).ready(function(){$.ajax({url:"/get_files3",type:"GET",success:function(response){var files=response.files;files.forEach(function(file){$("#fileList3").append("<li>"+file+"</li>");});}});});// Simulate progress bar for training data upload$("form[action='/upload']").submit(function(){var progress=$("#progress");progress.css("width","0%");var interval=setInterval(function(){var width=progress.width()/progress.parent().width()*100;if(width>=100){clearInterval(interval);}else{width+=1;progress.css("width",width+"%");}},30);setTimeout(function(){clearInterval(interval);progress.css("width","100%");alert("上传成功");},3000);});// Simulate progress bar for test samples upload$("form[action='/test']").submit(function(){var progress=$("#progress1");progress.css("width","0%");var interval=setInterval(function(){var width=progress.width()/progress.parent().width()*100;if(width>=100){clearInterval(interval);}else{width+=1;progress.css("width",width+"%");}},30);setTimeout(function(){clearInterval(interval);progress.css("width","100%");alert("上传成功");},3000);});</script></body></html