coreui free laravel admin template

CoreUI 免费 Laravel Bootstrap 管理模板

好奇为什么我决定创建 CoreUI？请阅读这篇文章：万事通，一无是处。为什么 Bootstrap 管理模板很糟糕。

CoreUI 提供 6 个版本：Bootstrap、Angular、Laravel、React.js、Vue.js 和 Vue.js + Laravel。

CoreUI 旨在成为用户体验游戏规则的改变者。纯净透明的代码没有多余的组件，因此该应用程序足够轻，可以提供终极的用户体验。这也意味着移动设备，其导航就像在台式机或笔记本电脑上一样简单直观。 CoreUI 布局 API 允许您为几乎任何设备自定义您的项目 – 无论是移动设备、Web 还是 WebApp – CoreUI 涵盖了所有设备！

目录

• 版本

• CoreUI专业版

• 建立在 CoreUI Pro 之上的管理模板

• 安装

• 用法

• 特征

• 创作者

• 社区

• 社区项目

• 执照

• 支持CoreUI开发

版本

CoreUI 构建在 Bootstrap 4 之上，支持流行的框架。

• CoreUI 免费 Bootstrap 管理模板

• CoreUI 免费 Angular 管理模板

• CoreUI 免费 Laravel 管理模板

• CoreUI 免费 React.js 管理模板

• CoreUI 免费 Vue.js 管理模板

• CoreUI 免费 Vue.js + Laravel 管理模板

CoreUI专业版

• CoreUI Pro Bootstrap 管理模板

• CoreUI Pro Angular 管理模板

• CoreUI Pro Laravel 管理模板

• CoreUI Pro React 管理模板

• CoreUI Pro Vue 管理模板

• CoreUI Pro Vue + Laravel 管理模板

建立在 CoreUI Pro 之上的管理模板

默认主题	旧版主题	深色布局

安装

# 克隆仓库$ git clone https://github.com/coreui/coreui-free-laravel-admin-template.git my-project# 进入应用程序目录$ cd my-project# 安装应用程序的依赖项$composer install# install应用程序的依赖项$ npm install

如果您选择使用 SQLite

 # 创建数据库$ touch database/database.sqlite

复制文件“.env.example”，并将其名称更改为“.env”。然后在文件“.env”中替换此数据库配置：

• DB_CONNECTION=mysql

• DB_HOST=127.0.0.1

• 数据库端口=3306

• DB_DATABASE=laravel

• DB_USERNAME=root

• 数据库密码=

对此：

• DB_CONNECTION=sqlite

• DB_DATABASE=/path_to_your_project/database/database.sqlite

如果您选择使用 PostgreSQL

1. 安装 PostgreSQL

2. 创建用户

$ sudo -u postgres createuser --interactive
输入要添加的角色名称：laravel
新角色是否是超级用户 (y/n) n
是否允许新角色创建数据库 (y/n) n
是否允许新角色创建更多新角色 (y/n) n

3. 设置用户密码

$ sudo -u postgres psql
postgres= 使用加密密码“password”更改用户 laravel;postgres= q

4. 创建数据库

$ sudo -u postgres createb laravel

5. 复制文件“.env.example”，并将其名称更改为“.env”。然后在文件“.env”中替换此数据库配置：

• DB_CONNECTION=mysql

• DB_HOST=127.0.0.1

• 数据库端口=3306

• DB_DATABASE=laravel

• DB_USERNAME=root

• 数据库密码=

对此：

• DB_CONNECTION=pgsql

• DB_HOST=127.0.0.1

• 数据库端口=5432

• DB_DATABASE=laravel

• DB_USERNAME=laravel

• DB_PASSWORD=密码

如果您选择使用 MySQL

复制文件“.env.example”，并将其名称更改为“.env”。然后在文件“.env”中完成此数据库配置：

• DB_CONNECTION=mysql

• DB_HOST=127.0.0.1

• 数据库端口=3306

• DB_DATABASE=laravel

• DB_USERNAME=root

• 数据库密码=

设置APP_URL

如果您的项目 url 如下所示： example.com/sub-folder 然后转到my-project/.env并修改此行：

• APP_URL =

为了使它看起来像这样：

• APP_URL = http://example.com/sub-folder

下一步

# 在你的应用程序目录中# 生成 laravel APP_KEY$ php artisan key:generate# 运行数据库迁移和种子$ php artisan migrate:refresh --seed# 生成混合$ npm run dev# 并重复生成混合$ npm run dev

用法

# 启动本地服务器$ php artisanserve# test$ phpvendor/bin/phpunit

打开浏览器，输入地址：localhost:8000
单击侧边栏菜单上的“登录”并使用凭据登录：

• 邮箱： [email protected]

• 密码：密码

该用户具有以下角色： user和admin

---

如何向侧边栏添加链接：

仅适用于 CoreUI 免费 Laravel 管理模板的说明。 Pro 和 Vue.js 版本有单独的说明。

要将链接添加到侧边栏 - 修改种子文件：

my-project/database/seeds/MenusTableSeeder.php

在run()函数中 - 添加insertLink() ：

 $id = $this->insertLink( $rolesString, $visibleName, $href, $iconString);

• $rolesString - 包含此菜单元素可用的用户角色列表的字符串，例如。 "guest,user,admin"

• $visibleName - 侧边栏中可见的字符串标题

• $href - 一个 href，例如。 /homepage或http://example.com

• $iconString - 包含有效 CoreUI 图标名称（短横线大小写）的字符串，例如。 cil-speedometer或cil-pencil

要将标题添加到侧边栏 - 使用函数insertTitle() ：

 $id = $this->insertTitle( $rolesString, $title );

