第一部分:使用 Django 克隆个 Hacker News 已翻译 100%

renwofei423 投递于 2013/06/01 13:04 (共 6 段, 翻译完成于 06-03)
阅读 2517
收藏 19
4
加载中

学习东西最好的方式就是看别人是怎么做的1。所以,如果你一直在等待突破Django的基础知识,你来对地方了。

在这个视频教程系列里,我会带你用Django 1.5从零开始建立一个名为“Steel Rumors(钢铁传闻)”的社交新闻网站。如果你不喜欢看视频而更喜欢阅读步骤说明,你也可以在这里找到他们。

即使我们会从基础开始,如果你是Django的彻底新手,我建议你阅读https://docs.djangoproject.com/en/dev/intro/tutorial01/这里的教程或者我以前的屏幕捕捉教学“30分钟建设一个博客”

赵亮-碧海情天
翻译于 2013/06/03 12:56
1

完成后的网站将支持用户注册,提交链接,评论,投票和一个很酷的排序算法。我的方法是尽可能地使用内建的Django特性,只有在绝对必要的时候使用外部应用程序。

点击下面的图片观看屏幕录像,或向下滚动阅读步骤说明。

Screencast

如果你喜欢这个教程,那你应该签到购买我的新书“用Django建设社交新闻网站的”。它试图用从朋友那里学习的风格来解释网站是如何建立的和逐步解决像数据库迁移和调试等高级主题。

赵亮-碧海情天
翻译于 2013/06/03 13:05
1

逐步指示

这是提供给更喜欢阅读的人的视频文本版本。我们将创建一个类似黑客新闻Reddit的社交新闻网站。它将被称为“钢铁传闻”,作为一个分享关于“钢铁侠”的有趣传闻和对其进行投票的地方。

屏幕录像第一部分的概述:

  • 目标
  • 虚拟环境- 从零开始!
  • 模型管理 - 梦想的工作 #78
  • 基本的模板
  • 通用视图 - 新闻列表视图和 新闻细节视图
  • 分页-免费!!
赵亮-碧海情天
翻译于 2013/06/03 13:22
1

设置虚拟环境

  1. 我们将用virtualenvvirtualenvwrapper来建立一个虚拟开发环境。首先请确认你已经安装了它们:

    mkvirtualenv djangorocks 

    我在屏幕录像中使用的是一个叫Xubuntu的变种Ubuntu系统。但你应该能够在其他的操作系统以最小的改变重复这些步骤。

  2. 安装 Django (请确认你已经安装了 pip ):

    pip install Django==1.5 

    你也可以使用 Django 1.5.1. 这些方法和代码在最新的 Django 版本中没有测试过能否工作,所以最好按照本教程使用的版本来学习。

