Django:快速搭建自己打第一个的Blog

摘要: 利用Django快速搭建一个简单的Blog。参考自《Django Web开发指南》第二章。

一直有种想要搭建自己博客系统打冲动,可惜需要前端知识较多,而且还要安装一系列软件并配置(windows平台),后来偶然发现了Django这个神器,恰巧刚学过python,于是就又装了ubuntu(安装各种软件配置都方便),折腾了半天,终于搭建起来自己的第一个简易博客。让我们开始吧。

一,创建项目

1,为blog创建名为mysite的工程项目:

django-admin startproject mysite

2, 项目结构如下:

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

  • manage.py ----- Django项目里面的工具,通过它可以调用django shell和数据库等。

  • settings.py ---- 包含了项目的默认设置,包括数据库信息,调试标志以及其他一些工作的变量。

  • urls.py ----- 负责把URL模式映射到应用程序。

二,运行开发服务器

切换到工程目录,执行运行服务器命令:

huang@huangPC:~/csdn/mysite$ python manage.py runserver
Validating models...


0 errors found
December 04, 2016 - 02:35:16
Django version 1.6.1, using settings 'mysite.settings'
Starting development server at http://127.0.0.1:8000/
Quit the server with CONTROL-C.

打开浏览器,输入访问地址:127.0.0.1:8000



三,创建blog应用

python manage.py startapp blog

mysite应用文件结构如下:

huang@huangPC:~/csdn/mysite$ tree

huang@huangPC:~/csdn/mysite$ tree
.
├── blog
│   ├── admin.py
│   ├── __init__.py
│   ├── models.py
│   ├── tests.py
│   └── views.py
├── manage.py
└── mysite
    ├── __init__.py
    ├── __init__.pyc
    ├── settings.py
    ├── settings.pyc
    ├── urls.py
    ├── urls.pyc
    ├── wsgi.py
    └── wsgi.pyc

四,设计你的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.sqllite3。
huang@huangPC:~/csdn/mysite/blog$ cd ..
huang@huangPC:~/csdn/mysite$ python manage.py syncdb
Creating tables ...
Creating table django_admin_log
Creating table auth_permission
Creating table auth_group_permissions
Creating table auth_group
Creating table auth_user_groups
Creating table auth_user_user_permissions
Creating table auth_user
Creating table django_content_type
Creating table django_session

You just installed Django's auth system, which means you don't have any superusers defined.
Would you like to create one now? (yes/no):  

之后文件目录如下:

huang@huangPC:~/csdn/mysite$ tree
.
├── blog
│   ├── admin.py
│   ├── __init__.py
│   ├── models.py
│   ├── tests.py
│   └── views.py
├── db.sqlite3
├── manage.py
└── mysite
    ├── __init__.py
    ├── __init__.pyc
    ├── settings.py
    ├── settings.pyc
    ├── urls.py
    ├── urls.pyc
    ├── wsgi.py
    └── wsgi.pyc

六,设置自动admin应用

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

from django.conf.urls import patterns, include, url

from django.contrib import admin
admin.autodiscover()

urlpatterns = patterns('',
    # Examples:
    # url(r'^$', 'mysite.views.home', name='home'),
    # url(r'^blog/', include('blog.urls')),

    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',
)

3,修改mysite/blog/models.py

在最后添加一行代码:

admin.site.register(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()

admin.site.register(BlogPost)

4,打开浏览器,输入http://127.0.0.1:8000/admin/,输入刚才创建数据库时候填写的帐号就能进入admin界面。



七,使用admin

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


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)
刷新浏览器,如若出现如下问题:



在mysite目录运行如下命令,后再次刷新。

huang@huangPC:~/csdn/mysite$ python manage.py syncdb
Creating tables ...
Creating table blog_blogpost
Installing custom SQL ...
Installing indexes ...
Installed 0 object(s) from 0 fixture(s)


八,建立Blog的公共部分。

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

  • 一个模板(template):模板负责把传递进来的信息显示出来。

  • 一个视图(viw):视图负责从数据库获取需要显示的信息。

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

其实前面的步骤而言,我们已经是完成了model这个模块的功能了,接下来就是做好视图的映射就可以了。

  • V(views.py)视图层

from django.shortcuts import *
from django.http import HttpResponse
from blog.models import BlogPost
from blog.views import *

# Create your views here.

def myBlogs(request):
 	blog_list = BlogPost.objects.all()
    	return render_to_response('BlogTemplate.html',{'blog_list':blog_list})
这里面用到了模板文件,还传给了模板一个列表类型的参数。

在blog目录下建立template目录(mysite/blog/templates),创建模板文件BlogTemplate.html,它的内容如下:

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

C(controller)urls.py

可以说这个文件将Django各部分松耦合的功能衔接到了一起,完成了整个项目的运转的非核心的核心了,是关于如何映射的逻辑的处理。

from django.conf.urls import patterns, include, url
from django.contrib import admin
from blog.views import *
#admin.autodiscover()

urlpatterns = patterns('',
    # Examples:
    # url(r'^$', 'mysite.views.home', name='home'),
    # url(r'^blog/', include('blog.urls')),

    url(r'^admin/', include(admin.site.urls)),
    url(r'myblog',myblog),
)


输入http://127.0.0.1:8000/myblog,就刻印访问我们的博客系统了。这样就实现了我们博客系统打建立,但是由于没有添加样式,看起来不是很好看,所以接下来我们要添加以下模板的样式。



九,模板配置

接着刚才的继续,关于模板,这里面可谓是有着很深的设计哲学。了解过的大家肯定都会有感触,我就不多说了。
接下来就为我们的博客系统设置一下模板吧。

父模板base.html 按照django对模板的继承设置,我们可以制作一个父模板。如下:

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>huang's blog</title>
</head>
<style type="text/css">
    body{
        color: #efd;
        background: #BBBBBB;
        padding: 12px 5em;
        margin:7px;
    }
    h1{
        padding: 2em;
        background: #675;
    }
    h2{
        color: #85F2F2;
        border-top: 1px dotted #fff;
        margin-top:2em;
    }
    p{
        margin:1em 0;
    }
</style>
<body>
<h1>Zhiyuan's博文</h1>
<h3>Talk is cheap,show me the code!</h3>
{% block content %}
{% endblock %}
</body>
</html>


然后就是子模板BlogTemplate.html

{% extends "base.html" %}
    {% block content %}
        {% for post in blog_list %}
            <h2>{{ post.title }}</h2>
            <p>{{ post.timestamp }}</p>
            <p>{{ post.body }}</p>
        {% endfor %}
    {% endblock %}

然后在浏览器中输入
http://127.0.0.1:8000/myBlogs/.你就可以看到你的博客列表了,如图 


好了,一个具备最基础功能的博客系统就搭建好了。以后再慢慢完善吧。欢迎大家一起讨论学习!


感谢:

https://my.oschina.net/matrixchan/blog/184445

http://blog.csdn.net/marksinoberg/article/details/51589012

  • 3
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值