2014-11-12 2 views
0

Я сейчас разрабатываю веб-сайт на основе фляги, и я хочу загрузить data.json с помощью загрузочной таблицы. Но я получил таблицу без данных.«Не найдено совпадающих записей» при использовании загрузочной таблицы в Flask

структура

папка, показывает, как показано ниже:

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 %} 

, и я связываю все файлы css и js, необходимые в base.html

Но когда index.py запущен, я получил страницу, как показано ниже. Он отображает только таблицы, но без данных

enter image description here

Кто-нибудь встречался с этой проблемой?

+0

Можете ли вы показать нам код, используемый для загрузки данных? – dazedconfused

+0

@dazedconfused В соответствии с примером в [bootstrap-table] (http://wenzhixin.net.cn/p/bootstrap-table/docs/examples.html), я думаю, что данные могут быть загружены при настройке 'data- url = data1.json 'в html. Это неверно? –

+0

Кажется, это правильно; как выглядит ваш 'data1.json'? Он содержит 'id',' name' и 'price' в качестве полей? Кроме того, я обнаружил, что вы не включали 'jquery',' bootstrap' и 'bootstrap-table' в свой' new.html'; см. [Использование] (http://wenzhixin.net.cn/p/bootstrap-table/docs/getting-started.html#usage) – dazedconfused

ответ

0

Прежде всего, с точки зрения Flask, убедитесь, что файл json находится в статической папке. Это так тривиально, что я много раз пытался это понять.

Затем убедитесь, что формат вашего json-файла, который содержит json-массив, является правильным.

FYR Bootstrap table showing JSON data

Смежные вопросы