flask-admin学习笔记

搭建Flask Admin Web应用

原创

已于 2022-12-18 19:41:29 修改 · 1.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#flask #学习 #python

于 2022-12-05 21:40:55 首次发布

本文介绍如何使用Flask Admin快速搭建具备即时更新、搜索及表格导出等功能的Web应用程序，涵盖安装步骤与运行示例。

近期在工作中需要维护若干个信息表，在这个过程中需要经常对表格进行操作、交叉操作、各个表格同步，和某平台信息同步。。。在此过程中需要建立一个“隐性”的流程，要第一步同步A和B，再同步B和C，。。。而检索更是痛苦，更夸张的是，有时候需要根据不同的需求，将表格的某一些部分拷贝出来。。。

这可能是一个数据库（甚至是数据系统）的操作，不可否认可以通过其它N个方案实现，但是为了满足笔者这种web前后端菜鸟学习的欲望，还是发现了这个小小的项目，在里面找到一个相对比较简单和功能丰富的示例完成这个需求。

需求：

基本操作：要即时更新，删除，增加，修改记录；
要可以对表格进行任意搜索；
通过根据选择导出表格为Excel；
几个表格之间能够实现联结搜索；
可以将原来表格中的信息导入到web数据库表中；
导出按钮优化
如何调整列的宽度；

安装

该项目来自https://github.com/flask-admin/flask-admin.git。

首先下载该项目：

git clone https://github.com/flask-admin/flask-admin.git
cd flask-admin

然后在VS Code里打开下载到的项目目录，接下来需要创建一个虚拟环境。笔者现在用的是Python3.11版本，创建虚拟环境用的是venv命令。在VS Code里打开终端—新建终端，输入以下命令，表示在当前项目下(flask-admin)创建一个名为flask_admin_venu的虚拟环境。

python -m venv .\flask_admin_venu

接下来激活这个虚拟环境。

 .\flask_admin_venu\Scripts\activate

这时候你的目录前面会出现。

(flask_admin_venu) PS E:....

在这里插入图片描述
这样可以在这个虚拟环境下，安装该项目必须的一些包。在这里为了实现这个需求，选择的是examples\custom-layout目录下的这个子项目。首先安装这个项目需要的一些必须安装包。

cd .\examples\custom-layout\
pip install -r .\requirements.txt

然后是经过1，2分钟的安装过程，一堆的package会补充安装到虚拟环境里。

Collecting Flask
  Downloading Flask-2.2.2-py3-none-any.whl (101 kB)
     ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 101.5/101.5 kB 729.9 kB/s eta 0:00:00
Collecting Flask-Admin
  Downloading Flask-Admin-1.6.0.tar.gz (6.6 MB)
     ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 6.6/6.6 MB 5.6 MB/s eta 0:00:00
  Preparing metadata (setup.py) ... done
Collecting Flask-SQLAlchemy
  Downloading Flask_SQLAlchemy-3.0.2-py3-none-any.whl (24 kB