October CMS - 快速入门 17 - 为组件添加选项

longmon 发布于2019-07-01 10:11 / 2731人阅读

摘要：上一节我们通过组件为首页添加了组件，显示了演员的列表。但是，我们只是设置了选项，这个选项并没有对数据进行控制。演员排序对演员排序以姓名升序排列以姓名降序排列好的，现在选项显示出来。

上一节我们通过actor组件为首页添加了组件，显示了演员的列表。
下面我们将为组件添加一些属性：defineProperties
这个函数会返回一个数组，数组里面的每个数组将返回的是每个选项

添加显示演员个数限制的选项

File:plugins
aiseinfomoviescomponentsActors.php

    public function defineProperties()
    {
        return [
          "results" =>  [
              "title" => "显示演员的个数",
              "description" => "您希望显示多少个演员？",
              "default" => 0,
              "validationPattern" => "^[0-9]+$",
              "validationMessage" => "只允许输入数字。"
          ]
        ];
    }

但是，我们只是设置了选项，这个选项并没有对数据进行控制。下面解决使用这个选项控制数据的显示：

File:plugins
aiseinfomoviescomponentsActors.php

    protected function loadActors()
    {
        $query = Actor::all();
        if($this->property("results") > 0){
            $query = $query->take($this->property("results"));
        }
        return $query;
    }

控制演员排序规则

File:plugins
aiseinfomoviescomponentsActors.php

    public function defineProperties()
    {
        return [
          "results" =>  [
              "title" => "显示演员的个数",
              "description" => "您希望显示多少个演员？",
              "default" => 0,
              "validationPattern" => "^[0-9]+$",
              "validationMessage" => "只允许输入数字。"
          ],

          "sortOrder" => [
              "title" => "演员排序",
              "description" => "对演员排序",
              "type" => "dropdown",
              "default" => "name asc"
          ]

        ];
    }

File:plugins
aiseinfomoviescomponentsActors.php

    public function getSortOrderOptions()
    {
        return [
            "name asc" => "以姓名升序排列",
            "name desc" => "以姓名降序排列"
        ];
    }

好的，现在选项显示出来。接下来实现对数据的控制

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;
    }

私有云 idc机房托管服务器添加组件动态添加组件微信泛型动态添加组件c October

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/28893.html

October CMS - 快速入门 2 基本概念

摘要：项目源码地址文章视频基本界面的后台管理很简单，没有多余的功能。首页部分是仪表盘显示了系统的基本信息。修改完成后，在编辑器里面保存此文件。在上部出现了一个悬浮框，名称为帖子列表。项目源码地址：https://gitee.com/494901823/O... 文章视频：http://www.365yg.com/i6567357... 基本界面 showImg(https://segmen...

kycool 2019-07-01 10:08 评论0 收藏0
October CMS - 快速入门 5 创建插件

摘要：创建插件对于来讲是很简单的事情，因为，提供了一个插件构建器具体步骤这里就不赘述了。安装完成后，会出现上图所示的菜单创建自己的插件的方法是点击如下图所示的小按钮。创建插件对于October来讲是很简单的事情，因为，October提供了一个插件构建器：RainLab.Builder showImg(https://segmentfault.com/img/bVbcoxL?w=1266&h...

macg0406 2019-07-01 10:09 评论0 收藏0
October CMS - 快速入门 16 - 建立简单的组件

摘要：首先传入演员列表，并循环输出刷新首页，就看见显示的演员的列表到目前为止，最简单的组件我们就创建好了，我们可以继续扩展其功能。本节将创建有关actor的组件：首先创建一下目录结构 showImg(https://segmentfault.com/img/bVbcqwE?w=313&h=405); 首先创建插件的基本功能 namespace RaiseinfoMoviesComponen...

1fe1se 2019-07-01 10:10 评论0 收藏0
October CMS - 快速入门 7 显示列表和详情页

摘要：在页面中显示的影片列表是最原始的格式显示的。那么我们对这个列表及其详情页进行格式化。因为影片介绍内容太长了，我们希望只显示其中的前个字符。下面我们创建详情页面。在movies页面中显示的影片列表是最原始的格式显示的。那么我们对这个列表及其详情页进行格式化。themesraiseinfopagesmovies.htm如下所示，列表采用的是attribute来显示的 {% fo...

qylost 2019-07-01 10:09 评论0 收藏0
October CMS - 快速入门 6 基本模板

摘要：本节将编写一些实现对页面中内容的控制。将内容放入容器文件添加类，让输出的内容在一个容器中。创建菜单编辑点击菜单此页没有头和尾，是因为我们没有给这个页面使用布局再次查看页面，则显示正常了为当前页面菜单添加样式本节将编写一些css实现对页面中内容的控制。将内容放入容器文件：themesraiseinfolayoutsdefault.htm ...

littleGrow 2019-07-01 10:09 评论0 收藏0