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後,點擊修改:

點擊提交,文章修改完成:



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章