国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

Django搭建個人博客:編寫刪除文章功能

Chaz / 1639人閱讀

摘要:既然有了寫文章的功能,那當然也必須要有刪除文章的功能了。編寫基本功能有了之前的學(xué)習(xí)做鋪墊,刪除文章實現(xiàn)起來就比較簡單了。保存所有文件后刷新頁面,很好,達到了理想的效果總結(jié)本章新增了刪除博客文章的功能,并且使用了彈窗組件優(yōu)化了用戶體驗。

既然有了寫文章的功能,那當然也必須要有刪除文章的功能了。

編寫基本功能

有了之前的學(xué)習(xí)做鋪墊,刪除文章實現(xiàn)起來就比較簡單了。

首先增加一個視圖函數(shù):

article/views.py

...

# 刪文章
def article_delete(request, id):
    # 根據(jù) id 獲取需要刪除的文章
    article = ArticlePost.objects.get(id=id)
    # 調(diào)用.delete()方法刪除文章
    article.delete()
    # 完成刪除后返回文章列表
    return redirect("article:article_list")

與查詢文章類似,因為需要知道具體應(yīng)該刪除哪一篇文章,因此必須傳入文章的id

緊接著調(diào)用.delete()函數(shù)刪除數(shù)據(jù)庫中這篇文章的條目;

刪除成功后返回到文章列表。

這里與上一章一樣,不對用戶的身份進行限制,即任何人都可以刪除任意文章。當然這樣肯定是不符合常理的,等到我們學(xué)習(xí)了用戶管理的知識后,再回頭來修改。

然后寫入路由信息:

article/urls.py

...

urlpatterns = [
    ...
    # 刪除文章
    path("article-delete//", views.article_delete, name="article_delete"),
]

這里幾乎與文章詳情的寫法一樣,沒有新的內(nèi)容。再次注意文章的id是如何傳遞到視圖中的。

最后我們希望能夠在文章詳情的頁面進行刪除的操作(當然也可以在專門的管理文章的頁面中),因此修改模板detail.html

templates/article/detail.html

...


...
作者:{{ article.author }} · 刪除文章
...
...

這里增加了一個調(diào)用article_delete視圖函數(shù)的鏈接,并且將article.id傳遞進去。

運行開發(fā)服務(wù)器,可以發(fā)現(xiàn)已經(jīng)能夠正常的刪除文章了:

增加彈窗

功能已經(jīng)實現(xiàn)了,但是還有個小問題沒有解決:萬一我只是不小心點到了鏈接,辛辛苦苦寫的文章就被刪除了,豈不是欲哭無淚了?

很容易想到的一個解決方法,就是點擊刪除按鈕是出現(xiàn)一個彈窗,確認后再進行刪除,確保用戶不是誤操作的。

彈窗是很常用的功能,但是想寫出一個美觀好用的彈窗卻不容易。幸運的是我們不需要重復(fù)造輪子,早就有革命先驅(qū)做好相關(guān)的功能了,這里我們選擇使用Layer彈窗組件

layer是一款備受青睞的web彈層組件,具備全方位的解決方案。首先到官網(wǎng)下載Layer插件:Layer

解壓后將里面的layer文件夾(含有l(wèi)ayer.js的)直接復(fù)制到項目的static文件夾下。

為了未來在所有頁面都能使用Layer彈窗功能,在base.html中通過標簽引入:

templates/base.html

...


    ...

    
    
    ...
    
    


...

layer插件依賴jquery才能正常工作,因此要在jquery的后面引入layer。

再次改寫模板文件detail.html

templates/article/detail.html

...


...
作者:{{ article.author }} · 刪除文章
...
{% endblock content %}

這里將href鏈接去除掉,增加了onclick屬性,表示在點擊鏈接的時候調(diào)用后面的confirm_delete()函數(shù);函數(shù)中調(diào)用了layer彈窗組件,對彈窗的標題、正文以及點擊確定鍵的行為作出了規(guī)定(當然Layer組件遠不止這些用法,具體可在官方文檔中查閱)。location.href定義了點擊確定鍵后應(yīng)該前往的地址,即刪除文章的url。

保存所有文件后刷新頁面,很好,達到了理想的效果:

總結(jié)

本章新增了刪除博客文章的功能,并且使用了彈窗組件優(yōu)化了用戶體驗。

下一章將學(xué)習(xí)如何更新文章,準備好繼續(xù)作戰(zhàn)吧。