• $rolesString - 包含此菜单元素可用的用户角色列表的字符串，例如。 "guest,user,admin"

• $title - 侧边栏中可见的字符串标题

要将下拉菜单添加到侧边栏 - 使用函数beginDropdown() ：

 $id = $this->beginDropdown( $rolesString, $visibleName, $iconString);

• $rolesString - 包含此菜单元素可用的用户角色列表的字符串，例如。 "guest,user,admin"

• $visibleName - 侧边栏中可见的字符串标题

• $iconString - 包含有效 CoreUI 图标名称的字符串（短横线大小写）。例如： cil-speedometer或cil-pencil

要结束下拉部分 - 使用函数endDropdown() 。

要添加下拉列表的链接，请在函数调用beginDropdown()和endDropdown()之间调用函数insertLink() 。例子：

 $id = $this->beginDropdown('guest,user,admin', '某些下拉列表', 'cil-puzzle');$id = $this->insertLink('guest,user,admin', '下拉列表名称' , 'http://example.com');$this->endDropdown();

重要- 在run()函数末尾，调用joinAllByTransaction()函数：

 $this->joinAllByTransaction();

完成种子文件编辑后，运行：

 $ php artisan migrate:refresh --seed# 该命令还会回滚数据库并再次迁移它。

特征

目录：

• 笔记

• 用户

• 菜单管理

• 管理菜单项

• 角色管理

• 媒体管理

• 面包

• 电子邮件模板

笔记

它是分页表中的数据呈现和 CRUD 功能的示例。

用户

这是一个如何管理注册用户的简单示例。

菜单管理

它是一个允许您创建新菜单和编辑现有菜单的系统。要在任何视图中放置名为“new”的新菜单，请使用以下代码：

        <?phpuse the AppMenuBuilderFreelyPositionedMenus;if(isset($appMenus['new'])){
                FreelyPositionedMenus::render( $appMenus['new'] , '', 'your-css-class-of-ul-element');
            }?>

管理菜单项

允许您添加、编辑和删除菜单项。要将新菜单项添加到菜单中，您必须：

• 指定您要添加该项目的菜单，

• 指定该项目可见的用户的角色

• 命名该项目

• 类型（选择：链接、标题和下拉菜单）

• Href，该项目要引用的地址，

• 父级（将项目嵌套在下拉列表中）

• 科瑞图标

角色管理

允许您创建、编辑、删除和重新排序用户角色。当一名用户拥有多个角色时，将使用最高层次的角色为其创建菜单。

管理媒体

它允许：

• 创建虚拟媒体文件夹。

• 将媒体发送到应用程序。

• 在文件夹之间移动媒体，

• 剪切图像，

面包系统

BREAD 代表：浏览、阅读、编辑、添加、删除。我们的 BREAD 系统允许您轻松快速地从数据库中为任何表生成简单的 BREAD。要创建新的 BREAD，只需输入数据库中的表名称。 然后输入表单的名称。输入浏览表中的行数。选择是否希望浏览表包含按钮：“显示”、“编辑”、“添加”、“删除”。为能够使用现成的 BREAD 的用户分配角色。然后分别填写表格的每一列：

• 用户可见的列名称，

• 列的输入类型，最后一步是选择适当的复选框：

• 浏览（允许显示数据表中的列），

• read（允许您在显示视图中显示该列，）

• 编辑（启用列编辑）

• add（允许您在添加记录时完成列数据。如果列不可为空，则为必需）。还可以处理与另一个表的关系。如果列是外键，则应指定： 在“可选关系表名称”字段中 - 外键引用的表名称，在“关系表中的可选列名称 - 要打印”字段中 - 的名称关系表中要显示的列。最后，选择与关系相关的两种“字段类型”之一：“关系选择”或“关系单选”。

电子邮件模板

这是管理电子邮件模板的示例。允许您创建、编辑和删除模板。它还允许您将电子邮件发送到选定的地址。

创作者

沃卡斯·霍莱切克

• https://twitter.com/lukaszholeczek

• https://github.com/mrholek

安杰伊·科潘斯基

• https://github.com/xidedix

马尔辛·米哈雷克

• https://github.com/rakieta2015

社区

获取 CoreUI 开发的最新信息，并与项目维护者和社区成员聊天。

• 在 Twitter 上关注@core_ui。

• 阅读并订阅 CoreUI 博客。

CoreUI 图标（500 多个免费图标）- 高级设计的免费图标集，带有 SVG、Webfont 和光栅格式的标记。

CoreUI 图标是针对常见操作和项目制作精美的符号。您可以在网络或移动应用程序的数字产品中使用它们。可与您喜爱的框架配合使用的即用型字体和样式表。

CoreUI 图标预览和文档

https://coreui.io/icons/

版权和许可

版权所有 2020 CreativeLabs Łukasz Holeczek。代码在 MIT 许可下发布。只有一个限制，您不能将 CoreUI 作为库存重新分发。如果修改 CoreUI，则无法执行此操作。过去，我们遇到了一些试图销售基于 CoreUI 的模板的人的问题。

支持CoreUI开发

CoreUI 是 MIT 许可的开源项目，完全免费使用。然而，如果没有适当的财务支持，维护和开发项目新功能所需的大量工作是不可持续的。您可以通过 PayPal 捐赠、购买 CoreUI Pro 版本或购买我们的高级管理模板之一来支持开发。

截至目前，我正在探索全职从事 CoreUI 工作的可能性 - 如果您是一家使用 CoreUI 构建核心产品的企业，我也愿意接受有关定制赞助/咨询安排的对话。在 Twitter 上取得联系。