django学习笔记--博客撰写页面2

2018-01-06  本文已影响0人  hs_a2d1

目前还有1个功能没实现,就是在文章页面里点修改文章后应该显示一个与新建文章页面类似的页面,只不过在title和content里的内容是原来文章的内容,修改完后将新的title和content赋值给该篇文章。为了简洁,可以与新建文章用1套模板、响应函数、url配置。既然文章的id从1开始计,显示在url最后,那么新建文章可以用数字0,也显示在url最后,这样可被同一套正则表达式匹配。在edit_page.html里:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Edit Page</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="content" name="content" value="{{ article.content }}"/>
        </label>
        <br/>
    {% else %}
        <input type="hidden" name="article_id" value="0"/>
        <label>文章标题
            <input type="text" name="title"/>
        </label>
        <br/>
        <label>文章内容
            <input type="content" name="content"/>
        </label>
        <br/>
    {% endif %} 
    <input type="submit" value="提交">
</form> 
</body>
</html>

这里用到了条件判断。如果url传递的article_id存在,则说明是修改页面,输入框里有内容,即:

<input type="text" name="title" value="{{ article.title }}"/>

如果不存在,则id为0,即发表新文章,不需要value:

 <input type="text" name="title"/>

至于

 <input type="hidden" name="article_id" value="0"/>

等下说。
然后编辑响应函数

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

如果id(从网址栏输入的)为0则跟之前那篇一样,不需要获取数据库信息,响应出编辑页面。如果id存在且对应着一篇文章,则获取该id,并且响应上边的模板,而该模板又规定在id存在的情况下获取数据库信息并显示在输入框。编辑urls.py:

from django.conf.urls import url
from . import views

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

把修改文章的超链接做好:

<!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>
<br><br/>
<a href="{% url 'blog:edit_page' article.id%}">修改文章</a>
</body>
</html>

点击提交的请求对应的响应函数:

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 article_id == '0':
        models.Article.objects.create(title=title,content=content)
        articles = models.Article.objects.all()
        return render(request,'blog/index.html',{'articles':articles})
    article = models.Article.objects.get(pk=article_id)
    article.title = title
    article.content = content
    article.save()
    return render(request,'blog/article_page.html',{'article':article})

注意字典的get方法dict.get(key,default)意思是调用键为key的值,如果不存在则返回default。 article_id = request.POST.get('article_id','0')这里,如果不存在'article_id'则返回0,即为新发表文章。现在说下刚才没解释的

 <input type="hidden" name="article_id" value="0"/>

可以看到edit_action这个响应函数需要id。如果id为0就和之前一样,创建一个新文章(对象)。如果id不是0,则需要从数据库获取该id的对象,并把新的title和content赋值给该对象。那么这个id就要从request里来,这就又让我想到article.POST。之前用它获取request里的用户输入的文章标题和内容,现在获取修改的文章的id。而该id不需要人输入,不用显示出一个输入框之类的东西,所以有type=“hidden”。(我没学过html,靠猜的。)这个article_id是从urls.py的子组里来的,匹配到地址了提取出里面的id存在article_id这个变量里,传递给响应函数,传递给html。(理论上我觉得应该先给响应函数,响应函数再决定响应哪个模板。但是如果这样我觉得就没必要在模板里提到article_id,反正人家也不用。这里有点没太懂。)
id=0就是发表新文章。id不是0就是修改文章,把输入栏里的内容赋值给对象即可。

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

这里我的理解是,告诉了该form下边的提交按钮该调用哪个urls函数。因为其他地方也没写。
这样博客基本就完成了。

上一篇下一篇

猜你喜欢

热点阅读