实战Django：LiveBlog

《Django Web开发指南》的实例讲的差不多了，除了今天要介绍的LiveBlog，还有一个Pastebin。这样，书中的实例基本讲完了。做完这些实例之后，舍得建议回头看看这本书，或许你会从书中找到舍得所讲的实例里忽略掉的一些细节。此外，《Django Web开发指南》中有几个章节是关于Django的基础或高级技术的，建议阅读并设法把它应用到你所练习过的实例中。

网站建设哪家好，找成都创新互联公司！专注于网页设计、网站建设、微信开发、成都小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了下花园免费建站欢迎大家使用！

正如你已经看到的，Django提供了丰富的内置功能,你可以很轻松地用这些功能来完成很多工作。但和所有的工具一样，Django也不是万能的，它缺乏的最明显的一个Web功能就是没有集成Ajax，即异步JavaScript和XML。
在这个实例中，我们要展示一个相对简单的Ajax应用，即“liveblog"。liveblog是一个列出了一系列简短的，带时间戳的条目的网页，它能进行自动更新，而无须你去刷新页面。

1.创建项目和应用

我们先来创建本实例的项目，在dos命令提示符下转到Scripts文件夹(如“c:\python32\Scripts”），然后运行如下命令：

$ django-admin startproject liveproject

然后在dos命令提示符下继续输入如下命令,进入项目文件夹：

cd liveproject

接下来开始创建应用，在dos命令提示符下输入命令：

$ python manage.py startapp liveblog

命令执行完后，项目根文件夹下会出现一个叫liveblog的文件夹，应用创建完毕。

2.建立模型

编辑liveblog/models.py文件，改成下面这样：

liveblog/models.py：

from django.db import modelsimport datetime
class Update(models.Model):
    timestamp= models.DateTimeField(default=datetime.datetime.now)
    text= models.TextField()
    
class Meta:
        ordering= ['-id']

def __str__(self):
return "[%s] %s" % (
            self.timestamp.strftime("%Y-%m-%d %H:%M:%S"),
            self.text
        )

3.激活模型

首先修改liveproject/settings.py这个文件，找到INSTALLED_APPS这段设置，把它改成下面这个样子：

liveproject/settings.py：

INSTALLED_APPS = (
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.messages',
'django.contrib.staticfiles',
'liveblog',
)

编辑settings.py的时候，建议顺便修改一下语言和时区的设置，具体的方法请参考：《实战Django：官方实例Part1》

此外，找到文件中的：

USE_TZ = True

把它改为:

USE_TZ = False

然后在dos命令提示符下运行如下命令：

$ python manage.py makemigrations liveblog

继续在dos命令提示符下运行命令：

$ python manage.py migrate

这样，数据库就建好了。

4.创建管理员账号

在dos命令提示符下运行如下命令：

$ python manage.py createsuperuser

然后依次输入admin,你的邮箱，输入两次密码，完成创建管理员的操作。

5.在管理界面注册应用

编辑liveblog/admin.py 文件，让它变成下面这个样子：

liveblog/admin.py：

from django.contrib import adminfrom liveblog.models import Update

admin.site.register(Update)

6.启动服务器

在dos命令提示符下运行如下命令：

$ python manage.py runserver

服务器启动成功后，打开浏览器，在地址栏内输入：

http://127.0.0.1:8000/admin/

然后输入你刚才创建的管理员账号和密码，登录管理界面，你会看到下面这样的画面：

实战Django：LiveBlog

7.添加内容

点击Updates后面的“增加”按钮，然后在”增加update“页面的Text文本框中输入些内容，比如”我的第一条消息“：

实战Django：LiveBlog

输入完毕后点击”保存“按钮。

8.编写视图

接下来我们开始编写视图，编辑liveblog/views.py 文件，添加下面的内容：

liveblog/views.py：

from django.views import generic
from liveblog.models import Update
class IndexView(generic.ListView):
    template_name= 'liveblog/update_list.html'
    def get_queryset(self):
return Update.objects.all()

我们只写了一个简单的首页视图，这个视图中的get_queryset方法甚至可以去掉，直接加入model=Update，也能实现同样的效果。

9.编写模板

首先创建模板文件夹，在liveblog文件夹下建立templates文件夹，然后在templates下再建一个liveblog文件夹。

随后我们在这个文件夹下建立update_list.html文件，这个update_list.html文件的正确路径应该是：

liveblog/templates/liveblog/update_list.html

编辑update_list.html文件，加入如下内容：

liveblog/templates/liveblog/update_list.html：


    
        Liveblog
        
            div.update{padding: 8 1.5em; }
                div.even{ background: #ddd; }
            div.timestamp{ float: left; font-weight: bold; }
            div.text{ float: left; padding-left: 10px; }
            div.clear{ clear: both; height: 1px; }
            body{ padding: 0 2em; font-family: Microsoft Yahei,sans-serif; background: #fff; }
            h2{ background: #1E2933; padding: 15 0.8em; margin: 0;  color:#fefefe; }
            p{ background: #3776AB; padding: 15 2em; margin: 0;  color:#fefefe;  font-size:12px; }
        
    
    
        Liveblog
        本页面会每隔15秒自动更新一次——请不要 手动刷新页面!
        
        {% if object_list %}
   
                {% for object in object_list %}
       
                    
                        {{ object.timestamp|date:"Y-m-d H:i:s" }}

from django.conf.urls import patterns, include, urlfrom django.contrib import admin urlpatterns= patterns('', url(r'^admin/', include(admin.site.urls)), url(r'^live/', include('liveblog.urls')), )

function update() { update_holder= $("#update-holder"); most_recent= update_holder.find("div:first"); $.getJSON("updates-after/" + most_recent.attr('id')+ "/", function(data) { cycle_class= most_recent.hasClass("odd") ? "even" :"odd"; jQuery.each(data,function() { update_holder.prepend('

' + this.fields.timestamp.replace('T',' ') + '

' + this.fields.text + '

' ); cycle_class= (cycle_class== "odd") ? "even" :"odd"; }); } ); } $(document).ready(function() { setInterval("update()",15000); })

from django.http import HttpResponsefrom django.core import serializersfrom django.views import generic from liveblog.models import Update def updates_after(request, id): response= HttpResponse() response['Content-Type'] = "text/javascript" response.write(serializers.serialize("json", Update.objects.filter(pk__gt=id))) return response class IndexView(generic.ListView): template_name= 'liveblog/update_list.html' def get_queryset(self): return Update.objects.all()

from django.conf.urls import patterns, include, urlfrom liveblog import views urlpatterns= patterns('', url(r'^$', views.IndexView.as_view(), name='index'), url(r'^updates-after/(?P\d+)/$', views.updates_after, name='updates_after'), )

from django.conf.urls import patterns, include, urlfrom django.contrib import admin urlpatterns= patterns('', url(r'^admin/', include(admin.site.urls)), url(r'^live/', include('liveblog.urls')), url(r'^(?P.*)', 'django.views.static.serve'), )

大橙子网站建设，新征程启航

实战Django：LiveBlog

Liveblog

其他资讯