博客撰写页面开发:
页面内容: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后,点击修改:
点击提交,文章修改完成: