Django 開發(fā)實例:博客

開發(fā)實例基于入門教程:
http://www.itdecent.cn/p/0fe287440973


1 html內(nèi)容解析:

主頁:
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Title</title>
</head>
<body> 
<h1>
    <a href = "{% url 'blog:edit_page' 0 %}">新文章</a>
</h1>
{% for article in articles %}
    <a href = "{% url 'blog:article_page' article.id %}">{{article.title}}</a>
    <br/>
{% endfor %}
</body>
</html>

for循環(huán)寫法:

{% for xx in xxs %}
    ...
{% endfor %}
# xxs為后臺傳遞的內(nèi)容,在views.py中以{Key:Value}的形式給出,例如:
# return render(request,'blog/index.html',{'articles':articles})

取參數(shù)寫法:

{{XX.title}}

超鏈接寫法:

href = " {% url ‘a(chǎn)pp_name:url_name’ param %} "
# 其中的app_name 和 url_name都寫在url文件中:
# 例如:
# 主urls.py中添加 namespace:
#    path('blog/', include('blog.urls',namespace='blog')),
# app的urls.py中添加 app_name 和 name
# app_name='blog'
#    path('edit/<int:article_id>',views.edit_page,name='edit_page')
文章詳情頁面:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>article_page</title>
</head>
<body>
<h1>{{article.title}}</h1>
<br/>
<h3>{{article.content}}</h3>

<a href="{% url 'blog:edit_page' article.id %}">修改文章</a>
</body>
</html>

通過<a>進(jìn)行參數(shù)傳遞:

<a href="{% url 'blog:edit_page' article.id %}">修改文章</a>

#后臺傳遞了article對象,將article對象的id屬性傳遞到edit_page這個url中。<int:article_id>表示接收一個int值賦給變量article_id。
# path('edit/<int:article_id>',views.edit_page,name='edit_page')
編輯頁面:
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Edit</title>
</head>
<body> 
<form action="{% url 'blog:edit_action' %}" method="post">
    {% csrf_token %}
    {% if article %}
        <input type="hidden" name="article_id" value = "{{article.id}}"/>
        <label>文章標(biāo)題:
            <input type="text" name="title" value = "{{article.title}}"/>
        </label>
        </br>
        <label>文章內(nèi)容:
            <input type="text" name="content" value = "{{article.content}}"/>
        </label>
        </br>
    {% else %}
        <label>文章標(biāo)題:
            <input type="text" name="title"/>
        </label>
        </br>
        <label>文章內(nèi)容:
            <input type="text" name="content"/>
        </label>
        </br>
    {% endif %}
    <input type="submit">
    </br>
</form>
</body>
</html>

安全token:

 {% csrf_token %}

if邏輯塊:

    {% if article %}
...
    {% else %}
...
    {% endif %}

input 標(biāo)簽

<input type="hidden" name="article_id" value = "{{article.id}}"/>

# 組件form表單通過post傳遞到后臺,后臺解析過程通過 input 的 name 來獲取對應(yīng)的內(nèi)容。

2 urls.py

根urls.py
from django.contrib import admin
from django.urls import path

#import blog.views as blogView
from django.urls import include
urlpatterns = [
    path('admin/', admin.site.urls),
    path('blog/', include('blog.urls',namespace='blog')),
]

通過path(include('app.urls', namespace = 'app_name')) 來將app下的urls.py引入,并給定對應(yīng)的命名空間。

app下的urls.py
# -*- coding: utf-8 -*-

from django.urls import path
from . import views

app_name='blog'
urlpatterns = [
    path('blog/', views.index),
    path('article/<int:article_id>', views.article_page, name='article_page'),
    path('edit/<int:article_id>',views.edit_page,name='edit_page'),
    path('edit/action',views.edit_action,name = 'edit_action')
    
#    url(r'^articles/(?P<article_id>[0-9]{4})/$', views.article_page), 是一種通過正則獲取對應(yīng)類型參數(shù)的方法
]

在下面這個path中

path('article/<int:article_id>', views.article_page, name='article_page')

'article/<int:article_id>'是完整的url,其中<int:article_id>表示一個int值,該值在鏈接跳轉(zhuǎn)過程中賦予。
例如下面這個鏈接中,就將article對象的id傳入url中

<a href = "{% url 'blog:article_page' article.id %}">{{article.title}}</a>

3 后臺views.py

一個app下一個views.py來控制所有的url訪問

from django.shortcuts import render
from django.http import HttpResponse

from blog.models import Article

def index(request):
#    article = Article.ob.get(pk=1)
    articles = Article.ob.all()
    return render(request,'blog/index.html',{'articles':articles})


def article_page(request,article_id):
    article = Article.ob.get(pk=article_id)
    return render(request,'blog/article_page.html',{'article':article})
    
def edit_page(request,article_id):
    if str(article_id) == '0':
        return render(request,'blog/edit_page.html')
    article = Article.ob.get(pk=article_id)
    return render(request,'blog/edit_page.html',{'article':article})


def edit_action(request):
    title = request.POST.get('title','TITLE')
    content = request.POST.get('content','CONTENT')
    article_id = request.POST.get('article_id','0')
    if str(article_id) == '0':
        Article.ob.create(title=title,content=content)
        articles = Article.ob.all()
        return render(request,'blog/index.html',{'articles':articles})
    article = Article.ob.get(pk=article_id)
    article.title = title
    article.content = content
    article.save()
    return render(request,'blog/index.html',{'articles':articles})

可以看到,上面的index、article_page、edit_page、edit_action都對應(yīng)著上面的urls中的內(nèi)容,實際是在urls中調(diào)用了這些方法來響應(yīng)一個request。

app_name='blog'
urlpatterns = [
    path('blog/', views.index),
    path('article/<int:article_id>', views.article_page, name='article_page'),
    path('edit/<int:article_id>',views.edit_page,name='edit_page'),
    path('edit/action',views.edit_action,name = 'edit_action')
index

通過objects.all()獲取所有的article對象賦值給articles
return中:
request為固定返回內(nèi)容
'blog/index.html'為響應(yīng)后的跳轉(zhuǎn)頁面
{'articles':articles}在字典中封裝所有要返回的數(shù)據(jù),前臺進(jìn)行解析
例如:

{% for article in articles %}
    <a href = "{% url 'blog:article_page' article.id %}">{{article.title}}</a>
    <br/>
{% endfor %}
article_page

該頁面顯示具體article的內(nèi)容,該方法額外獲取一個article_id作為輸入,該名稱與url中所寫保持相同:

path('article/<int:article_id>', views.article_page, name='article_page')

article = Article.ob.get(pk=article_id)通過primary key :id 來獲取唯一的article對象。

edit_page

該函數(shù)中做了一次判斷,如果前臺傳遞的id為0,說明是新建article,直接進(jìn)入edit_page,否則讀取id對應(yīng)的article用于前臺渲染。

edit_action

title = request.POST.get('title','TITLE')
通過POST.get獲取前臺form表單傳入的內(nèi)容,title為鍵,TITLE為默認(rèn)值。

通過article_id是否為0判斷是修改還是創(chuàng)建。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容