Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/python/366.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用DataTable和Flask从postgresql呈现表_Javascript_Python_Jquery_Postgresql_Flask - Fatal编程技术网

Javascript 使用DataTable和Flask从postgresql呈现表

Javascript 使用DataTable和Flask从postgresql呈现表,javascript,python,jquery,postgresql,flask,Javascript,Python,Jquery,Postgresql,Flask,我需要在网页中显示PGsql中的表,我正在使用jQuery DataTables进行此配置() 我创建了一个python类app.py,从我的表“srccommerialedata”中创建属性: app = Flask(__name__) app.config['SQLALCHEMY_DATABASE_URI'] = 'postgresql+psycopg2://' +.... class srccommercialedata(db.Model): id_technique = db

我需要在网页中显示PGsql中的表,我正在使用jQuery DataTables进行此配置()

我创建了一个python类
app.py
,从我的表“
srccommerialedata
”中创建属性:

app = Flask(__name__)
app.config['SQLALCHEMY_DATABASE_URI'] = 'postgresql+psycopg2://' +....

class srccommercialedata(db.Model):

   id_technique =  db.Column(db.Integer,primary_key = True)
   tit_nom_rso = db.Column(db.Text) 
   tit_nom_usage =  db.Column(db.Text) # Float



   def __init__(self,id_technique,tit_nom_rso,tit_nom_usage):
       self.id_technique = id_technique
       self.tit_nom_rso = tit_nom_rso
       self.tit_nom_usage = tit_nom_usage        


@app.route('/')
def home() :
rows = srccommercialedata.query.all()
return render_template('home.html', rows=rows)

if __name__ == "__main__" :
    app.run()
这是我的
home.html
code:

<table id="example" class="display nowrap" style="width:100%">
    <thead>
      <tr class='header'>
        <th> id_technique </th>          
        <th>tit_nom_rso </th>
        <th>tit_nom_usage </th>

      </tr>
    </thead>

    <tbody>
      {% for row in rows %}
      <tr>
        <td>{{row.id_technique }}<td>
        <td>{{row.tit_nom_rso }}</td>
        <td>{{row.tit_nom_usage }}</td>


      </tr>

      {% endfor %}

    </tbody>

</table>

<script>
(document).ready(function() {
$('#example').DataTable( {
    serverSide: true,
    ordering: false,
    searching: false,
    ajax: function ( data, callback, settings ) {

        setTimeout( function () {
            callback( {
                recordsTotal: 5000000,
                recordsFiltered: 5000000
            } );
        }, 50 );
    },
    scrollY: 200,
    scroller: {
        loadingIndicator: true
    },
} );
} );

</script>
</body>
</html>

id_技术
tit_nom_rso
tit_nom_用法
{第%行中的第%行}
{{row.id_technology}
{{row.tit_nom_rso}
{{row.tit_nom_usage}
{%endfor%}
(文档).就绪(函数(){
$('#示例')。数据表({
服务器端:是的,
订购:错,
搜索:假,
ajax:函数(数据、回调、设置){
setTimeout(函数(){
回拨({
记录总数:5000000,
过滤记录:5000000
} );
}, 50 );
},
卷轴:200,
滚动条:{
加载指示器:true
},
} );
} );
我的表不是作为示例呈现的,而是作为HMTL中的简单文本呈现的,如何修改代码以获得正确的结果来显示数据


谢谢您

浏览器中的开发工具控制台有任何线索吗?