如何自定义 flask-admin 以将其添加到 sb-admin 主题应用程序

Question

我有一个现有的应用程序，我也想添加 flask-admin 并在管理界面中保留相同的外观。理想情况下，我会让管理界面保留我正在使用的 bootstrap4 主题 (sb-admin-2) 的侧边菜单。但是，我不知道该怎么做。

我至少想把页面格式化得更好一点，所以查看 flask-admin 文档有这样一句话：

Customize the look by specifying a Bootswatch theme that suits your needs (see http://bootswatch.com/3/ for available swatches).

但没有关于如何执行此操作的信息。有人能给我指出正确的方向，将管理页面嵌入我当前的应用程序（最好），这只是一个 bootstrap4 主题，或者从 bootswatch 添加一些其他自定义主题吗？

我尝试在 templates/admin 中创建一个 html 文件来覆盖 master.html 但没有效果：

{% extends admin_base_template %}

{% block head_css %}
  {{ super() }}
  <link rel="stylesheet" href="{{ url_for('static', filename='css/sb-admin-2.css') }}">
{% endblock %}

Answer 1

要使用 Bootswatch 主题，请执行以下操作：

在您的配置文件中设置以下内容：

// Fluid layout True or False
FLASK_ADMIN_FLUID_LAYOUT = True
// Set the theme name
FLASK_ADMIN_SWATCH = 'flatly'

在您的静态文件夹中创建以下目录结构，注意主题名称的使用方式，在本例中为 'flatly' 主题：

bootstrap/bootstrap4/swatch/flatly/bootstrap.min.css

对于Bootstrap3，使用以下目录结构：

bootstrap/bootstrap3/swatch/flatly/bootstrap.min.css

如何自定义 flask-admin 以将其添加到 sb-admin 主题应用程序

How can I customise flask-admin to add it to a sb-admin themed app

flask-admin

bootstrap-4