I have no experience in web development, and I would like to add data for a table of specified fields with flask, this is my app
from flask import *from flask import jsonifyapp = Flask(__name__)@app.route('/page_test') def page_test(): meas = {"MeanCurrent": 0.05933, "Temperature": 15.095, "YawAngle": 0.0, "MeanVoltage": 0.67367, "VoltageDC": 3.18309, "PowerSec": 0.06923, "FurlingAngle": -0.2266828184, "WindSpeed": 1.884, "VapourPressure": 1649.25948, "Humidity": 0.4266, "WindSector": 0, "AirDensity": 1.23051, "BarPressure": 1020.259, "time": "2015-04-22 20:58:28", "RPM": 0.0, "ID": 1357} return jsonify(meas)if __name__ == "__main__": app.run(debug=True)
and this is my html (templates/view.html)
<script type="text/javascript" charset="utf8" src="https://code.jquery.com/jquery-1.12.4.js"></script><script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script><script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/buttons/1.5.1/js/dataTables.buttons.min.js"></script><script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/select/1.2.5/js/dataTables.select.min.js"></script><script type="text/javascript" charset="utf8" src="https://editor.datatables.net/extensions/Editor/js/dataTables.editor.min.js"></script><table id="myTable" class="table table-striped" style="width:100%"><thead><tr><th>Time</th><th>Mean Current</th><th>Vapour Pressure</th><th>Mean Voltage</th><th>Temperature</th><th>Humidity</th><th>Bar Pressure</th><th>RPM</th><th>Wind Sector</th><th>Wind Speed</th><th>Air Density</th><th>DC Voltage</th> <th>Power Sector</th><th>Furling Angle</th><th>Yaw angle</th> </tr></thead> </table> <script>$(document).ready(function() { $('#myTable').DataTable( {"processing": true,"ajax": "/page_test", // add column definitions to map your json to the table "columns": [ {data: "time"}, {data: "MeanCurrent"}, {data: "VapourPressure"}, {data: "MeanVoltage"}, {data: "Temperature"}, {data: "Humidity"}, {data: "BarPressure"}, {data: "RPM"}, {data: "WindSector"}, {data: "AirDensity"}, {data: "VoltageDC"}, {data: "PowerSec"}, {data: "FurlingAngle"}, {data: "YawAngle"} ] } );});</script>
accessing the url http://127.0.0.1:5000/page_test only have the json file is displayed.
How can I make the script read the data and display the table?