注：iVX也有免費(fèi)直播課《第八期直播課》

一、文章管理頁頁面制作

文章管理頁的基本結(jié)構(gòu)與首頁類似，我們復(fù)制一個(gè)首頁，并且重命名首頁的名稱為文章管理頁：


我們接著刪除如下圖所框選部分內(nèi)容：

接著重命名導(dǎo)航為內(nèi)容：

刪除多余的內(nèi)容留下一個(gè)文本并且將文本內(nèi)容更改成位置列表：

接著需要更改內(nèi)容行的屬性，使其行可以自動(dòng)換行并且設(shè)置裁剪為 y 軸：

接著在內(nèi)容行下創(chuàng)建一個(gè)行命名為文章：

設(shè)置文章的高度為包裹：

接著在文章中添加兩個(gè)行，一個(gè)叫做左一個(gè)叫做右，左用于添加對(duì)應(yīng)的左側(cè)文章標(biāo)題，右對(duì)應(yīng)的添加刪除和編輯按鈕：

若想使這兩個(gè)行能夠在一行顯示，我們需要設(shè)置左右兩行的寬度總和為 100%，左行設(shè)置寬度為80%，右行設(shè)置寬度為 20%，并且由于行自帶高度還需要設(shè)置高度為包裹：

此時(shí)由于文章文本并沒有占據(jù)整行，在此需要設(shè)置這個(gè)文本的寬度為 100%，使其占滿整行內(nèi)容：

接著設(shè)置左行的文本內(nèi)容為文章標(biāo)題，設(shè)置文本寬度為100%：

接著在右行設(shè)置兩個(gè)按鈕，一個(gè)用于文章刪除一個(gè)用于文章編輯：

統(tǒng)一設(shè)置他們的圓角取消、寬度100%，以及文本更改：

二、文章刪除功能實(shí)現(xiàn)

刪除文章一般并不是真正的在數(shù)據(jù)庫中對(duì)數(shù)據(jù)進(jìn)行刪除，我們一般使用一個(gè)字段標(biāo)記內(nèi)容是否刪除，在此我們?cè)谖恼轮性O(shè)置一個(gè)字段為“是否刪除”：

接著更改數(shù)據(jù)庫值，0為正常，1為刪除：

接著創(chuàng)建一個(gè)服務(wù)命名為刪除文章，根據(jù)傳遞過來的ID值更改是否刪除列的值：

接著在服務(wù)中接收一個(gè)參數(shù)命名為刪除ID，隨后在邏輯中選擇對(duì)應(yīng)的數(shù)據(jù)庫，隨后選擇數(shù)據(jù)庫進(jìn)行有條件的字段更新，設(shè)置對(duì)應(yīng)的是否刪除為1即可，如果更新成功返回1表示成功否則直接返回失敗原因即可：

三、獲取當(dāng)前作者文章

此時(shí)要?jiǎng)h除文章數(shù)據(jù)我們還需要獲取當(dāng)前作者的文章數(shù)據(jù)，新建一個(gè)服務(wù)，通過傳遞一個(gè)昵稱來獲取當(dāng)前用戶的文章內(nèi)容（最好直接判斷當(dāng)前登錄用戶）：

此時(shí)直接通過傳遞一個(gè)昵稱獲取跟昵稱對(duì)應(yīng)的發(fā)布作者文章即可。

接著我們直接更改當(dāng)前頁面的事件即可：

接著我們創(chuàng)建一個(gè) for 循環(huán)把文章行放入其中：

設(shè)置循環(huán)創(chuàng)建的數(shù)據(jù)來源為當(dāng)前頁面中的文章數(shù)據(jù)：

接著給文本綁定內(nèi)容：

隨后給予刪除按鈕事件，點(diǎn)擊后調(diào)用服務(wù)即可：

那么此時(shí)完成后還需要對(duì)應(yīng)的在當(dāng)前頁面做出響應(yīng)，直接在當(dāng)前頁面循環(huán)文章的文章數(shù)據(jù)對(duì)象數(shù)組中刪除對(duì)應(yīng) ID 的一行數(shù)據(jù)即可，所以此時(shí)在完成刪除動(dòng)作后，判斷是否成功，如果成功就刪除對(duì)象數(shù)組的內(nèi)容即可：

此時(shí)我們預(yù)覽頁面成功的查看到元素，接著直接點(diǎn)擊刪除查看是否有效果：

點(diǎn)擊刪除后內(nèi)容空白，成功完成：

接著到數(shù)據(jù)庫中更改當(dāng)前刪除的標(biāo)記為0，咱們此時(shí)需要重新給予獲取當(dāng)前用戶的文章一個(gè)條件，還需要判斷文章是否刪除，此時(shí)更改獲取服務(wù)：

四、文章編輯頁及功能制作

接著我們復(fù)制一個(gè)文章發(fā)布頁作為文章編輯頁：

重命名該頁，并且更新發(fā)布按鈕為更新：

接著創(chuàng)建一個(gè)編輯ID變量存儲(chǔ)選擇編輯的文章：

回到管理頁，當(dāng)我們點(diǎn)擊了編輯后，跳轉(zhuǎn)到文章編輯頁時(shí)應(yīng)該給予編輯ID為點(diǎn)擊的文章ID，并且跳轉(zhuǎn)頁面：

隨后在文章編輯頁創(chuàng)建一個(gè)變量存儲(chǔ)詳情數(shù)據(jù)，并且給予對(duì)應(yīng)的列名：

接著給予當(dāng)前編輯頁顯示時(shí)間，顯示時(shí)直接調(diào)用之前編寫的詳情服務(wù)，傳入對(duì)應(yīng)ID之后用詳情對(duì)象數(shù)組存儲(chǔ)對(duì)應(yīng)的返回值即可：

接著我們?yōu)轫撁嬷械娜萜鹘壎ㄖ?#xff1a;

接著創(chuàng)建一個(gè)服務(wù)為更新內(nèi)容，接收標(biāo)題、內(nèi)容和ID為參數(shù)，通過ID進(jìn)行內(nèi)容更新：

最后給更新事件添加服務(wù)，傳入對(duì)應(yīng)參數(shù)即可：

最后我們更改標(biāo)題：

點(diǎn)擊更新之后成功更新：
最后首頁顯示內(nèi)容已更改：

總結(jié)

以上是生活随笔為你收集整理的七、文章管理页面及功能实现《iVX低代码/无代码个人博客制作》的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。