django 快速搭建blog

http://www.cnblogs.com/fnng/p/3737964.html

django 快速搭建blog

输入博客标题，正文、日期时间、点击save 创建博客。

django 快速搭建blog

设置admin 的BlogsPost界面

　　打开mysite/blog/models.py 文件，做如下修改：

from django.db import models
from django.contrib import admin

# Create your models here.
class BlogsPost(models.Model):
    title = models.CharField(max_length = 150)
    body = models.TextField()
    timestamp = models.DateTimeField()

class BlogPostAdmin(admin.ModelAdmin):
    list_display = ('title','timestamp')

admin.site.register(BlogsPost,BlogPostAdmin)

创建BlogPostAdmin类，继承admin.ModelAdmin父类，以列表的形式显示BlogPost的标题和时间。

django 快速搭建blog

创建blog的公共部分

从Django的角度看，一个页面具有三个典型的组件：

一个模板（template）：模板负责把传递进来的信息显示出来。

一个视图（view）：视图负责从数据库获取需要显示的信息。

一个URL模式：它负责把收到的请求和你的试图函数匹配，有时候也会向视图传递一些参数。

创建模板

在blog项目下创建templates目录（mysite/blog/templates/）,在目录下创建模板文件index.html，内容如下：

{% for post in posts %}
    <h2>{{ post.title }}</h2>
    <p>{{ post.timestamp }}</p>
    <p>{{ post.body }}</p>
{% endfor%}

创建视图函数

打开mysite/blog/views.py文件：

#coding=utf-8
from django.shortcuts import render
from blog.models import BlogsPost
from django.shortcuts import render_to_response

# Create your views here.
def index(request):
    blog_list = BlogsPost.objects.all()
    return render_to_response('index.html',{'blog_list':blog_list})

blog_list = BlogPost.objects.all() ：获取数据库里面所拥有BlogPost对象

render_to_response()返回一个页面(index.html)，顺带把数据库中查询出来的所有博客内容（blog_list）也一并返回。

创建blog的URL模式

在mysite/urls.py文件里添加blog的url：

#coding=utf-8
from django.conf.urls import patterns, include, url
from django.contrib import admin

urlpatterns = patterns('',
    url(r'^admin/', include(admin.site.urls)),
    url(r'^index/$', 'blog.views.index'),
)

再次启动服务（$ python manage.py runserver），访问blog应用（http://127.0.0.1:8000/index/）下图有错，仅供参考。

页面如下：

django 快速搭建blog

当然，读者可以继续到admin后台添加blog，从而刷新这个页是否显示新添加的blog。

添加样式

创建基础模板

在mysite/blog/templates目录里创建base.html的模板：

<html>
      <style type="text/css">
        body{color:#efd;background:#453;padding:0 5em;margin:0}
        h1{padding:2em 1em;background:#675}
        h2{color:#bf8;border-top:1px dotted #fff;margin-top:2em}
        p{margin:1em 0}
      </style>

      <body>
        <h1>虫师blog</h1>
        <h3>大人不华，君子务实</h3>
        {% block content %}
        {% endblock %}
      </body>
</html>

修改index.html模板，让它引用base.html模板和它的“content”块。

{% extends "base.html" %}
  {% block content %}
      {% for post in posts %}
      <h2>{{  post.title }}</h2>
      <p>{{ post.timestamp | date:"1,F jS"}}</p>
      <p>{{ post.body }}</p>
      {% endfor %}
  {% endblock %}

再次刷新博客页面：

http://127.0.0.1/index/ 下图有错，仅供参考。

django 快速搭建blog

　　请系统的学习django web框架，然后在此基础上做更多的扩展，开发自己真正的blog

秒客网

django 快速搭建blog

django 快速搭建blog

相关文章