flask-admin 框架下添加menu_links 菜单

背景:

在使用flask-admin框架默认VIEW的UI进行开发时,我们更多时候需要将一些菜单排布到左边一些在右边,比如登录/登出 按钮往往在右边,其实框架提供能类似的能力。

制作:

1、看页面效果

2、查边了资料都没有找到有关这个需求的实现,最后看源码发现了思路,源码如下

3、通过阅读源码发现框架本身提供了类似能力,那怎么才能赋值到 menu_links 下,我们直接代码,首先继承MenuLink 实现一个连接

复制代码
from flask_admin.menu import MenuLink
from flask import redirect, url_for
from flask_login import current_user


class LogoutLink(MenuLink):

    def is_accessible(self):
        return current_user.is_authenticated
    
    def inaccessible_callback(self, name, **kwargs):
        return redirect(url_for('admin/login'))

4、注册上面的连接

复制代码
    def init_app(app):
        admin = Admin(
            app,  
            name=u"AI阅读管理系统",
            index_view=MyAdminIndexView(name="首页"),
            template_mode='bootstrap3'
        )

        略

        admin.add_link(LogoutLink(name='退出', url='/admin/logout'))
        
        return admin

5、通过上面的实现我们发现自定义的菜单会顺序的出现在左侧,也就是 main_menu 菜单列表下,此刻 admin.add_link(LoginLink(name='登录', url='/admin/logout'))等同与admin.add_menu_item(LogoutLink(name='登录', url='/admin/logout'))

6、怎么办呢?继续看源码,通过分析发现只要让该自定义菜单的category 为false 即可,也就是变成全局变量即可。

7、继续阅读MenuLink 的源码查找出路,哈哈原来默认是有权限的,那好办

8、修改上面自定义的 LogoutLink 类,效果如下:

复制代码
class LogoutLink(MenuLink):

    def is_category(self):
        return False

    def is_accessible(self):
        return current_user.is_authenticated
    
    def inaccessible_callback(self, name, **kwargs):
        return redirect(url_for('admin/login'))

9、至此,大工搞成

相关推荐
像风一样的男人@4 小时前
python --读取psd文件
开发语言·python·深度学习
神奇小汤圆4 小时前
Unsafe魔法类深度解析:Java底层操作的终极指南
后端
薛定谔的猫喵喵4 小时前
天然气压力能利用系统综合性评价平台:基于Python和PyQt5的AHP与模糊综合评价集成应用
开发语言·python·qt
yuluo_YX4 小时前
Reactive 编程 - Java Reactor
java·python·apache
独好紫罗兰4 小时前
对python的再认识-基于数据结构进行-a004-列表-实用事务
开发语言·数据结构·python
ZH15455891314 小时前
Flutter for OpenHarmony Python学习助手实战:模块与包管理的实现
python·学习·flutter
choke2334 小时前
[特殊字符] Python异常处理
开发语言·python
神奇小汤圆4 小时前
浅析二叉树、B树、B+树和MySQL索引底层原理
后端
文艺理科生5 小时前
Nginx 路径映射深度解析:从本地开发到生产交付的底层哲学
前端·后端·架构
千寻girling5 小时前
主管:”人家 Node 框架都用 Nest.js 了 , 你怎么还在用 Express ?“
前端·后端·面试