Django:快速搭建简单的Blog

时间 2019-11-18

标签 django 快速搭建简单 blog 栏目 Python 繁體版

原文原文链接

一，建立项目css

1, 为blog建立名为mysite的工程项目：
html

 django-admin.py startproject mysite

2, 项目结构以下：
python

  mysite
    ├── manage.py
    └── mysite
        ├── __init__.py
        ├── settings.py
        ├── urls.py
        └── wsgi.py

manage.py ----- Django项目里面的工具，经过它能够调用django shell和数据库等。sql
settings.py ---- 包含了项目的默认设置，包括数据库信息，调试标志以及其余一些工做的变量。shell
urls.py ----- 负责把URL模式映射到应用程序。数据库

二，运行开发服务器django

要立刻查看django项目应用的运行，能够使用Django项目里的mange.py浏览器

切换到工程目录，执行运行服务器命令：服务器

python manage.py runserver

完成：session

打开浏览器，输入访问地址：127.0.0.1：8000

三，建立Blog应用

python manage.py startapp blog

blog应用文件结构以下：

├── blog
│   ├── admin.py
│   ├── __init__.py
│   ├── models.py
│   ├── tests.py
│   └── views.py

四，设计你的Model

在blog目录下的models.py是blog应用的核心文件之一，是定义blog数据结构的地方。

用编辑器打开models.py

新添加BlogPost类，代码以下：

from django.db import models

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

BlogPost类是django.db.models.Model的一个子类。它有变量title(blog的标题)，body(blog的内容部分)，timestamp(blog的发表时间)。

五，设置数据库

Dajango支持主流的数据库服务器（MySQL,PostgreSQL,Oracle和MSSQL），但本项目使用SQLite，这里之须要经过一条简单的命令能够建立SQLite数据库。

建立数据库：

切换到工程主目录mysite/下，执行以下命令：

python manage.py syncdb

出现下面的提示，输入yes,而后按照提示输入相关的信息。完成后会生成一个数据库文件db.sqlite3

六，设置自动admin应用

1,打开mysite/mysite/urls.py，取消注释url(r'^admin/', include(admin.site.urls))

2,编辑mysite/mysite/settings.py，在INSTALLED_APPS里面添加blog应用。

添加后的代码以下：

# Application definition INSTALLED_APPS = (    'django.contrib.admin',    'django.contrib.auth',    'django.contrib.contenttypes',    'django.contrib.sessions',    'django.contrib.messages',    'django.contrib.staticfiles',    'blog', )

2,修改mysite/blog/models.py

在最后添加一行代码：

admin.site.register(BlogPost)

models.py完整的代码以下：

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

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

admin.site.register(BlogPost)

3 ，打开浏览器，输入http://127.0.0.1:8000/admin/，输入刚才建立数据库时候填写的账号就能进入admin界面。

七,试用admin

1, 点击Blog Posts右侧的Add 按钮，添加一个帖子。

2,让admin的BlogPost界面更加美观

修改blog应用的models.py，为它添加一个admin.ModelAdmin的子类BlogPostAdmin.以列表形式显示BlogPost的标题和时间。

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

# Create your models here.
class BlogPost(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(BlogPost,BlogPostAdmin)

八，创建Blog的公共部分

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

一个模板（template）：模板负责把传递进来的信息显示出来。
一个视图（viw）：视图负责从数据库获取须要显示的信息。
一个URL模式：它负责把收到的请求和你的试图函数匹配，有时候也会向视图传递一些参数。

1,建立模板

在blog目录下创建template目录（mysite/blog/templates）,建立模板文件archive.html,它的内容以下：

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

2,建立一个视图函数

在app应用的目录下的view.py添加视图函数

from django.shortcuts import render
from django.template import loader,Context
from django.http import HttpResponse
from blog.models import BlogPost

# Create your views here.

def archive(request):
    posts = BlogPost.objects.all()
    t = loader.get_template("archive.html")
    c = Context({'posts':posts})
    return HttpResponse(t.render(c))

posts = BlogPost.objects.all() ：获取数据库里面所拥有BlogPost对象
t = loader.get_template("archive.html")：加载模板
c = Context({'posts':posts})：模板的渲染的数据是有一个字典类的对象Context提供，这里的是一对键值对。

3,建立一个URL模式

第一步，在mysite/urls.py里面取消下面的一行注释：

把它变成：

url(r'^blog/', include('blog.urls')),

第二步：在blog应用里面定义URL，建立一个urls.py（mysite/blog/urls.py）

from django.conf.urls import *
from blog.views import archive

urlpatterns = patterns('',
                      url(r'^$',archive),
                      )

最后，在浏览器输入以下地址http://127.0.0.1:8000/blog/

九，最后的润色

1,模板的精肯定位

在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>my blog</h1>
    {% block content %}
    {% endblock %}
  </body>
</html>

2,修改archive.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 %}

刷新浏览器能够看到效果以下：

3,按日期排序

修改blog 应用下的models.py，为BlogPost添加一个Meta嵌套类。以下：

class BlogPost(models.Model):    title = models.CharField(max_length = 150)    body = models.TextField()    timestamp = models.DateTimeField()    class Meta:        ordering = ('-timestamp',)

刷新浏览器，以下：