[图文]用Django开发简单博客系统(Django笔记-2)

Django开发特点:

  1. 不用开发后台,Django自带后台管理
  2. 不写SQL语句,Django创建类-数据库映射
    与ORM相似,没有Hibernate那么复杂。
  3. 使用模板开发页面,数据与显示分离

一、 Django介绍

  • Django是一个用Python开发的开放源代码的Web应用框架。
  • Django采用了MVC设计模式。它最初用于开发管理一些以新闻内容为主的网站的。
  • Django使那些开发复杂的、数据库驱动的网站变得简单。
  • Django注重组件的重用性和可插拔性,敏捷开发和DRY法则(Don't Repeat Yourself)

二、 Django组件

JavaWeb开发前要Tomcat, ASP, .Net开发前要iis,PHP开发前需要Apache,Django在开发时这些都不需要,它本身就自带有一个独立的服务器。

Django框架的核心包括:

  • models.py
    一个面向对象的映射器,用作数据模型(以Python类的形式定义)和关系性数据库间的媒介;
  • urls.py
    一个基于正则表达式的URL分发器
  • views.py
    一个视图系统,用于处理请求
  • models.py
    一个模板系统

核心框架中还包含:

  • Web服务器,是一个轻量级的、独立的Web服务器,用于开发和测试
  • 表单序列化及验证系统,用于HTML表单和适于数据库存储的数据之间的转换。
  • 缓存框架,并有几种缓存方式可供选择
  • 中间件,允许对请求处理的各个阶段进行拦截处理
  • 序列化系统,能够生成或读取采用XML或JSON表示的Django模型实例
  • 模板引擎扩展系统

这么多!,感觉都不需要写多少代码了... ...

三、 Django开发步骤

  1. 安装Django
  2. 创建项目
  3. 创建数据模型,添加数据
  4. 创建视图和URL映射
  5. 创建模板

四、 Django开发案例--简单博客系统

1) 安装Django
  >pip install django
2) 创建博客项目
   >django-admin.py startproject myblog

创建后的工程目录

项目工程目录

启动服务器:

   > python manage.py runserver

服务器启动了,目前还没有修改任何配置文件,也没有写代码。

3) 添加管理员帐户, 启动后台

修改settings.py

  INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'myblog'  #添加创建的应用
]

settings.py中查看数据库使用,使用的sqlite3,暂不修改
数据库文件db.sqlite3放在项目应用目录下。

# Database
# https://docs.djangoproject.com/en/1.9/ref/settings/#databases

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.sqlite3',
        'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
    }
}

同步数据库

  > python manage.py migrate

创建管理员帐户

  > python manage.py createsuperuser
QQ20160723-0.png

再启动服务器,登陆后台:http://127.0.0.1:8000/admin

QQ20160723-1.png
QQ20160723-2.png
QQ20160723-3.png

4) 创建模型和数据库映射

一个简单的博客包括:博文(Blog),目录(Category),标签(Tag)和评论(Comment)
博文包含字段: title, author, content, created
评论包含字段:blog (外键), name, email, created
其中Blog与Tag是多对多关系,Blog与Article是一对多关系,Article与Comment是一对多关系。

from django.db import models

class Category(models.Model):

    name = models.CharField('name',max_length=16)

class Tag(models.Model):

    name = models.CharField('name',max_length=16)

class Blog(models.Model):
    title = models.CharField('title',max_length=32)
    author = models.CharField('author',max_length=16)
    content = models.TextField('content')
    created= models.DateTimeField('pubdate',auto_now_add=True)

    category = models.ForeignKey(Category,verbose_name='category')
    tags = models.ManyToManyField(Tag,verbose_name='tag')

class Comment(models.Model):
    blog = models.ForeignKey(Blog,verbose_name='blog')

    name = models.CharField('Name',max_length=16)
    email = models.EmailField('Email')
    content = models.CharField('Content',max_length=140)

    created = models.DateTimeField('PubDate',auto_now_add=True)

