flask-admin 框架下添加menu_links 菜单

hnmpf2025-01-01 21:41

背景：

在使用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、至此，大工搞成