Django blog项目《十五》：后台admin模板抽取

最新推荐文章于 2024-05-12 19:55:53 发布

山河长不高吖

最新推荐文章于 2024-05-12 19:55:53 发布

阅读量474

点赞数

分类专栏： Django 框架

本文链接：https://blog.csdn.net/hl120841/article/details/104853268

版权

项目的前台功能大体框架已经实现，差一些优化和更多功能中的添加了。现在需要将后台站点的功能实现。

django后台admin站点有自带的，这里采用自己实现。

模板在GitHub的AdminLTE上进行下载后进行自己的二次开发。

使用starter.html作为后台模板基类。

1.基类模板抽取

admin/base/base.html

css 和 js文件链接，图标使用阿里云矢量图标。没有使用自带的font Awesome图标。

{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="x-ua-compatible" content="ie=edge">

    <title>{% block title %}基类模板{% endblock %}</title>

    <link rel="stylesheet" href="{% static 'css/admin/base/all.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/admin/base/adminlte.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/admin/base/adminlte.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/admin/base/sweetalert.css' %}">
    <link rel="stylesheet" href="{% static 'css/admin/base/self.css' %}">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_1491329_kva4j3zc4ug.css">
    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">
    {% block css %}
    {% endblock %}
</head>
<body class="hold-transition sidebar-mini">
<div class="wrapper">
    <nav class="main-header navbar navbar-expand navbar-white navbar-light">
        <ul class="navbar-nav ml-auto">

            {% block user_info %}
                <li class="nav-item dropdown">
                    <a class="nav-link" data-toggle="dropdown" href="#">
                        <span>xxxx</span>
                        <i class="far fa-user"></i>
                    </a>
                    <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
                        <a href="#" class="dropdown-item">
                            <a href="">后台管理</a>
                            <a class="float-right text-muted text-sm">退出登录</a>
                        </a>
                    </div>
                </li>
            {% endblock %}

        </ul>
    </nav>
    <aside class="main-sidebar sidebar-dark-primary elevation-4">
        <a href="#" class="brand-link">
            <img src="{% static 'images/avatar.jpeg' %}" alt="AdminLTE Logo" class="brand-image img-circle elevation-3"
                 style="opacity: .8">
            <span class="brand-text font-weight-light">后台管理</span>
        </a>

        <!-- 左边菜单 -->
        <div class="sidebar

最低0.47元/天解锁文章

山河长不高吖

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Django blog项目《十五》：后台admin模板抽取

项目的前台功能大体框架已经实现，差一些优化和更多功能中的添加了。现在需要将后台站点的功能实现。django后台admin站点有自带的，这里采用自己实现。模板在GitHub的AdminLTE上进行下载后进行自己的二次开发。使用starter.html作为后台模板基类。1.基类模板抽取admin/base/base.htmlcss 和 js文件链接，图标使用阿里云矢量图标。没有使用自...
复制链接

扫一扫

专栏目录