创建实体类,同步到数据库

  > python manage.py makemigrations myblog
  > python manage.py migrate
QQ20160723-4.png

5) 创建admin.py,让后台管理Blog, Category, Tag

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

admin.site.register([Category,Tag,Blog])

6) 重启服务器,登录后台,添加博文

QQ20160723-6.png
QQ20160723-8.png

如果8000端口被占用,查看被占用端口进程,杀掉:

  > lsof -i:8000
  > kill -9 1690 #1690 是查出来的PID
QQ20160723-5.png

修改models.py 中的类,增加__ def unicode__(self)方法,后台中显示标题名称:

class Category(models.Model):

    name = models.CharField('name',max_length=16)
    
    def __unicode__(self):
        return self.name

class Tag(models.Model):

    name = models.CharField('name',max_length=16)

    def __unicode__(self):
        return self.name

class Blog(models.Model):
    title = models.CharField('title',max_length=32)
    author = models.CharField('author',max_length=16)
    content = models.TextField('content')
    created= models.DateTimeField('pubdate',auto_now_add=True)

    category = models.ForeignKey(Category,verbose_name='category')
    tags = models.ManyToManyField(Tag,verbose_name='tag')

    def __unicode__(self):
        return self.title

7) 开发前台页面,模板和对应请求处理

工程项目目录

前台页面(模板页)包括:

  • blog-list.html 博客列表页(首页)
  • blog-detail.html 博客内容页

views.py

#获取博客列表
def get_blogs(request):
    ctx={
        'blogs':Blog.objects.all().order_by('-created')
    }
    return render(request,'blog-list.html',ctx)

#获取一条博客,及评论
def get_detail(request,blog_id):

    try:
        blog = Blog.objects.get(id=blog_id)
    except Blog.DoesNotExist:
        raise Http404

    if request.method == 'GET':
        #加载评论表单
        form = CommentForm()
    else:
        #评论提交的数据
        form = CommentForm(request.POST)
        if form.is_valid():
            cleaned_data = form.cleaned_data
            cleaned_data['blog']=blog
            Comment.objects.create(**cleaned_data)

            form = CommentForm()

    ctx={
        'blog':blog,
        'comments':blog.comment_set.all().order_by('-created'),
        'form':form
    }

    return render(request,'blog-detail.html',ctx)

url.py

urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'^$',get_blogs,name='blog_get_blogs'),   #首页处理博客列表
    url(r'^detail/(\d+)/$',get_detail, name='blog_get_detail')  #博客详细页
]

评论表单:

#coding=utf-8
from django import forms

class CommentForm(forms.Form):

    name = forms.CharField(label='称呼',max_length=16,error_messages={
        'required':'请填写您的称呼',
        'maxlength':'称呼太长'
    })

    email = forms.EmailField(label='邮箱', error_messages={
        'required': '请填写您的邮箱',
        'invalid': '邮箱格式不正确'
    })

    content = forms.CharField(label='评论内容', error_messages={
        'required': '请填写您的评论内容',
        'maxlength': '评论内容太长'
    })

模板页面:templates/blog-list.html

    {% for blog in blogs %}

        <div class="container">
            <div class="title">
                <a href="{% url 'blog_get_detail' blog.id %} "><h2>{{ blog.title }}</h2></a>
            </div>
        
        </div>
    {% endfor %}

在模板页面中用{{}} 取出数据,用{% %} 写逻辑代码。

blog-detail.html页面,评论表单的代码:

   <form action="{% url 'blog_get_detail' blog.id %}" method="POST">

       {% csrf_token %}
       {% for field in form %}
           <div>      
           {{ field.label }}:{{ field }}
           </div>
           // 提交表单错误信息
           <div class="error" style="color:red">
           {{ field.errors }}
           </div>

       {% endfor %}
    <button type="submit"> 提交 </button>
   </form>

8) 美化前台页面

(to be continued)

推荐阅读更多精彩内容