在Flask中使用bootstrap-table时“找不到匹配的记录”

时间:2014-11-12 03:19:51

标签: python html json twitter-bootstrap flask

我现在正在开发基于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运行时,我得到了如下页面。它只显示表格,但没有数据

enter image description here

有没有人遇到过这个问题?

1 个答案:

答案 0 :(得分:0)

首先,就Flask而言,确保json文件位于静态文件夹中。它是如此微不足道,以至于我多次尝试弄清楚它。

然后,确保包含json数组的json文件的格式正确。

FYR Bootstrap table showing JSON data