如何制作功能性 octobercms FlatUI 主题

Posted

技术标签:

【中文标题】如何制作功能性 octobercms FlatUI 主题【英文标题】:How to make functional octobercms FlatUI theme 【发布时间】:2017-01-23 22:52:25 【问题描述】:

我是 laravel 的新手。根据要求,我被要求在 laravel 中使用 octobercms 主题。我已经成功安装了 octobercms 及其主题 - FlatUI。至于这个主题,文档说它没有功能。所以所有的html模板都是静态的。我必须让它发挥作用。所以我从第一件事开始,那就是注册和登录。但是我很困惑在哪里编写控制器等的逻辑或如何保存在数据库中。

那么谁能帮我解决这个问题?

【问题讨论】:

【参考方案1】:

要使项目正常运行,您需要安装相应的插件或编写包含内部逻辑的插件。 OcotberCMS 插件包含控制器、模型和组件

这些组件可以放置在 CMS 页面上,并使用逻辑中编写的任何功能。

所以例如注册和登录最好使用官方的octobercms User插件。它处理用户身份验证并包含功能。然后,您将通过向页面添加组件将其集成到任何主题中。

https://octobercms.com/plugin/rainlab-user

使用插件

现在这个插件包含开箱即用的注册和登录。这些可以在插件的“组件”中找到。在后端,创建您希望用于用户登录的页面,然后添加必要的组件。

更改表单的默认外观

如您所见,插件使用自己的视图来呈现 html。在 /components/account/default.htm 中找到。您可以更改此文件并进行修改,尽管最好的方法是在您的主题目录中创建一个具有结构的部分

partials/account/default.htm

从插件 default.htm 文件中复制标记并根据您的喜好编辑标记。

当您将组件添加到页面时。它将嵌入为

% component 'componentName' %

所以你现在可以用

替换它
% partial 'account/default.htm' %

现在您自己的布局将与该插件一起使用。因此,任何未来的更新都不会覆盖您的自定义布局。因此,为了转换静态主题,您可以将该主题标记用于标准登录页面并将其与用户插件集成。

扩展插件

至于扩展功能,这很简单。观看本教程,了解执行此操作时的最佳做法。

https://vimeo.com/108040919

也可以看看

https://octobercms.com/plugin/rainlab-userplus

然后一旦安装。您可以浏览 plugins/rainlab/userplus 文件夹,看看它是如何构建的。

不要忘记观看 OctoberCMS 的介绍,以直观地了解一切如何相互配合。

https://vimeo.com/79963873

【讨论】:

感谢 ServerSideSkittles 的友好回复。我一定会按照您的描述进行操作。

以上是关于如何制作功能性 octobercms FlatUI 主题的主要内容,如果未能解决你的问题,请参考以下文章

如何在 OctoberCMS 中使用控制器的默认主题和变量呈现 cms 页面?

Qt实现FlatUI样式(开源)

Qt开源作品9-扁平化样式flatui

Qt开源作品9-扁平化样式flatui

Qt编写自定义控件70-扁平化flatui

如何在octobercms中创建中间件