October CMS - 快速入门 16 - 建立简单的组件

1fe1se 发布于2019-07-01 10:10 / 2416人阅读

摘要：首先传入演员列表，并循环输出刷新首页，就看见显示的演员的列表到目前为止，最简单的组件我们就创建好了，我们可以继续扩展其功能。

本节将创建有关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 %}



    {% for actor in actors %}
        {{ actor.name }} {{ actor.lastname }}
    {% endfor %}

刷新首页，就看见显示的演员的列表：

到目前为止，最简单的组件我们就创建好了，我们可以继续扩展其功能。

GPU云服务器云服务器简单入门 linux简单入门 python简单入门 hadoop简单入门

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

转载请注明本文地址：https://www.ucloud.cn/yun/28877.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 - 快速入门 7 显示列表和详情页

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

qylost 2019-07-01 10:09 评论0 收藏0
October CMS - 快速入门 13 建立自定义Form Widgets

摘要：所以，实际上我们没有办法保存这些信息。下一节我们将解决这个问题。在上一节中我们是使用repeater字段存储演员信息的，当然这不是最佳的方式，我们希望，演员的信息能够存储在单独的表中，而且演员的信息可能需要更多的字段进行存储。然后将演员表和其他表进行关联，就好像视频表和风格表之间的关联一样。 showImg(https://segmentfault.com/img/bVbcpEb?w...

myshell 2019-07-01 10:09 评论0 收藏0
October CMS - 快速入门 17 - 为组件添加选项

摘要：上一节我们通过组件为首页添加了组件，显示了演员的列表。但是，我们只是设置了选项，这个选项并没有对数据进行控制。演员排序对演员排序以姓名升序排列以姓名降序排列好的，现在选项显示出来。上一节我们通过actor组件为首页添加了组件，显示了演员的列表。下面我们将为组件添加一些属性：defineProperties这个函数会返回一个数组，数组里面的每个数组将返回的是每个选项添加显示演员个数限...

longmon 2019-07-01 10:11 评论0 收藏0
October CMS - 快速入门 14 保存Form Widget的数据

摘要：下面修改部件，实现数据保存首先需要准备数据变量，给小部件使用接下来就可以修改插件了现在显示了演员表中的所有演员的名，但是，没有显示所有演员的姓。上节我们只是建立了小插件，但是数据是模拟的，我们希望将数据存储起来，那么我们就需要通过关联表将数据与视频表关联并保存，下面我们打开Builder，创建演员表【database】 showImg(https://segmentfault.co...

GT 2019-07-01 10:10 评论0 收藏0