Django学习(七)-页面的自定义

接上一篇

对后台页面的个性设计

1.对应用界面风格的设置

polls 目录下创建一个名为 static 的目录。Django 将在该目录下查找静态文件,这种方式和 Diango 在 polls/templates/ 目录下查找 template 的方式类似。
css文件就放在 polls/static/polls/style.css
创建好css文件后 去到polls/templates/polls/index.html 的文件头添加以下内容,就可以引用该css文件了

<!--{% static %} 模板标签会生成静态文件的绝对路径。-->
{% load static %}

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

简单的css

li a {
    color: green;
}
body {
    background: white url("images/富士山.jpg") no-repeat;
}

2.自定义后台表单

实现后台表单的自定义需要的文件是应用目录下的admin.py,即这的polls/admin.py

from django.contrib import admin

from .models import Choice, Question


class ChoiceInline(admin.TabularInline):
    model = Choice
    extra = 2


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')
    list_filter = ['pub_date']
    search_fields = ['question_text']


admin.site.register(Question, QuestionAdmin)

3.自定义项目模板

在项目文件夹下(即有manage的那个文件夹)创建一个templates文件夹

将存放 Django 默认模板的目录(django/contrib/admin/templates)内的模板文件 admin/base_site.html 复制到这个目录内
然后做自定义修改

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

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

{% block branding %}
<h1 id="site-name"><a href="{% url 'admin:index' %}">zac`s Django test</a></h1>
{% endblock %}

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

看看最终效果

Django初入门结束,官方文档还有更详细的关于每一个细节的补充。非常推荐

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值