Flask 电炉生产状况评分系统 | 前后端代码示例及后台运行方法 - 常规

<h2>Flask 电炉生产状况评分系统示例</h2>
<p>本示例展示了使用 Flask 框架构建的简单电炉生产状况评分系统，包含前端页面和后端代码。</p>
<h3>1. app.py 文件pythonfrom flask import Flask, render_template, jsonifyimport utils01</h3>
<p>app = Flask(<strong>name</strong>, template_folder='templates')</p>
<p>@app.route('/')def hello_world():    return render_template('index.html')</p>
<p>@app.route('/echart11', methods=['get', 'post'])def radar_data01():    res = utils01.radar_data01()    return jsonify({'data': res})</p>
<p>if <strong>name</strong> == '<strong>main</strong>':    app.run(host='10.92.2.124', port=7009, debug=True)</p>
<h3>2. index.html 文件html<!DOCTYPE html><html><head><meta charset='utf-8'><title>电炉生产状况评分</title><link rel='stylesheet' href='../static/css/comon0.css'><script type='text/javascript' src='../static/scripts/jquery.js'></script><script type='text/javascript' src='../static/scripts/jquery.limarquee.js'></script><script type='text/javascript' src='../static/scripts/jquery.cxselect.min.js'></script><script type='text/javascript' src='../static/scripts/bootstrap.min.js'></script><script type='text/javascript' src='../static/scripts/common.js'></script><script type='text/javascript' src='../static/scripts/echarts.js'></script><script type='text/javascript' src='../static/scripts/echarts-wordcloud.min.js'></script><script type='text/javascript' src='../static/scripts/jquery.min.js'></script></head><script>$(window).load(function () {    $('.loading').fadeOut()})$(document).ready(function () {    var whei = $(window).width()    $('html').css({ fontSize: whei / 20 })    $(window).resize(function () {        var whei = $(window).width()        $('html').css({ fontSize: whei / 20 })    });});</script><body><div class='canvas' style='opacity: .2'><iframe frameborder='0' src='../static/scripts/index.html' style='width: 100%; height: 100%'></iframe></div><div class='loading'><div class='loadbox'><img src='../static/picture/loading.gif'> 页面加载中...</div></div><div class='head'><h1>电炉生产状况评分</h1><div class='mainbox'><ul class='clearfix'><li style='width:58%'><div class='boxall' style='height: 718px'><div class='alltitle'>能效评估</div><div class='sy' id='echart11' style='height: 300px; width: 24.81%;'></div><div class='boxfoot'></div></div></li></ul></div><div class='back'></div><script language='JavaScript' src='../static/scripts/js.js'></script><script type='text/javascript' src='../static/scripts/jquery.limarquee.js'></script><script type='text/javascript' src='../static/scripts/jquery.cxselect.min.js'></script><script type='text/javascript' src='../static/scripts/jquery.js'></script><script type='text/javascript' src='../static/scripts/common.js'></script><script src='../static/scripts/controller.js'></script></body></html></h3>
<h3>3. Controller.js 文件javascriptfunction radar_data01() {    $.ajax({        url: '/echart11',        success: function (data) {            echart11_option.series[0].data[0] = data.data;            echart11.setOption(echart11_option)        },        error: function (xhr, type, errorThrown) {        }    })}radar_data01();setInterval(radar_data01, 1000 * 600);</h3>
<h3>4. Utils01.py 文件pythonimport pymysql.cursorsimport requestsimport timeimport warningswarnings.filterwarnings('ignore')# coding=utf-8...if <strong>name</strong> == '<strong>main</strong>':    pa</h3>