cakephp-brasil/twitter-bootstrap

此包最新版本(v1.0.2)没有提供许可证信息。

CakePHP 3的TwitterBootstrap插件

安装次数: 5 173

依赖项: 0

建议者: 0

安全: 0

星标: 17

关注者: 8

分支: 11

开放问题: 4

语言:CSS

类型:cakephp-plugin

v1.0.2 2016-05-25 20:29 UTC

This package is not auto-updated.

Last update: 2024-09-14 18:58:33 UTC


README

安装

您可以使用以下命令通过composer安装:

composer require cakephp-brasil/twitter-bootstrap

请确保在 config/bootstrap.php 中加载插件。

Plugin::load('TwitterBootstrap');

如何使用

使用 bake 创建视图

只需在命令末尾添加 --theme TwitterBootstrap,例如

bin\cake bake all MyModel --theme TwitterBootstrap

启用表单

src/View/AppView.php 中,在 initialize() 内添加 $this->loadHelper('Form', ['className' => 'TwitterBootstrap.Form']);,如下所示

public function initialize()
{
    $this->loadHelper('Form', ['className' => 'TwitterBootstrap.Form']);
}

默认布局

启用布局

在控制器中(例如,AppController以用于任何页面)报告 $this->viewBuilder()->theme('TwitterBootstrap');,然后使用 $this->viewBuilder()->layout('adminlte'); 启用主题。

src/View/AppView.php 中,在 initialize() 内添加 $this->loadHelper('Form', ['className' => 'TwitterBootstrap.Form']);,如下所示

更改标题

在AppController中,只需使用 $this->set('project_name', '您想要的标题')

更改右上角菜单

src/Template/Element 中创建一个名为 nav-bar-right.ctp 的文件(您可以从 vendor/cakephp-brasil/twitter-bootstrap/src/Template/Element 中的模板复制),可能需要创建 adminlte 目录。

自动发布必要的视图

更改左上角菜单

src/Template/Element 中创建一个名为 nav-bar-left.ctp 的文件(您可以从 vendor/cakephp-brasil/twitter-bootstrap/src/Template/Element 中的模板复制),可能需要创建 adminlte 目录。

自动发布必要的视图

AdminLTE

如何启用布局

在控制器中(例如,AppController以用于任何页面)报告 $this->viewBuilder()->theme('TwitterBootstrap');,然后使用 $this->viewBuilder()->layout('adminlte'); 启用主题。

src/View/AppView.php 中,在 initialize() 内添加 $this->loadHelper('Form', ['className' => 'TwitterBootstrap.Form']);,如下所示

public function initialize()
{
    $this->loadHelper('Form', ['className' => 'TwitterBootstrap.Form']);
}

更改顶部(header)

src/Template/Element/adminlte 中创建一个名为 header.ctp 的文件(您可以从 vendor/cakephp-brasil/twitter-bootstrap/src/Template/Element/adminlte 中的模板复制),可能需要创建 adminlte 目录。

自动发布必要的视图

更改左侧

src/Template/Element/adminlte 中创建一个名为 sidebar.ctp 的文件(您可以从 vendor/cakephp-brasil/twitter-bootstrap/src/Template/Element/adminlte 中的模板复制),可能需要创建 adminlte 目录。

自动发布必要的视图

更改页脚

src/Template/Element/adminlte 中创建一个名为 footer.ctp 的文件(您可以从 vendor/cakephp-brasil/twitter-bootstrap/src/Template/Element/adminlte 中的模板复制),可能需要创建 adminlte 目录。

自动发布必要的视图

更改内容块

src/Template/Element/adminlte 中创建一个名为 content.ctp 的文件(您可以从 vendor/cakephp-brasil/twitter-bootstrap/src/Template/Element/adminlte 中的模板复制),可能需要创建 adminlte 目录。

自动发布必要的视图

更改右侧菜单(当点击顶部齿轮链接时出现)

src/Template/Element/adminlte 中创建一个名为 control_sidebar.ctp 的文件(您可以从 vendor/cakephp-brasil/twitter-bootstrap/src/Template/Element/adminlte 中的模板复制),可能需要创建 adminlte 目录。

自动发布必要的视图

禁用:创建一个空的视图并将其从顶部链接中删除。

自动发布上述所需视图

贡献者:@josimar-lemos

觉得每次需要修改主题元素时,都要复制粘贴真的很麻烦(懒程序员在此)。

我创建了一个Shell脚本来简化这个过程,目前只提供了一个选项来一次性复制所有元素,如果需要,我可以增加更多功能。

进行测试

$ cd path-to-project
$ bin/cake TwitterBootstrap.publish

或者

$ cd path-to-project
$ bin/cake TwitterBootstrap.publish all

------ 笔记结束

参与贡献

在此项目上进行Fork,进行修改并发送Pull Request,不要忘记建议新功能