我现在正在开发基于flask的网站,我想使用bootstrap-table加载data.json。但我只得到没有数据的表。
目录结构显示如下:
index.py
templates/
new.html
data.json
data1.json
static/
css/
bootstrap-table.css
bootstrap-theme.css
bootstrap-theme.min.css
bootstrap.css.map
base.css
bootstrap-table.min.css
bootstrap-theme.css.map
bootstrap.css
bootstrap.min.css
js/
bootstrap-table.js
bootstrap.js
bower_components/
jquery.min.js
bootstrap-table.min.js
bootstrap.min.js
index.js
npm.js
并且index.py看起来像这样:
62 @app.route("/")
63 def new():
64 return render_template('new.html')
新的.html'看起来像这样:
<!doctype html>
{% extends 'base.html' %}
{% block title %}Config{% endblock %}
{% block head %}
{{ super() }}
<!--<script type="text/javascript" src='../static/js/index.js'></script> -->
{% endblock %}
{% block header %}
<p class="title">test</p>
{% endblock %}
{% block content %}
<table data-toggle="table" data-url="data1.json" data-cache="false" data-height="299">
<thead>
<tr>
<th data-field="id">Item ID</th>
<th data-field="name">Item Name</th>
<th data-field="price">Item Price</th>
</tr>
</thead>
</table>
{% endblock %}
我已经链接了base.html中所需的所有css和js文件
但是当index.py运行时,我得到了如下页面。它只显示表格,但没有数据
有没有人遇到过这个问题?
答案 0 :(得分:0)
首先,就Flask而言,确保json文件位于静态文件夹中。它是如此微不足道,以至于我多次尝试弄清楚它。
然后,确保包含json数组的json文件的格式正确。