Modular Admin HTML 模板使用注意事项

环境信息

• Django 4.4
• Modular Admin v1.4.0

常见错误

because its MIME type (‘text/html’) is not a supported stylesheet MIME type

使用 Django 模板语法加载 index.html 中的静态文件后，有个 app.css 文件请求 404，Console 中报错： because its MIME type ('text/html') is not a supported stylesheet MIME type

问题原因 在 Modular Admin 代码中搜索 app.css，除了 index.html 引用了此文件，js/app.js 也引用了此文件。在 Django 中使用次模板，需要修改此处的路径正确。

常用修改事项说明

菜单项的展开标签

要在页面中让菜单处于展开状态，需要给菜单应用 active open 的 class

<li>
    <a href="">
        <i class="fa fa-area-chart"></i> Charts <i class="fa arrow"></i>
    </a>
    <ul class="sidebar-nav">
        <li>
            <a href="charts-flot.html"> Flot Charts </a>
        </li>
        <li>
            <a href="charts-morris.html"> Morris Charts </a>
        </li>
    </ul>
</li>
<li class="active open">
    <a href="">
        <i class="fa fa-table"></i> Tables <i class="fa arrow"></i>
    </a>
    <ul class="sidebar-nav">
        <li class="active">
            <a href="static-tables.html"> Static Tables </a>
        </li>
        <li>
            <a href="responsive-tables.html"> Responsive Tables </a>
        </li>
    </ul>
</li>
<li>
    <a href="forms.html">
        <i class="fa fa-pencil-square-o"></i> Forms </a>
</li>