逐步指示

這是提供給更喜歡閱讀的人的視頻文本版本。我們將創(chuàng)建一個(gè)類似黑客新聞 或Reddit的社交新聞網(wǎng)站。它將被稱為“鋼鐵傳聞”，作為一個(gè)分享關(guān)于“鋼鐵俠”的有趣傳聞和對(duì)其進(jìn)行投票的地方。

屏幕錄像第一部分的概述：

• ??? 目標(biāo)
• ??? 虛擬環(huán)境- 從零開始!
• ??? 模型管理 - 夢(mèng)想的工作 #78
• ??? 基本的模板
• ??? 通用視圖 - 新聞列表視圖和 新聞細(xì)節(jié)視圖
• ??? 分頁(yè)-免費(fèi)！!

設(shè)置虛擬環(huán)境

??? 我們將用virtualenv 和 virtualenvwrapper來(lái)建立一個(gè)虛擬開發(fā)環(huán)境。首先請(qǐng)確認(rèn)你已經(jīng)安裝了它們：

????

            
mkvirtualenv djangorocks

          

??? 我在屏幕錄像中使用的是一個(gè)叫Xubuntu的變種Ubuntu系統(tǒng)。但你應(yīng)該能夠在其他的操作系統(tǒng)以最小的改變重復(fù)這些步驟。

??? 安裝 Django (請(qǐng)確認(rèn)你已經(jīng)安裝了pip )：
?

            
  pip install Django==1.5

          

??? 你也可以使用 Django 1.5.1. 這些方法和代碼在最新的 Django 版本中沒(méi)有測(cè)試過(guò)能否工作，所以最好按照本教程使用的版本來(lái)學(xué)習(xí)。

創(chuàng)建工程和應(yīng)用

??? 創(chuàng)建一個(gè)名為steelrumors的工程:
?

??? 在你喜愛(ài)的編輯器中打開steelrumors/settings.py文件。定位和改變下列內(nèi)容 (改變用粗體顯示)：
???????

??? 接下來(lái)，修改steelrumors/urls.py，取消下列行的注釋:
?
????

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

          

??? 同步創(chuàng)建管理對(duì)象并進(jìn)入管理詳細(xì)資料:

??

            
 ./manage.py syncdb

          

??? 打開一個(gè)新標(biāo)簽或一個(gè)新終端并保持服務(wù)器實(shí)例在運(yùn)行（不要忘了在這個(gè)終端上發(fā)布可工作的djangorocks）：
?

            
  ./manage.py runserver

          

??? 訪問(wèn)管理頁(yè) (一般是 http://127.0.0.1:8000/admin/) 并登錄.

??? 創(chuàng)建鏈接應(yīng)用:
?

            
  ./manage.py startapp links

          

??? 輸入下面兩個(gè)模型類到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)

          

??? 建立相應(yīng)的管理類。輸入下面內(nèi)容到 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)

          

??? 輸入下面內(nèi)容到links/views.py:
?
??

            
 from django.views.generic import ListView
  from .models import Link, Vote
   
  class LinkListView(ListView):
    model = Link

  Insert following lines intosteelrumor/urls.py:
 
  from links.views import LinkListView
  ...
  urlpatterns = patterns('',
    url(r'^$', LinkListView.as_view(), name='home'),


          

??? 建立一個(gè)新的模板文件夾，在steelrumors/templates/links/link_list.html中輸入下面內(nèi)容:
?
????

            

              
  {% for link in object_list %}
    
              

                
                  
                    {{ link.title }}
                  
                
              
              
  {% endfor %}
  
            
          

??? 編輯settings.py，添加你的兩個(gè)應(yīng)用到INSTALLED_APPS = (的尾部：
??

            
  'links',
  'steelrumors',
  )

          

??? 同步建立鏈接對(duì)象，并在管理界面里輸入一些數(shù)據(jù):
??
?

            
  ./manage.py syncdb

          

?添加品牌

??? 建立一個(gè)通用基本模板steelrumors/templates/base.html:
?
???

            

              Steel Rumors
            
            
   
  {% block content %}
  {% endblock %}
   
  

          

??? 修改steelrumors/templates/links/link_list.html，用這種方式把原先代碼包裹起來(lái)：

????

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

          

投票數(shù)模型管理器

??? 我們需要在我們的通用ListView中添加一個(gè)計(jì)票數(shù)。添加這些到 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')

  Insert these two lines into the Link class inlinks/models.py:
 
  class Link(models.Model):
  ...
   
    with_votes = LinkVoteCountManager()
    objects = models.Manager() #default manager


          

??? 編輯 links/views.py，添加這兩行到LinkListView類中:
???
???

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

          

狂歡（作弊）

您可以在django shell中用下面的行給隨機(jī)的標(biāo)題添加100個(gè)選票數(shù)：
?

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

          

最終評(píng)論

或許你想知道這個(gè)網(wǎng)站的這個(gè)版本是否有用，我想說(shuō)，它作為私人測(cè)試版是工作不錯(cuò)的。任何新用戶都必須通過(guò)管理界面手動(dòng)添加。如果想讓他們登陸管理界面，他們必須是員工。員工可以通過(guò)手動(dòng)創(chuàng)建投票對(duì)象來(lái)進(jìn)行投票。

站點(diǎn)面向大眾的部分仍能顯示來(lái)自員工投票率最高的傳聞。基于如何設(shè)計(jì)好的模板的問(wèn)題，這個(gè)版本也可以用來(lái)獲取對(duì)網(wǎng)站的設(shè)計(jì)和品牌的反饋。

總結(jié)完第一部分。想得到隨后部分的更新，請(qǐng)?jiān)赥witter上粉我一個(gè)@arocks。