注:iVX也有免費直播課《第八期直播課》
一、文章編輯頁制作
當首頁制作完畢后,需要顯示內容就需要有文章數據,此時我們創建一個文章編輯頁增加對應的數據。
那么我們創建一個頁面,命名為文章發布頁:
接著我們查看標題部分:
此部分為左右兩邊,左側為標題提示輸入和一個標題的文本輸入框,右側是一個發布按鈕,此時我們創建左右兩行:
由于左右兩行需要在同一行顯示,那么此時我們就需要設置左右兩行的寬度為 50%,使其不占滿超過100%的寬度居于一行,并且需要設置高度為包裹:
接著在左側添加一個文本以及一個輸入框:
那么右側就是一個發布按鈕,發布按鈕更改完對應的屬性后如下:
接著我們創建一個行命名為編輯器,并且設置這個行的高度為撐開:
接著在這個行內創建一個富文本編輯器,再將富文本編輯器的高度設置100%即可:
二、數據庫創建
現在我們的頁面制作完畢后,那么接下來就需要創建數據庫存儲我們發布的內容;此時點擊后臺創建一個數據庫:
此時我們可以重命名當前數據庫為文章數據:
接著,我們點擊數據庫,在數據庫中添加文章字段,我們需要添加的字段有 文章標題、文章內容、文章閱讀、文章點贊以及點贊用戶列表;在這里存儲文章點贊用戶列表是為了方便對要點贊或者登錄后的用戶訪問文章后判斷是否已經點贊,若已經 點贊,那么就顯示已點贊。
此時我們在數據庫中添加上述的幾個字段:
此時我們需要注意,店在哪用戶列表的字段類型為 json,為json 的原因是存儲了對應的數據是一個數組數據,存儲到數據庫的內容是字符串的“文本形式”。
三、文章數據提交服務創建
接著,我們創建一個服務命名為文章數據提交:
隨后我們編輯當前的文章數據提交服務,首先需要確定要接受的值:
其他值例如閱讀數、點贊數這些都是存在默認值,那么此時我們不需要接受值的傳入。那么接著選擇對應的數據庫提交值即可:
在這里,我們依次把對應的數據進行提交,在點贊用戶列表處添加了“[]”表示空數組內容,也就是默認為空的意思。
接著,我們創建一個回調事件,只要返回的條件是成功的,那么就返回1表示正確,否則其余情況直接返回失敗原因即可:
四、點擊按鈕事件設定
接著我們給對應的發布按鈕增加事件,只要發布按鈕點擊后,直接使用服務,服務對應的提交數據,但是此時我們發現,我們的發布作者暫時還未知道是什么:
那么此時我們直接創建一個變量,命名為用戶昵稱,默認值為“匿名”,只要用戶未登錄,發布的用戶都統一昵稱為匿名即可:
接著編寫提交按鈕的回調判斷即可:
只要返回結果的值為1,那么就是表示成功提交,否則直接彈出返回結果,也就是對應的失敗原因即可。
接著我們預覽當前頁面,隨后復制一段內容進行提交:
點擊發布后成功提交內容:
并且在數據庫中也找到了對應的內容:
此時該功能成功完成。