Django学习：添加文章页面（10）

最新推荐文章于 2023-02-22 09:56:35 发布

南太平洋_99

最新推荐文章于 2023-02-22 09:56:35 发布

阅读量3.1k

点赞数 5

分类专栏： Django学习笔记

本文链接：https://blog.csdn.net/heyue_99/article/details/56669571

版权

Django学习笔记专栏收录该内容

19 篇文章 0 订阅

订阅专栏

博客中添加文章页面及响应

在template中添加add_article.html页面（form label input）请求方法使用post

这个页面涉及到了两个响应函数 1）显示页面的响应函数 2）表单提交的响应函数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>edit article</title>
</head>
<body>
<form action=" " method="post">
    <label>文章标题
        <input type="text" name="title" />
    </label>
    <p></p>
    <label>文章内容
        <input type="text" name="content" />
    </label>
    <p></p>
    <input type="submit" value="提交">
</form>
</body>
</html>

显示页面的响应函数

views.py

def add_page(request):
    return render(request, 'blog/add_article.html')

urls.py

urlpatterns = [
    url(r'^$', views.index),
    url(r'^article/(?P<article_id>[0-9]+)$', views.page, name='page'),
    url(r'^edit/$', views.add_page, name='add_page'),
]

打开服务器 localhost:8000/blog/edit

表单提交的响应函数

在表单里填写的内容，浏览器通过HTTP请求传递到后台的时候，这些数据都会被写在请求中，因此后台代码接受表单数据的过程实际上就是接受HTTP请求中夹带数据的过程

编辑响应函数

使用 request.POST[' 参数名 '] 获取表单数据（通过HTTP请求，传递的数据就放在request里，HTTP请求分为post，get等方法，request对不同方法创建了字典，用于存储数据，request.POST里面的键值对就是前端的数据）

取得数据之后，要放入数据库中（models类）：

models.Article.objects.create(title,content)创建对象

views.py（return响应后的页面）

def edit_action(request):
    title = request.POST.get('title','TITLE')
    content = request.POST.get('content','CONTENT')
    models.Article.objects.create(title=title,content=content)
    arts = models.Article.objects.all()
    return render(request, 'blog/index.html', {'articles': arts})

urls.py

urlpatterns = [
    url(r'^$', views.index),
    url(r'^article/(?P<article_id>[0-9]+)$', views.page, name='page'),
    url(r'^edit/$', views.add_page, name='add_page'),
    url(r'^edit/action$', views.edit_action, name='edit_action'),
]

add_article.html中表单form的action添加

<form action="{% url 'blog:edit_action' %}" method="post">

打开服务器 localhost:8000/blog/edit

在表格中输入后，点击提交，页面会出现

禁止访问（403）

CSRF验证失败，响应中断

这是安全性问题，如果用post提交表单，要在form中加入 {% csrf_token %} 用于防范csrf（跨站请求伪造）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>edit article</title>
</head>
<body>
<form action="{% url 'blog:edit_action' %}" method="post">
    {% csrf_token %}
    <label>文章标题
        <input type="text" name="title" />
    </label>
    <p></p>
    <label>文章内容
        <input type="text" name="content" />
    </label>
    <p></p>
    <input type="submit" value="提交">
</form>
</body>
</html>

index.html中新文章加上url

<body>
<h1><a href="#">我的博客</a> </h1>
<h3><a href="{% url 'blog:add_page' %}">添加新文章</a> </h3>
{% for wz in articles %}
<a href="{% url 'blog:page' wz.pk %}">{{ wz.title }}</a>
<br/>
{% endfor %}
</body>

打开服务器 localhost:8000/blog，点击添加新文章，完成文章标题和内容的填写，点击提交

南太平洋_99

关注

5
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
Django学习：添加文章页面（10）

博客中添加文章页面及响应在template中添加add_article.html页面（form label input）请求方法使用post这个页面涉及到了两个响应函数 1）显示页面的响应函数 2）表单提交的响应函数 edit article 文章标题文章内容
复制链接

扫一扫

专栏目录