Django 4.0文档学习(四)

上篇文章 Django 4.0文档学习(四)

编写你的第一个 Django 应用,第 6 部分

自定义应用的界面和风格

首先,在你的 polls 目录下创建一个名为 static 的目录。Django 将在该目录下查找静态文件,这种方式和 Diango 在 polls/templates/ 目录下查找 template 的方式类似。
polls/static/polls/style.css

li a {
    
    
    color: green;
}

polls/templates/polls/index.html
添加

{% load static %}
<link rel="stylesheet" type="text/css" href="{% static 'polls/style.css' %}">

样式修改成功
在这里插入图片描述
添加一个背景图
在 polls/static/polls 目录下创建一个名为 images 的子目录。在这个目录中,放一张名为 background.jpg 的图片。
polls/static/polls/style.css
添加

body{
    
    
    background:white url("images/background.jpg")
}

背景图片随便找的,不是很搭配,这不重要,学会怎样设置样式就行。
在这里插入图片描述

编写你的第一个 Django 应用,第 7 部分

自定义后台表单

修改前:
在这里插入图片描述
polls/admin.py

from django.contrib import admin
from .models import Question
class QuestionAdmin(admin.ModelAdmin):
    fields=['pub_date','question_text']
admin.site.register(Question,QuestionAdmin)

日期和问题的顺序发生了改变
在这里插入图片描述
将表单分为几个字段集:
polls/admin.py

from django.contrib import admin
from .models import Question
class QuestionAdmin(admin.ModelAdmin):
    fieldsets=[
        (None,{
    
    'fields':['question_text']}),
        ('Date information',{
    
    'fields':['pub_date']}),
    ]
admin.site.register(Question,QuestionAdmin)

在这里插入图片描述
添加关联的对象
现在我们有了投票的后台页。不过,一个 Question 有多个 Choice,但后台页却没有显示多个选项。
polls/admin.py

from django.contrib import admin
from .models import Question,Choice
class ChoiceInline(admin.StackedInline):
    model=Choice
    extra=3
class QuestionAdmin(admin.ModelAdmin):
    fieldsets=[
        (None,{
    
    'fields':['question_text']}),
        ('Date information',{
    
    'fields':['pub_date'],'classes':['collapse']}),
    ]
    inlines=[ChoiceInline]
admin.site.register(Question,QuestionAdmin)

这段代码告诉 Django:“Choice 对象要在 Question 后台页面编辑。默认提供 3 个足够的选项字段。”
加载“添加投票”页面来看看它是什么样子:
在这里插入图片描述
有三个关联的选项插槽——由 extra 定义,且每次你返回任意已创建的对象的“修改”页面时,你会见到三个新的插槽。
如果你想移除已有的插槽,可以点击插槽右上角的X。
在这里插入图片描述
不过,仍然有点小问题。它占据了大量的屏幕区域来显示所有关联的 Choice 对象的字段。对于这个问题,Django 提供了一种表格式的单行显示关联对象的方法。要使用它,只需按如下形式修改 ChoiceInline 申明:
polls/admin.py

class ChoiceInline(admin.TabularInline):

在这里插入图片描述

自定义后台更改列表

默认情况下,Django 显示每个对象的 str() 返回的值。但有时如果我们能够显示单个字段,它会更有帮助。
polls/admin.py

from django.contrib import admin
from .models import Question,Choice
class ChoiceInline(admin.TabularInline):
    model=Choice
    extra=3
class QuestionAdmin(admin.ModelAdmin):
    fieldsets=[
        (None,{
    
    'fields':['question_text']}),
        ('Date information',{
    
    'fields':['pub_date'],'classes':['collapse']}),
    ]
    inlines=[ChoiceInline]
    list_display=('question_text','pub_date','was_published_recently')
admin.site.register(Question,QuestionAdmin)

在这里插入图片描述
现在可以点击列标题来对这些行进行排序——除了 was_published_recently 这个列
polls/models.py

import datetime
from django.contrib import admin
from django.db import models
from django.utils import timezone

class Question(models.Model):
    question_text = models.CharField(max_length=200)#CharField字符字段
    pub_date=models.DateTimeField('date published')#DateTimeField日期时间字段
    def __str__(self):
        return self.question_text
    @admin.display(
        boolean=True,
        ordering='pub_date',
        description='Published recently?'
    )
    def was_published_recently(self):
        now=timezone.now()
        return now - datetime.timedelta(days=1) <= self.pub_date <= now
class Choice(models.Model):
    question=models.ForeignKey(Question,on_delete=models.CASCADE)
    choice_text=models.CharField(max_length=200)
    votes=models.IntegerField(default=0)
    def __str__(self):
        return self.choice_text

在这里插入图片描述
再次编辑文件 polls/admin.py,优化 Question 变更页

class QuestionAdmin(admin.ModelAdmin):
添加
list_filter=['pub_date']

在这里插入图片描述
再扩充些功能

像上面一样添加
search_fields=['question_text']

在这里插入图片描述

自定义后台界面和风格

自定义你的工程的模板
在你的工程目录(指包含 manage.py 的那个文件夹)内创建一个名为 templates 的目录。
mysite/settings.py

TEMPLATES = [
    {
    
    
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [BASE_DIR/'templates'],
        'APP_DIRS': True,
        'OPTIONS': {
    
    
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

在 templates 目录内创建名为 admin 的目录,将存放 Django 默认模板的目录(D:\Program Files\JetBrains\PyCharm\vens\Django官方文档学习\Lib\site-packages\django\contrib\admin\templates\admin)这是我的目录,你们可以找找自己的,就是虚拟环境或环境中放pip包的那种目录。如果找不到尝试运行

python -c "import django; print(django.__path__)"

复制模板文件 base_site.html到刚刚在项目中创建的目录。
在这里插入图片描述
用你网页站点的名字编辑替换文件内的 { { site_header|default:_('Django administration') }} (包含大括号)
修改内容为

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

{% block title %}{% if subtitle %}{
   
   { subtitle }} | {% endif %}{
   
   { title }} | {
   
   { site_title|default:_('Django site admin') }}{% endblock %}

{% block branding %}
<h1 id="site-name"><a href="{% url 'admin:index' %}">Polls Administration</a></h1>
{% endblock %}

{% block nav-global %}{% endblock %}

自定义后台主页

默认情况下,它展示了所有配置在 INSTALLED_APPS 中,已通过后台应用注册,按拼音排序的应用。你可能想对这个页面的布局做重大的修改。毕竟,索引页是后台的重要页面,它应该便于使用。

需要自定义的模板是 admin/index.html。(像上一节修改 admin/base_site.html 那样修改此文件——从默认目录中拷贝此文件至自定义模板目录)。打开此文件,你将看到它使用了一个叫做 app_list 的模板变量。这个变量包含了每个安装的 Django 应用。你可以用任何你期望的硬编码链接(链接至特定对象的管理页)替代使用这个变量。

初学者教程到这就结束了。

猜你喜欢

转载自blog.csdn.net/weixin_46322367/article/details/129800857