Django开发--step3 博客视图

django作为web开发框架，接收浏览器发来的http请求，返回响应的http响应

一、绑定URL与视图函数

在django中，当用户访问不同的网址时，Django把不同的网址对应的处理函数写在一个urls.py文件中，当用户访问某个网址时，django就会去这个文件中找，如果找到这个网址，就会调用和它绑在一起的处理函数（叫做视图函数）

具体做法：

在blogapp下创建一个urls.py文件，与blog下的urls.py不同


from django.conf.urls import url  # 导入url函数

from . import views   # 引入视图函数

urlpatterns = [
    url(r'^$', views.index, name='index'),  # 参数：网址 视图函数名 视图函数的别名
]

在views中编写视图函数

from django.http import HttpResponse

def index(request):
    return HttpResponse("欢迎访问我的博客首页！")

它首先接受了一个名为 request 的参数，这个 request就是 Django 为我们封装好的 HTTP 请求，它是类 HttpRequest 的一个实例。然后我们便直接返回了一个 HTTP 响应给用户，这个 HTTP 响应也是 Django 帮我们封装好的，它是类 HttpResponse 的一个实例，只是我们给它传了一个自定义的字符串参数。

浏览器接收到这个响应后就会在页面上显示出我们传递的内容：欢迎访问我的博客首页！

最后需要配置项目URL，

将blogapp下的url文件包含到settings.py文件所在的urls.py文件下

- from django.conf.urls import url
+ from django.conf.urls import url, include
from django.contrib import admin

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

#  -代表删去  +代表添加

当我们访问127.0.0.1:8000就会显示上面显示的字符串。

二、使用Django的模板系统

在项目根目录下新建一个名为templates的文件夹，用来存放我们的模板，再在这个templates下新建一个名为blog的文件夹，新建一个index.html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{{ title }}</title>   
</head>
<body>
<h1>{{ welcome }}</h1>
</body>
</html>

根据Django规定的语法中，{{ }} 中包含的是模板变量

在到settings中修改TEMPLATES选项，在DIRS中写入os.path.join(BASE_DIR, 'templates')

这样，我们的视图函数，就可以修改为

from django.http import HttpResponse
from django.shortcuts import render

def index(request):
    return render(request, 'blog/index.html', context={
                      'title': '我的博客首页', 
                      'welcome': '欢迎访问我的博客首页'
                  })

三、静态文件的引入

在django的html页面中引入静态文件，我们首先在blogapp下建立一个static文件夹，再在static下新建blog/css 和 blog/js文件夹

在引入时，就可以写成

 <script src="{% static 'blog/js/jquery-2.1.3.min.js' %}"></script>

<link rel="stylesheet" href="{% static 'blog/css/bootstrap.min.css' %}">

对于外部文件，不需模板标签：

<link rel="stylesheet" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">

为了能在模板中使用 {% static %} 模板标签，别忘了在最顶部 {% load staticfiles %} 。static 模板标签位于 staticfiles 模块中，只有通过 load 模板标签将该模块引入后，才能在模板中使用 {% static %} 标签。

在模板标签当中使用for循环遍历

{% for post in post_list %}
  <article class="post post-{{ post.pk }}">
    ...
  </article>
{% empty %}  // 如果post_list为空就显示empty下的内容
  <div class="no-post">暂时还没有发布的文章！</div>
{% endfor %}

post_list 是一个 QuerySet（类似于一个列表的数据结构），其中每一项都是之前定义在 blog\models.py 中的 Post 类的实例，且每个实例分别对应着数据库中每篇文章的记录。因此我们循环遍历 post_list ，每一次遍历的结果都保存在 post 变量里。所以我们使用模板变量来显示 post 的属性值。例如这里的 {{ post.pk }}（pk 是 primary key 的缩写，即 post 对应于数据库中记录的 id 值，该属性尽管我们没有显示定义，但是 Django 会自动为我们添加

四、在后台发布文章进行测试

在后台注册我们自己创建的模型，在admin.py下

from django.contrib import admin
from .models import Post, Category, Tag

class PostAdmin(admin.ModelAdmin):  # 订制列表显示情况
    list_display = ['title', 'created_time', 'modified_time', 'category', 'author']

# 把新增的 PostAdmin 也注册进来
admin.site.register(Post, PostAdmin)
admin.site.register(Category)
admin.site.register(Tag)

访问 http://127.0.0.1:8000/admin/

Django开发--step3 博客视图

猜你喜欢