摘要:上一節(jié)我們通過(guò)組件為首頁(yè)添加了組件,顯示了演員的列表。但是,我們只是設(shè)置了選項(xiàng),這個(gè)選項(xiàng)并沒(méi)有對(duì)數(shù)據(jù)進(jìn)行控制。演員排序?qū)ρ輪T排序以姓名升序排列以姓名降序排列好的,現(xiàn)在選項(xiàng)顯示出來(lái)。
上一節(jié)我們通過(guò)actor組件為首頁(yè)添加了組件,顯示了演員的列表。
下面我們將為組件添加一些屬性:defineProperties
這個(gè)函數(shù)會(huì)返回一個(gè)數(shù)組,數(shù)組里面的每個(gè)數(shù)組將返回的是每個(gè)選項(xiàng)
File:plugins aiseinfomoviescomponentsActors.php public function defineProperties() { return [ "results" => [ "title" => "顯示演員的個(gè)數(shù)", "description" => "您希望顯示多少個(gè)演員?", "default" => 0, "validationPattern" => "^[0-9]+$", "validationMessage" => "只允許輸入數(shù)字。" ] ]; }
但是,我們只是設(shè)置了選項(xiàng),這個(gè)選項(xiàng)并沒(méi)有對(duì)數(shù)據(jù)進(jìn)行控制。下面解決使用這個(gè)選項(xiàng)控制數(shù)據(jù)的顯示:
File:plugins aiseinfomoviescomponentsActors.php protected function loadActors() { $query = Actor::all(); if($this->property("results") > 0){ $query = $query->take($this->property("results")); } return $query; }控制演員排序規(guī)則
File:plugins aiseinfomoviescomponentsActors.php public function defineProperties() { return [ "results" => [ "title" => "顯示演員的個(gè)數(shù)", "description" => "您希望顯示多少個(gè)演員?", "default" => 0, "validationPattern" => "^[0-9]+$", "validationMessage" => "只允許輸入數(shù)字。" ], "sortOrder" => [ "title" => "演員排序", "description" => "對(duì)演員排序", "type" => "dropdown", "default" => "name asc" ] ]; }
File:plugins aiseinfomoviescomponentsActors.php public function getSortOrderOptions() { return [ "name asc" => "以姓名升序排列", "name desc" => "以姓名降序排列" ]; }
好的,現(xiàn)在選項(xiàng)顯示出來(lái)。接下來(lái)實(shí)現(xiàn)對(duì)數(shù)據(jù)的控制
File:plugins aiseinfomoviescomponentsActors.php protected function loadActors() { $query = Actor::all(); if($this->property("sortOrder") == "name asc"){ $query = $query->sortBy("name"); } if($this->property("sortOrder") == "name desc"){ $query = $query->sortByDesc("name"); } if($this->property("results") > 0){ $query = $query->take($this->property("results")); } return $query; }
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/28893.html
摘要:項(xiàng)目源碼地址文章視頻基本界面的后臺(tái)管理很簡(jiǎn)單,沒(méi)有多余的功能。首頁(yè)部分是儀表盤(pán)顯示了系統(tǒng)的基本信息。修改完成后,在編輯器里面保存此文件。在上部出現(xiàn)了一個(gè)懸浮框,名稱(chēng)為帖子列表。 項(xiàng)目源碼地址:https://gitee.com/494901823/O... 文章視頻:http://www.365yg.com/i6567357... 基本界面 showImg(https://segmen...
摘要:創(chuàng)建插件對(duì)于來(lái)講是很簡(jiǎn)單的事情,因?yàn)?,提供了一個(gè)插件構(gòu)建器具體步驟這里就不贅述了。安裝完成后,會(huì)出現(xiàn)上圖所示的菜單創(chuàng)建自己的插件的方法是點(diǎn)擊如下圖所示的小按鈕。 創(chuàng)建插件對(duì)于October來(lái)講是很簡(jiǎn)單的事情,因?yàn)?,October提供了一個(gè)插件構(gòu)建器:RainLab.Builder showImg(https://segmentfault.com/img/bVbcoxL?w=1266&h...
摘要:首先傳入演員列表,并循環(huán)輸出刷新首頁(yè),就看見(jiàn)顯示的演員的列表到目前為止,最簡(jiǎn)單的組件我們就創(chuàng)建好了,我們可以繼續(xù)擴(kuò)展其功能。 本節(jié)將創(chuàng)建有關(guān)actor的組件:首先創(chuàng)建一下目錄結(jié)構(gòu) showImg(https://segmentfault.com/img/bVbcqwE?w=313&h=405); 首先創(chuàng)建插件的基本功能 namespace RaiseinfoMoviesComponen...
摘要:在頁(yè)面中顯示的影片列表是最原始的格式顯示的。那么我們對(duì)這個(gè)列表及其詳情頁(yè)進(jìn)行格式化。因?yàn)橛捌榻B內(nèi)容太長(zhǎng)了,我們希望只顯示其中的前個(gè)字符。下面我們創(chuàng)建詳情頁(yè)面。 在movies頁(yè)面中顯示的影片列表是最原始的格式顯示的。那么我們對(duì)這個(gè)列表及其詳情頁(yè)進(jìn)行格式化。themesraiseinfopagesmovies.htm如下所示,列表采用的是attribute來(lái)顯示的 {% fo...
摘要:本節(jié)將編寫(xiě)一些實(shí)現(xiàn)對(duì)頁(yè)面中內(nèi)容的控制。將內(nèi)容放入容器文件添加類(lèi),讓輸出的內(nèi)容在一個(gè)容器中。創(chuàng)建菜單編輯點(diǎn)擊菜單此頁(yè)沒(méi)有頭和尾,是因?yàn)槲覀儧](méi)有給這個(gè)頁(yè)面使用布局再次查看頁(yè)面,則顯示正常了為當(dāng)前頁(yè)面菜單添加樣式 本節(jié)將編寫(xiě)一些css實(shí)現(xiàn)對(duì)頁(yè)面中內(nèi)容的控制。 將內(nèi)容放入容器 文件:themesraiseinfolayoutsdefault.htm ...
閱讀 3761·2021-11-15 11:37
閱讀 3050·2021-11-12 10:36
閱讀 4589·2021-09-22 15:51
閱讀 2478·2021-08-27 16:18
閱讀 955·2019-08-30 15:44
閱讀 2219·2019-08-30 10:58
閱讀 1834·2019-08-29 17:18
閱讀 3344·2019-08-28 18:25