Django学习笔记(9)

博客撰写页面开发:

页面内容:1.标题编辑区;2.内容编辑区;3.提交按钮

一、HTML页面:

1.新建一个HTML文件,取名: editPage.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Edit Page</title>
</head>
<body>
    <form action="" method="post">
        <label>
            文章标题<input type="text" name="title">
        </label>
        <br/>
        <label>
            文章内容<input type="text" name="content">
        </label>
        <br/>
        <input type="submit">
    </form>
</body>
</html>

2.编写 views.py
3.配置URL:

4.打开浏览器,看效果:


二、后台代码编写:

1.打开views.py文件,编写代码:

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

2.配置editAction的URL:


3.把editAction的添加到页面的action中:

4.打开浏览器,查看效果:


发现报错了,报错原因是安全问题;接下来就是解决办法:

5.打开editPage页面,添加一行代码:


6.再次打开浏览器,输入信息,查看效果:




三、点击新文章:

1.在index.html中添加代码:

2.打开浏览器查看效果:

点击新文章!

点击提交!


四、编写修改文章页面:

1.修改views.py文件中的editPage函数:


2.配置URL:

3.修改前端代码:



4.修改后台响应函数:


5.接下来就是打开浏览器查看效果:

点击新文章:

点击hello后,点击修改:

点击提交,文章修改完成:



猜你喜欢

转载自blog.csdn.net/u011798443/article/details/80736508