创建工程和应用

  1. 创建一个名为steelrumors的工程:

    cd ~/projects
    django-admin.py startproject steelrumors
    cd steelrumors
    chmod +x manage.py
  2. 在你喜爱的编辑器中打开steelrumors/settings.py文件。定位和改变下列内容 (改变用粗体显示):

    1. 'ENGINE’: 'django.db.backends.sqlite3'
    2. 'NAME': 'database.db',
    3. 最后 INSTALLED_APPS = ( 'django.contrib.admin',
  3. 接下来,修改steelrumors/urls.py,取消下列行的注释:

    from django.contrib import admin
    admin.autodiscover()
    
    urlpatterns = patterns('',
        url(r'^admin/', include(admin.site.urls)),
    )
  4. 同步创建管理对象并进入管理详细资料:

    ./manage.py syncdb
  5. 打开一个新标签或一个新终端并保持服务器实例在运行(不要忘了在这个终端上发布可工作的djangorocks):

    ./manage.py runserver 
  6. 访问管理页 (一般是 http://127.0.0.1:8000/admin/) 并登录.

  7. 创建链接应用:

    ./manage.py startapp links
  8. 输入下面两个模型类到links/models.py文件中:

    from django.db import models
    from django.contrib.auth.models import User
    
    class Link(models.Model):
        title = models.CharField("Headline", max_length=100)
        submitter = models.ForeignKey(User)
        submitted_on = models.DateTimeField(auto_now_add=True)
        rank_score = models.FloatField(default=0.0)
        url = models.URLField("URL", max_length=250, blank=True)
        description = models.TextField(blank=True)
    
        def __unicode__(self):
            return self.title
    
    class Vote(models.Model):
        voter = models.ForeignKey(User)
        link = models.ForeignKey(Link)
    
        def __unicode__(self):
            return "%s upvoted %s" % (self.voter.username, self.link.title)
    
  9. 建立相应的管理类。输入下面内容到 links/admin.py 中:

    from django.contrib import admin
    from .models import Link, Vote
    
    class LinkAdmin(admin.ModelAdmin): pass
    admin.site.register(Link, LinkAdmin)
    
    class VoteAdmin(admin.ModelAdmin): pass
    admin.site.register(Vote, VoteAdmin)
  10. 输入下面内容到links/views.py:

    from django.views.generic import ListView
    from .models import Link, Vote
    
    class LinkListView(ListView):
        model = Link
  11. Insert following lines intosteelrumor/urls.py:

    from links.views import LinkListView
    ...
    urlpatterns = patterns('',
        url(r'^$', LinkListView.as_view(), name='home'),
    
  12. 建立一个新的模板文件夹,在steelrumors/templates/links/link_list.html中输入下面内容:

    <ol>
    {% for link in object_list %}
        <li>
        <a href="{{ link.url }}">
          <b>{{ link.title }}</b>
        </a>
        </li>
    {% endfor %}
    </ol>
  13. 编辑settings.py,添加你的两个应用到INSTALLED_APPS = (的尾部:

    'links',
    'steelrumors',
    )
  14. 同步建立链接对象,并在管理界面里输入一些数据:

    ./manage.py syncdb

赵亮-碧海情天
翻译于 2013/06/03 13:55
1
添加品牌
  1. 建立一个通用基本模板steelrumors/templates/base.html:

    <html>
    <body>
    <h1>Steel Rumors</h1>
    
    {% block content %}
    {% endblock %}
    
    </body>
    </html>
  2. 修改steelrumors/templates/links/link_list.html,用这种方式把原先代码包裹起来:

    {% extends "base.html" %}
    
    {% block content %}
    ...
    {% endblock %}

投票数模型管理器

  1. 我们需要在我们的通用ListView中添加一个计票数。添加这些到 links/models.py:

    from django.db.models import Count
    
    class LinkVoteCountManager(models.Manager):
        def get_query_set(self):
            return super(LinkVoteCountManager, self).get_query_set().annotate(
                votes=Count('vote')).order_by('-votes')
  2. Insert these two lines into the Link class inlinks/models.py:

    class Link(models.Model):
    ...
    
        with_votes = LinkVoteCountManager()
        objects = models.Manager() #default manager
  3. 编辑 links/views.py,添加这两行到LinkListView类中:

    class LinkListView(ListView):
    ...
    
        queryset = Link.with_votes.all()
        paginate_by = 3

狂欢(作弊)

您可以在django shell中用下面的行给随机的标题添加100个选票数:

$ ./manage.py shell
>>> from links.models import Link
>>> for i in xrange(100): Vote(link=Link.objects.order_by('?')[0],voter=a).save()

赵亮-碧海情天
翻译于 2013/06/03 14:06
1

最终评论

或许你想知道这个网站的这个版本是否有用,我想说,它作为私人测试版是工作不错的。任何新用户都必须通过管理界面手动添加。如果想让他们登陆管理界面,他们必须是员工。员工可以通过手动创建投票对象来进行投票。

站点面向大众的部分仍能显示来自员工投票率最高的传闻。基于如何设计好的模板的问题,这个版本也可以用来获取对网站的设计和品牌的反馈。

总结完第一部分。想得到随后部分的更新,请在Twitter上粉我一个@arocks

资源

赵亮-碧海情天
翻译于 2013/06/03 14:22
1
本文中的所有译文仅用于学习和交流目的,转载请务必注明文章译者、出处、和本文链接。
我们的翻译工作遵照 CC 协议,如果我们的工作有侵犯到您的权益,请及时联系我们。
加载中

评论(0)

返回顶部
顶部