2015-12-09 17 views
-1

使用Django如何創建一個包含圖像列表的圖像的主頁,點擊圖像應該顯示出相應的圖像人的細節。Django:如何使用圖像列表創建主頁,點擊圖像應該調出人物的相應細節

基本上我有小團隊的50名成員,我需要建立一個門戶網站,在首頁顯示的表/網格成員的圖片和點擊這些成員應該帶他們的細節。

在Django中,我可以創建一個包含名稱,性別,地址等必要信息的模型(按照教程),我可以在管理頁面中看到它。 現在我需要創建一個前端,以顯示在像上面所說的瀏覽器主頁上,但我現在失去了..不知道該怎麼去做。

請幫忙!給一些指導。

由於提前, Anantha

+2

請,進行更爲精確的問題。你有什麼嘗試?你能把問題分解成更小的東西嗎? – MatheusJardimB

回答

0

這是正確的,你說對模型什麼。你可以有一個像這樣的模型

class Members(models.Model) 
    name = models.CharField(max_length=100) 
    address = models.CharField(max_length=200) 
    .... 

所以前端也很容易。您只需創建兩個視圖,一個用於主頁,另一個用於成員詳細信息。

def homepage(request): 
    context_dict = {} 
    members = Members.objects.all().order_by('-name') 
    context_dict['members'] = members 
    # You can have any other context dictionary that you want to query. 
    return render(request, 'homepage.html', context_dict,) 

def member_detail(request, member_id): 
    context_dict = {} 
    try: 
     member = Members.objects.get(id=member_id) 
     context_dict['member'] = member 
    except Members.DoesNotExist: 
     return redirect('homepage') 
    return render(request, 'member_details.html', context_dict,) 

現在您已準備好創建您的主頁和成員詳細信息模板。既然您在查看兩個視圖 中的查詢都可以顯示所有您需要的信息,讓我們從首頁開始。

homepage.html

{% for member in members %} 
{{ member.name }} 
<img src="{{ member.image }}" /> 
<a href="{% url 'member_detail' member.id %}" /> # Goes to the members detail page 
{% endfor %}  

對於member_details.html,你可以做同樣的事情。開始查詢您想要顯示的所有字段。

您需要爲member_detail視圖創建一個網址,因爲您正在使用member_id發送到該網址,以將您帶到您單擊的成員。

urls.py

url(r"^member/(?P<member_id>\d+)/$", views.member_detail, name="member_detail"), 
相關問題