開發(fā)實(shí)例基于入門教程:
http://www.reibang.com/p/0fe287440973
1 html內(nèi)容解析:
主頁(yè):
<!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為后臺(tái)傳遞的內(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')
文章詳情頁(yè)面:
<!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>
通過(guò)<a>進(jìn)行參數(shù)傳遞:
<a href="{% url 'blog:edit_page' article.id %}">修改文章</a>
#后臺(tái)傳遞了article對(duì)象,將article對(duì)象的id屬性傳遞到edit_page這個(gè)url中骑歹。<int:article_id>表示接收一個(gè)int值賦給變量article_id祷膳。
# path('edit/<int:article_id>',views.edit_page,name='edit_page')
編輯頁(yè)面:
<!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表單通過(guò)post傳遞到后臺(tái)蛮瞄,后臺(tái)解析過(guò)程通過(guò) input 的 name 來(lái)獲取對(duì)應(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')),
]
通過(guò)path(include('app.urls', namespace = 'app_name')) 來(lái)將app下的urls.py引入阅签,并給定對(duì)應(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), 是一種通過(guò)正則獲取對(duì)應(yīng)類型參數(shù)的方法
]
在下面這個(gè)path中
path('article/<int:article_id>', views.article_page, name='article_page')
'article/<int:article_id>'是完整的url枕面,其中<int:article_id>表示一個(gè)int值,該值在鏈接跳轉(zhuǎn)過(guò)程中賦予缚去。
例如下面這個(gè)鏈接中潮秘,就將article對(duì)象的id傳入url中
<a href = "{% url 'blog:article_page' article.id %}">{{article.title}}</a>
3 后臺(tái)views.py
一個(gè)app下一個(gè)views.py來(lái)控制所有的url訪問(wèn)
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都對(duì)應(yīng)著上面的urls中的內(nèi)容搞动,實(shí)際是在urls中調(diào)用了這些方法來(lái)響應(yīng)一個(gè)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
通過(guò)objects.all()獲取所有的article對(duì)象賦值給articles
return中:
request為固定返回內(nèi)容
'blog/index.html'為響應(yīng)后的跳轉(zhuǎn)頁(yè)面
{'articles':articles}在字典中封裝所有要返回的數(shù)據(jù)我磁,前臺(tái)進(jìn)行解析
例如:
{% for article in articles %}
<a href = "{% url 'blog:article_page' article.id %}">{{article.title}}</a>
<br/>
{% endfor %}
article_page
該頁(yè)面顯示具體article的內(nèi)容刻诊,該方法額外獲取一個(gè)article_id作為輸入,該名稱與url中所寫保持相同:
path('article/<int:article_id>', views.article_page, name='article_page')
article = Article.ob.get(pk=article_id)通過(guò)primary key :id 來(lái)獲取唯一的article對(duì)象倒戏。
edit_page
該函數(shù)中做了一次判斷箩溃,如果前臺(tái)傳遞的id為0瞭吃,說(shuō)明是新建article碌嘀,直接進(jìn)入edit_page,否則讀取id對(duì)應(yīng)的article用于前臺(tái)渲染歪架。
edit_action
title = request.POST.get('title','TITLE')
通過(guò)POST.get獲取前臺(tái)form表單傳入的內(nèi)容股冗,title為鍵,TITLE為默認(rèn)值和蚪。
通過(guò)article_id是否為0判斷是修改還是創(chuàng)建魁瞪。