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

<!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;}</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-bar"><div id="progress"></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>");});}});});$("form").submit(function(e){e.preventDefault();var formData=new FormData($("this")[0]);var progressBar=$(this).find("#progress");var progress=0;var interval=setInterval(function(){progress+=10;progressBar.css("width",progress+"%");if(progress>=100){clearInterval(interval);}},300);$.ajax({url:$(this).attr("action"),type:$(this).attr("method"),data:formData,processData:false,contentType:false,success:function(response){clearInterval(interval);progressBar.css("width","100%");progressBar.text("上传完成");}});});</script></body></html>