有疑問請在杜賽的個人網(wǎng)站留言,我會盡快回復(fù)。

或Email私信我:dusaiphoto@foxmail.com

項目完整代碼:Django_blog_tutorial

轉(zhuǎn)載請告知作者并注明出處。

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/42594.html

相關(guān)文章

  • Django搭建個人博客編寫博客文章的Model模型

    摘要:在里寫一個數(shù)據(jù)庫驅(qū)動的應(yīng)用的第一步是定義模型,也就是數(shù)據(jù)庫結(jié)構(gòu)設(shè)計和附加的其它元數(shù)據(jù)。模型元數(shù)據(jù)是任何不是字段的東西,例如排序選項數(shù)據(jù)庫表名單數(shù)和復(fù)數(shù)名稱和。 Django 框架主要關(guān)注的是模型(Model)、模板(Template)和視圖(Views),稱為MTV模式。 它們各自的職責(zé)如下: 層次 職責(zé) 模型(Model),即數(shù)據(jù)存取層 處理與數(shù)據(jù)相關(guān)的所有事務(wù): 如何存取...

    winterdawn 評論0 收藏0
  • Django搭建個人博客:在博文中發(fā)表評論

    摘要:確認創(chuàng)建成功后,記得在中注冊因為我們想顯示發(fā)表評論的時間,修改時區(qū)設(shè)置為上海的時區(qū)。處理錯誤請求發(fā)表評論僅接受請求。返回到一個適當?shù)闹屑从脩舭l(fā)送評論后,重新定向到文章詳情頁面。總結(jié)本章實現(xiàn)了發(fā)表評論展示評論的功能。 在沒有互聯(lián)網(wǎng)的年代,我們用日記來記錄每天的心得體會。小的時候我有一個帶鎖的日記本,生怕被別人看見里面寫了啥,鑰匙藏得那叫一個絕。 現(xiàn)在時代變了,網(wǎng)絡(luò)版的日記本:博客,卻巴不...

    Jinkey 評論0 收藏0
  • Django搭建個人博客:完成修改文章功能

    摘要:目前為止我們已經(jīng)完成了文章的新建刪除以及查看,還剩最后一項,即對已經(jīng)完成的文章進行修改。總結(jié)至此我們就實現(xiàn)了一篇文章的增刪改查四個基礎(chǔ)功能,也算小有成就。有疑問請在杜賽的個人網(wǎng)站留言,我會盡快回復(fù)。 目前為止我們已經(jīng)完成了文章的新建、刪除以及查看,還剩最后一項,即對已經(jīng)完成的文章進行修改。 實際上修改文章與新建文章有點類似,不同的地方有兩點: 修改是在原有文章的基礎(chǔ)上,因此需要傳遞 ...

    terasum 評論0 收藏0
  • Django搭建個人博客:使用Form表單類發(fā)表新文章

    摘要:一些表單界面元素文本框或復(fù)選框非常簡單并內(nèi)置在中,而其他會復(fù)雜些像彈出日期選擇等操作控件。和標簽中的屬性指定了當前文本框提交的數(shù)據(jù)的名稱,它必須與表單類中的字段名稱對應(yīng),否則服務(wù)器無法將字段和數(shù)據(jù)正確的對應(yīng)起來。 前面我們已經(jīng)學(xué)會如何用Markdown語法書寫文章了。 但是還有問題呀。之前寫文章都是在后臺中進行的,萬一有別的普通用戶也要發(fā)表文章怎么辦?萬一我想拓展些后臺中沒有的提交驗證...

    Java3y 評論0 收藏0
  • Django搭建個人博客:用戶的登錄和登出

    摘要:最常見的用法就是存儲用戶的登錄數(shù)據(jù)。如果用戶未登錄,則顯示登錄兩個字提醒用戶可以點擊登錄。創(chuàng)建文件用戶登錄配置根路由用戶管理配置因為這個并沒有改動,因此不用遷移數(shù)據(jù)。總結(jié)本章用到了表單類模板語句用戶驗證等知識完成了用戶管理的登錄和退出。 用戶管理 用戶數(shù)據(jù)可以說是大部分網(wǎng)站最重要的資產(chǎn)。用戶管理就是對用戶數(shù)據(jù)進行增刪改查等操作的功能,自然也就非常的重要了。 本章開始學(xué)習(xí)用戶管理的內(nèi)容,...

    whidy 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<