实战Flask+BootstrapTable最简动态表头及数据(ajax方法)

from flask import Flask, render_template, request, jsonify
import json
import random
 
app = Flask(__name__, static_folder='static', template_folder='templates')
 
# 模拟数据库
data = {
    'rows': [{'id': i, 'name': 'Name ' + str(i), 'price': random.randrange(1, 101)} for i in range(1, 10)]
}
 
@app.route('/')
def index():
    return render_template('index.html')
 
@app.route('/getdata', methods=['POST'])
def get_data():
    # 获取请求参数
    iDisplayLength = request.form.get('iDisplayLength', 10)
    iDisplayStart = request.form.get('iDisplayStart', 0)
    sSearch = request.form.get('sSearch', '')
 
    # 过滤和搜索
    filtered_data = [row for row in data['rows'] if sSearch in row['name']]
 
    # 分页
    page_data = filtered_data[int(iDisplayStart):int(iDisplayStart) + int(iDisplayLength)]
 
    # 构造返回的JSON数据
    response_data = {
        'iTotalRecords': len(filtered_data),
        'iTotalDisplayRecords': len(filtered_data),
        'aaData': page_data
    }
 
    return jsonify(response_data)
 
if __name__ == '__main__':
    app.run(debug=True)

这段代码实现了一个简单的Flask服务器，它使用Bootstrap Table的AJAX方法来获取数据。服务器端使用Flask路由处理AJAX请求，并返回JSON格式的数据。在实际应用中，数据源可以是数据库或其他API。这个例子主要用于演示如何与前端交互，并且模拟了分页和搜索功能。