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（允許您在顯示視圖中顯示該列，）

• 編輯（啟用列編輯）

• 加碼（允許您在新增記錄時完成列資料。如果列不可為空，則為必要）。也可以處理與另一個表的關係。如果列是外鍵，則應指定： 在「可選關係表名稱」欄位中 - 外鍵引用的表名稱，在「關係表中的可選列名稱 - 若要列印」欄位中 - 的名稱關係表中要顯示的列。最後，選​​擇與關係相關的兩種「欄位類型」之一：「關係選擇」或「關係單選」。

電子郵件模板

這是管理電子郵件範本的範例。允許您建立、編輯和刪除模板。它還允許您將電子郵件發送到選定的地址。

創作者

沃卡斯·霍萊切克

• 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 上聯絡。