摘要:首先傳入演員列表,并循環輸出刷新首頁,就看見顯示的演員的列表到目前為止,最簡單的組件我們就創建好了,我們可以繼續擴展其功能。
本節將創建有關actor的組件:
首先創建一下目錄結構
首先創建插件的基本功能
namespace RaiseinfoMoviesComponents; use CmsClassesComponentBase; use RaiseinfoMoviesModelsActor; class Actors extends ComponentBase { public $actors; public function componentDetails() { // TODO: Implement componentDetails() method. return [ "name" => "Actor List", "description" => "List of actors" ]; } public function onRun() { $this->actors = $this->loadActors(); } protected function loadActors() { return Actor::all(); } }
注冊組件
public function registerComponents() { return [ "RaiseinfoMoviesComponentsActors" => "actors" ]; }
切換到后臺,我們可以看見組件里面已經有了我們剛剛創建的組件了
在首頁添加演員列表
打開首頁,刷新頁面,發現沒有任何輸出,這是因為,我們沒有編寫組件的HTML,所以不會有任何顯示。
首先傳入演員列表,并循環輸出
{% set actors = __SELF__.actors %}
刷新首頁,就看見顯示的演員的列表:
到目前為止,最簡單的組件我們就創建好了,我們可以繼續擴展其功能。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/28877.html
摘要:項目源碼地址文章視頻基本界面的后臺管理很簡單,沒有多余的功能。首頁部分是儀表盤顯示了系統的基本信息。修改完成后,在編輯器里面保存此文件。在上部出現了一個懸浮框,名稱為帖子列表。 項目源碼地址:https://gitee.com/494901823/O... 文章視頻:http://www.365yg.com/i6567357... 基本界面 showImg(https://segmen...
摘要:在頁面中顯示的影片列表是最原始的格式顯示的。那么我們對這個列表及其詳情頁進行格式化。因為影片介紹內容太長了,我們希望只顯示其中的前個字符。下面我們創建詳情頁面。 在movies頁面中顯示的影片列表是最原始的格式顯示的。那么我們對這個列表及其詳情頁進行格式化。themesraiseinfopagesmovies.htm如下所示,列表采用的是attribute來顯示的 {% fo...
摘要:所以,實際上我們沒有辦法保存這些信息。下一節我們將解決這個問題。 在上一節中我們是使用repeater字段存儲演員信息的,當然這不是最佳的方式,我們希望,演員的信息能夠存儲在單獨的表中,而且演員的信息可能需要更多的字段進行存儲。然后將演員表和其他表進行關聯,就好像視頻表和風格表之間的關聯一樣。 showImg(https://segmentfault.com/img/bVbcpEb?w...
摘要:上一節我們通過組件為首頁添加了組件,顯示了演員的列表。但是,我們只是設置了選項,這個選項并沒有對數據進行控制。演員排序對演員排序以姓名升序排列以姓名降序排列好的,現在選項顯示出來。 上一節我們通過actor組件為首頁添加了組件,顯示了演員的列表。下面我們將為組件添加一些屬性:defineProperties這個函數會返回一個數組,數組里面的每個數組將返回的是每個選項 添加顯示演員個數限...
摘要:下面修改部件,實現數據保存首先需要準備數據變量,給小部件使用接下來就可以修改插件了現在顯示了演員表中的所有演員的名,但是,沒有顯示所有演員的姓。 上節我們只是建立了小插件,但是數據是模擬的,我們希望將數據存儲起來,那么我們就需要通過關聯表將數據與視頻表關聯并保存,下面我們打開Builder,創建演員表 【database】 showImg(https://segmentfault.co...
閱讀 1868·2021-11-22 09:34
閱讀 1141·2021-10-09 09:44
閱讀 3001·2021-09-29 09:35
閱讀 3617·2021-09-14 18:01
閱讀 1465·2021-08-16 10:49
閱讀 1084·2019-08-29 14:11
閱讀 849·2019-08-29 12:47
閱讀 3068·2019-08-26 13:47