django|Django 博客 - 4 编写第一个页面-主页 django|django-博客

编写视图在blog/views.py文件里添加

from django.views.generic import ListView from blog.models import Postclass IndexView(ListView): model = Post context_object_name = 'posts' template_name = 'blog/index.html'

这里是使用的是基于类的视图，由于要主页要展示的是Post的列表，所以需要继承ListView，用model指定要使用的模型，template_name指定对应的模板文件，后面再编写，context_object_name指定模型列表在模板里的名字，默认是object_list
对应的视图函数写法是

from django.shortcuts import render from blog.models import Postdef index(request): posts = Post.objects.all() return render(request, 'blog/index.html', {'posts': posts})

编写模板文件在blog目录创建templates目录，再创建blog目录，新建一个index.html，内容如下

{% for post in posts %} {{ post.title }} {% endfor %}

通过for标签将posts遍历，将post.title显示在列表里
这样，最简单的模板就生成了
同时将当前的模板目录添加到设置里，让模板引擎找得到对应的模板文件
修改web/settings.py，将templates添加到TEMPLATES的DIRS列表里

TEMPLATES = [ { 'BACKEND': 'django.template.backends.django.DjangoTemplates', 'DIRS': [os.path.join(BASE_DIR, 'blog', 'templates')], ... }

配置url 在blog路径下创建urls.py文件，添加

from django.conf.urls import urlfrom . import viewsurlpatterns = [ url(r'^$', views.IndexView.as_view(), name='index'), ]

url函数第一个参数，是一个正则表达式，这里是'^$'，代表为空，所以访问http://127.0.0.1:8000/就是这个页面
第二个参数是一个视图函数，由于这里是使用的基于类的视图，所以需要调用as_view()来返回一个视图函数
name参数是一个命名，可以通过index这个名字来找到对应的url
由于默认的ROOT_URLCONF是'web.urls'，所以需要将blog/urls.py配置到web/urls.py里面

urlpatterns = [ ... url(r'^blog/', include('blog.urls', namespace='blog')), ]

这里url函数第一个参数是r'^blog/'，所以blog的url都自带一个前缀blog，主页的的url也变成了http://127.0.0.1:8000/blog/
namespace指定了命名空间，必须通过blog:index这个名字来找到主页，这是为了避免不同应用url冲突
如果为了http://127.0.0.1:8000/也可以访问主页，可以在web/urls.py里面添加

urlpatterns = [ ... url(r'^$', views.IndexView.as_view()) ]

【django|Django 博客 - 4 编写第一个页面-主页】配置完后，启动服务器，浏览器访问http://127.0.0.1:8000/blog/，就可以看到博客主页了，目前只是一个博客标题的列表
美化主页由于主页模板什么样式都没有，所以比较简陋。可以使用自己熟悉的UI框架进行美化，因为我什么UI框架都不熟悉，所以我使用的是UIKit 3，比较容易上手
大部分页面都是有导航栏，并且使用相同的css和js文件，因此可以编写一个基模板，其他模板继承基模板
新建基模板文件blog\templates\blog\base.html

{% block title %}Blog{% endblock %} - 锐客网 {% load static %} {% block beforehead %}{% endblock %} Blog Tag Category Achieve {% block body %}{% endblock %}

修改blog\templates\blog\index.html

{% extends 'blog/base.html' %}{% block body %} {% for post in posts %} {{ {{ post.title }} Written by {{ post.author.username }} on {{ post.created_time }}, {{ post.views }} views {{ post.excerpt }} Read more {% endfor %}