后台管理站点 -- 1.模板抽取以及后台首页实现

1. 获取静态站点模版

  • 可以使用git clone到本地

    git clone https://github.com/almasaeed2010/AdminLTE.git
    
  • 也可以在github中将其下载到本地,点击

2. 使用需要的组件

  • 源文件非常大,按需所取即可。
  • 创建templates/admin/base文件夹,将下载的文件夹中starter.html页面复制粘贴,放到base文件夹中,修改名字为base.html
  • 将不需要的组件删除
  • 创建static/js/admin/base文件夹、static/css/admin/base文件夹和static/css/admin/fonts文件夹,将需要的js、css、font文件从下载的源文件夹中分别复制粘贴,放到对应的项目静态文件夹内
  • 创建static/images/admin/base文件夹,将用户图像文件放置其中

3. 模版抽

  • base.html




  
  
  
    {% block title %}

    {% endblock %}
  
  
  
  
  
  
  
  
  
  
  
  

  



  
  
  

  
  



{% block content_header %} {% endblock %} {% block header_option_desc %} {% endblock %}

{% block content %} {% endblock %}
Copyright © 2019 Company. All rights reserved.
{% block script %} {% endblock %}


{% extends 'admin/base/base.html' %}


{% block title %}
  首页
{% endblock %}

{% block content_header %}
  {{ user.username }}
{% endblock %}

{% block header_option_desc %}
  py
{% endblock %}

{% block content %}
  python爱好者,django后端工程师
{% endblock %}


# views.py
from django.shortcuts import render
from django.views import View

from users.models import Users

# 后台管理首页
class AdminIndexView(View):
    def get(self,request):

        user = request.user
        if user:
            user = Users.objects.only('id','username').filter(username=user).first()

        return render(request, 'admin/index/index.html', locals())
# urls.py
from django.urls import path
from . import views

app_name='admin'

urlpatterns = [
    path('index/', views.AdminIndexView.as_view(), name='admin_index')
]
  • 展示


    image.png

你可能感兴趣的:(后台管理站点 -- 1.模板抽取以及后台首页实现)