如何将预测模型的数据显⽰到Html页⾯上?⾮Django框架
都说懒是⼈类创造⼒的来源之⼀,此话不假。
我在搭建完神经⽹络模型后,被要求将结果输出到界⾯上 ,但是我懒得学Django(别笑我,谢谢),然后逛遍全⽹,⽤了以下纯
Html+Css+js的⽅法,实现了最简单的数据输出(就是在页⾯上单纯显⽰出结果)。如果你想做功能全的⾼级页⾯,还请学习Django……下图是我的输出页⾯:千万不要被华丽的外表所蒙骗,其实很幼稚。
简单介绍⼀下:左侧的棋盘格⾥共有400个⼩⽅格,代表着我的测试集有400个样本。1代表此样本被预测为正,0代表此样本被预测负。右侧显⽰的是模型的准确率,数据集以及模型参数。
使⽤⽅法也很简单:打开界⾯后点击按钮“显⽰结果”,棋盘格会亮起来,然后……就没了……jquery框架搭建
下⾯是主代码详解:原始代码完完全全奉献给⼤家啦!
#对预测集进⾏预测
pt = model.predict(test)
#将概率值转换为标签值
resultNp = np.argmax(pt, axis=1)
m =str(resultNp).replace(" ", "")
# 以w的模式打开file.html⽂件,不存在就新建
with open('file.html', 'w') as file:
file.write('<html><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> '
'<link href="file.css" rel="stylesheet" type="text/css"/>'
'<script type="text/javascript" src="cdnjs.cloudflare/ajax/libs/jquery/3.4.1/jquery.min.js"></script>'            '<script src="file.js"></script>'
'<style type="file.css"></style><body>')
file.write( '<button onClick = "changecolor()">显⽰结果</button>''<table>')
#下⾯是我设置的每11个⽅格换⾏⼀次,⼤家可⾃⾏设置。
file.write("<tr>")
j = 1
for i in range(0,len(m)-2,2):
a = m[i+1:i+2]
file.write("<td>"f'{a}'"</td>")
j = j + 1
if j == 12:
file.write("</tr>")
file.write("<tr>")
j = 1
file.write('</table>')
file.write('</body></html>')  # 使⽤write写⼊字符串内容到file.html
Css⽂件很好写的,就不展⽰啦!下⾯是js⽂件:只有⼀个点击功能,这⾥⼤家可以⾃⾏发挥想象。
function changecolor(){
$('table td').each(function(){
var res = $(this).text();
if(res=='1'){
$(this).css('background-color','#78c1ffa6');
}
});
}
怎么样!是不是很简单,有问题可在下⾯评论或者私信我!⼀起交流学习呀!

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。