Django学习:修改文章和添加文章(11)

时间:2021-11-09 15:03:43

博客页面的修改文章和添加新文章

从主页点击不同文章的超链接进入文章页面,就是传递了一个id作为参数,然后后台代码根据这个参数从数据库中取出来对应的文章,并把它传递到前端页面

修改文章和添加新文章,是要进入编辑页面,但编辑页面一个内容为空,一个有内容

根据上述思路,通过id 来区分不同的编辑页面(添加新文章的编辑页面id设为0即可)


传id到后台的两种方法:1)通过url传递文章id ,添加响应函数的参数  2)把id放在隐藏标签的value里面


利用方法1来修改add_page响应函数

view.py中add_article.html页面的显示页面响应函数中添加article_id参数

如果参数为0,直接返回添加新文章表单页面

不为0,获取数据库中主键为article_id的数据对象,传入前端

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

urls.py中对应url加上article_id

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

文章页面page.html 添加修改文章的url

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>page</title>
</head>
<body>
<h1>{{ article.title }}</h1>
<br/>
<h3>{{ article.content }}</h3>
<br/><br/>
<a href="{% url 'blog:add_page' article.id %}">修改文章</a>
</body>
</html>

主页面index.html 添加新文章url中加 0

<h3><a href="{% url 'blog:add_page' 0 %}">添加新文章</a> </h3>

文章编辑页面add_article.html页面

如果有后台传入article对象,表单中加入value

{% if *** %}

{% else %}

{% endif %}

<!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 %}
    {% if article %}
    <label>文章标题
        <input type="text" name="title" value="{{ article.title }}"/>
    </label>
    <p></p>
    <label>文章内容
        <input type="text" name="content" value="{{ article.content }}"/>
    </label>
    {% else %}
    <label>文章标题
        <input type="text" name="title"/>
    </label>
    <p></p>
    <label>文章内容
        <input type="text" name="content"/>
    </label>
    {% endif %}
    <p></p>
    <input type="submit" value="提交">
</form>
</body>
</html>


利用方法2来修改edit_action响应函数

文章编辑页面add_article.html页面

<!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 %}
    {% if article %}
    <input type="hidden" name="article_id" value="{{ article.id }}">
    <label>文章标题
        <input type="text" name="title" value="{{ article.title }}"/>
    </label>
    <p></p>
    <label>文章内容
        <input type="text" name="content" value="{{ article.content }}"/>
    </label>
    {% else %}
    <input type="hidden" name="article_id" value="0">
    <label>文章标题
        <input type="text" name="title"/>
    </label>
    <p></p>
    <label>文章内容
        <input type="text" name="content"/>
    </label>
    {% endif %}
    <p></p>
    <input type="submit" value="提交">
</form>
</body>
</html>

修改views.py

后台获取article_id

如果为0,数据库创建新的对象

否则,取出数据库中对应对象,修改对象

修改对象:article.title = title    article.save()

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

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

Django学习:修改文章和添加文章(11)

点击添加新文章,进入了http://localhost:8000/blog/edit/0,填写后可提交

Django学习:修改文章和添加文章(11)

点击第一篇修改的文章  进入了ttp://localhost:8000/blog/article/1

Django学习:修改文章和添加文章(11)

点击修改文章,进入了http://localhost:8000/blog/edit/1,修改后即可提交

Django学习:修改文章和添加文章(11)