Quantcast
Channel: Simple DataTables flask - Stack Overflow
Viewing all articles
Browse latest Browse all 3

Simple DataTables flask

$
0
0

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?


Viewing all articles
Browse latest Browse all 3

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>