实战篇：数据展示与报表生成
数据展示与报表生成简介
数据展示是将数据以表格、图形或其他形式展示给用户的过程。报表生成则涉及创建包含特定数据集的文档，通常用于打印或分发。
项目结构
继续使用之前讨论的Flask项目结构。
第1步：数据展示
在Flask中，数据展示通常涉及到查询数据库并将结果传递到模板。
示例：展示用户列表
@app.route('/users')
def list_users():users = User.query.all()return render_template('users.html', users=users)
templates/users.html
<table><tr><th>Username</th><th>Email</th></tr>{% for user in users %}<tr><td>{{ user.username }}</td><td>{{ user.email }}</td></tr>{% endfor %}
</table>
第2步：使用Flask-Admin
Flask-Admin是一个强大的Flask扩展，可以快速为你的应用创建管理界面。
安装Flask-Admin
pip install flask-admin
集成Flask-Admin
from flask_admin import Admin
from flask_admin.contrib.sqla import ModelViewadmin = Admin(app, name='MyApp', template_mode='bootstrap3')
admin.add_view(ModelView(User, db.session))
第3步：报表生成
对于报表生成，可以使用Flask-Report和Jinja2模板。
安装Flask-Report
pip install flask-report
创建报表
from flask_report import Reportreport = Report(app, 'report_name')@app.route('/generate_report')
def generate_report():data = {'key': 'value'}report.generate('template_name.html', data)
templates/template_name.html
<!DOCTYPE html>
<html>
<head><title>Report</title>
</head>
<body><h1>Report Data</h1><p>{{ key }}</p>
</body>
</html>
第4步：图表和可视化
使用图表库如Chart.js或Highcharts与Flask集成，实现数据的可视化。
集成Chart.js
- 在模板中引入Chart.js。
- 创建一个画布（canvas）元素。
- 使用JavaScript和AJAX请求数据并生成图表。
templates/chart.html
<canvas id="myChart" width="400" height="400"></canvas>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script>// JavaScript 代码来创建图表
</script>
第5步：导出数据
提供数据导出功能，如CSV或Excel格式。
示例：导出用户数据为CSV
import csv@app.route('/export_users')
def export_users():response = make_response(render_template('users.csv', users=User.query.all()))response.headers["Content-Disposition"] = "attachment; filename=users.csv"return response
templates/users.csv
Username,Email
{{ users|join('\n') }}
第6步：测试数据展示和报表
在tests/test_routes.py中编写测试用例来验证数据展示和报表生成。
def test_users_list(client):response = client.get('/users')assert response.status_code == 200# 检查页面中是否有用户数据
结语
在本实战篇中，我们学习了如何在Flask应用中实现数据展示和报表生成，包括使用Flask-Admin、Flask-Report和集成图表库。
)
)
