开发实例基于入门教程:
https://www.jianshu.com/p/0fe287440973
1 html内容解析:
主页:
<!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循环写法:
{% for xx in xxs %}
...
{% endfor %}
# xxs为后台传递的内容,在views.py中以{Key:Value}的形式给出,例如:
# return render(request,'blog/index.html',{'articles':articles})
取参数写法:
{{XX.title}}
超链接写法:
href = " {% url ‘app_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>进行参数传递:
<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>文章标题:
<input type="text" name="title" value = "{{article.title}}"/>
</label>
</br>
<label>文章内容:
<input type="text" name="content" value = "{{article.content}}"/>
</label>
</br>
{% else %}
<label>文章标题:
<input type="text" name="title"/>
</label>
</br>
<label>文章内容:
<input type="text" name="content"/>
</label>
</br>
{% endif %}
<input type="submit">
</br>
</form>
</body>
</html>
安全token:
{% csrf_token %}
if逻辑块:
{% if article %}
...
{% else %}
...
{% endif %}
input 标签
<input type="hidden" name="article_id" value = "{{article.id}}"/>
# 组件form表单通过post传递到后台,后台解析过程通过 input 的 name 来获取对应的内容。
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引入,并给定对应的命名空间。
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), 是一种通过正则获取对应类型参数的方法
]
在下面这个path中
path('article/<int:article_id>', views.article_page, name='article_page')
'article/<int:article_id>'是完整的url,其中<int:article_id>表示一个int值,该值在链接跳转过程中赋予。
例如下面这个链接中,就将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都对应着上面的urls中的内容,实际是在urls中调用了这些方法来响应一个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为固定返回内容
'blog/index.html'为响应后的跳转页面
{'articles':articles}在字典中封装所有要返回的数据,前台进行解析
例如:
{% for article in articles %}
<a href = "{% url 'blog:article_page' article.id %}">{{article.title}}</a>
<br/>
{% endfor %}
article_page
该页面显示具体article的内容,该方法额外获取一个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
该函数中做了一次判断,如果前台传递的id为0,说明是新建article,直接进入edit_page,否则读取id对应的article用于前台渲染。
edit_action
title = request.POST.get('title','TITLE')
通过POST.get获取前台form表单传入的内容,title为键,TITLE为默认值。
通过article_id是否为0判断是修改还是创建。