基于 Flask-Admin 与 AdminLTE 构建通用后台管理系统

5 篇文章 0 订阅
4 篇文章 0 订阅

Flask-Admin 是什么?

Flask-Admin 官网文档中给出了其功能定位:

Why Flask-Admin? In a world of micro-services and APIs, Flask-Admin solves the boring problem of building an admin interface on top of an existing data model. With little effort, it lets you manage your web service’s data through a user-friendly interface.

在实际使用中发现,Flask-Admin 具有如下主要特点:

  • 快速实现单表的增删改查,而无需过多考虑前端代码
  • 快速组织并展示功能菜单
  • 利用 Flask 丰富的功能插件,实现后台系统基本功能

不足之处在于:

  • 前端采用 jQuery + Bootstrap,技术相对落后
  • 系统菜单位于顶部,不符合一般的系统菜单布局
  • 需要自行集成登陆、用户角色、用户账户管理等功能

如果可以解决前端展示问题,优化为更常见的管理系统界面,并充分利用 Flask-Admin的快速开发、快速组织菜单的优势,我们就可以实现一个可快速构建的后台管理系统。幸好,我们有 adminLTE。

AdminLTE 是什么?

AdminLTE 是一个完全响应的管理系统模板。

主要特点:

  • 界面美观
  • 包含丰富的组件、模版
  • 自适应多种屏幕,兼容PC和移动端
  • 可用于快速搭建响应式的HTML5网站

AdminLTE 2.0版本同样基于 jQuery + Bootstrap(3.0 版本已支持Vue、ReactJS 等主流JS框架),这让结合 Flask-Admin 与 AdminLTE 成为可能。

一个结合后的系统示例

通过结合 Flask-Admin 与 AdminLTE,现在可以在 Python 世界中构建出一个通用的后台管理系统,并且很方便地引入 Flask 插件、AdminLTE的前端框架组件,及整合基于 Python 的第三方库或工具。

基于如上理念,现在构建并开源了 Admin-Express 后台管理系统
系统截图

主要组件

除以上框架外,该系统还集成了如下组件。

Flask 相关插件:

  • Flask-SQLAlchemy,适配 Flask应用的ORM框架,即SQLAlchemy。
  • Flask-Migrate,支持命令行方式进行数据库自动升降级迁移的Flask扩展工具。
  • Flask-Login,快速实现用户登陆及session管理功能的Flask插件。
  • flask-restx,快速开发RESTful接口的Flask插件。

图表功能:

  • Pyecharts,整合echarts.js 图表功能的 Python可视化工具,可与 Flask进行集成。

遗留问题

1、复杂页面仍然是一个不小的挑战。

Flask-Admin的单表增删改查模式比较固定,如果希望调整页面布局,需要深入了解 jinja 模版语言及Flask-Admin的源码。并且,对于复杂页面,需要进行更多的嵌套和开发,这实际上会产生更高的学习和开发成本。

2、只适用于 非前后端分离 的场景

如果是前后端分离的情况,建议直接采用 AdminLTE 3.0以上版本,并通过 api方式调用后台 Flask服务。但在这种情况下,开发代码量可能比较高,建议重新考虑通用后台管理系统的整体架构和框架选型。

最后,任何工具都只能解决一个细分领域的问题,都有其局限性。打磨完善的前提是“用”。

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Pierre_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值