Javascript 使用DataTable和Flask从postgresql呈现表
我需要在网页中显示PGsql中的表,我正在使用jQuery DataTables进行此配置() 我创建了一个python类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
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中的简单文本呈现的,如何修改代码以获得正确的结果来显示数据
谢谢您浏览器中的开发工具控制台有任何线索吗?