博客撰寫頁面開發:
頁面內容:1.標題編輯區;2.內容編輯區;3.提交按鈕
一、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>
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後,點擊修改:
點擊提交,文章修改完成: