ホーム>PHPソースコード>その他のカテゴリー
ダウンロード

CoreUI 無料の Laravel ブートストラップ管理者テンプレート

なぜ CoreUI を作成しようと思ったのか興味がありますか?こちらの記事もお読みください: 何でも屋、何の達人でもありません。 Bootstrap Admin Template がダメな理由。

CoreUI は、Bootstrap、Angular、Laravel、React.js、Vue.js、および Vue.js + Laravel の 6 つのバージョンを提供します。

CoreUI は、UX を大きく変えることを目的としています。純粋で透過的なコードには冗長なコンポーネントが含まれていないため、アプリは究極のユーザー エクスペリエンスを提供できるほど軽量です。これは、モバイル デバイスでも、デスクトップやラップトップと同様に簡単かつ直感的にナビゲーションできることを意味します。 CoreUI Layout API を使用すると、モバイル、Web、WebApp など、ほぼすべてのデバイス向けにプロジェクトをカスタマイズできます。CoreUI はそれらすべてをカバーします。

目次

  • バージョン

  • コアUIプロ

  • CoreUI Pro 上に構築された管理者テンプレート

  • インストール

  • 使用法

  • 特徴

  • クリエイター

  • コミュニティ

  • コミュニティプロジェクト

  • ライセンス

  • CoreUI開発のサポート

バージョン

CoreUI は Bootstrap 4 上に構築されており、一般的なフレームワークをサポートしています。

  • CoreUI の無料ブートストラップ管理者テンプレート

  • CoreUI 無料の Angular 管理者テンプレート

  • CoreUI 無料の Laravel 管理者テンプレート

  • CoreUI 無料の React.js 管理者テンプレート

  • CoreUI 無料の Vue.js 管理者テンプレート

  • CoreUI 無料の Vue.js + Laravel 管理者テンプレート

コアUIプロ

  • CoreUI Pro ブートストラップ管理者テンプレート

  • 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# アプリの依存関係をインストールします$ combos install# installアプリの依存関係$ npm install

SQLite の使用を選択した場合

# データベースを作成$ touch データベース/database.sqlite

ファイル「.env.example」をコピーし、名前を「.env」に変更します。次に、ファイル「.env」でこのデータベース構成を置き換えます。

  • DB_CONNECTION=mysql

  • DB_HOST=127.0.0.1

  • DB_PORT=3306

  • DB_DATABASE=laravel

  • DB_USERNAME=ルート

  • DB_PASSWORD=

これに対して:

  • DB_CONNECTION=sqlite

  • DB_DATABASE=/プロジェクトへのパス/データベース/database.sqlite

PostgreSQL の使用を選択した場合

  1. PostgreSQLのインストール

  2. ユーザーの作成

$ sudo -u postgres createuser --interactive
追加するロールの名前を入力してください: laravel
新しい役割はスーパーユーザーになりますか (y/n) n
新しいロールにデータベースの作成を許可するか (y/n) n
新しいロールはさらに新しいロールを作成できるようになりますか (y/n) n

  1. ユーザーパスワードを設定する

$ sudo -u postgres psql
postgres= ALTER USER laravel WITH ENCRYPTED PASSWORD 'password';postgres= q

  1. データベースの作成

$ sudo -u postgres createdb laravel

  1. ファイル「.env.example」をコピーし、名前を「.env」に変更します。次に、ファイル「.env」でこのデータベース構成を置き換えます。

  • DB_CONNECTION=mysql

  • DB_HOST=127.0.0.1

  • DB_PORT=3306

  • DB_DATABASE=laravel

  • DB_USERNAME=ルート

  • DB_PASSWORD=

これに対して:

  • DB_CONNECTION=pgsql

  • DB_HOST=127.0.0.1

  • DB_PORT=5432

  • DB_DATABASE=laravel

  • DB_USERNAME=laravel

  • DB_PASSWORD=パスワード

MySQL の使用を選択した場合

ファイル「.env.example」をコピーし、名前を「.env」に変更します。次に、ファイル「.env」で次のデータベース構成を完了します。

  • DB_CONNECTION=mysql

  • DB_HOST=127.0.0.1

  • DB_PORT=3306

  • DB_DATABASE=laravel

  • DB_USERNAME=ルート

  • DB_PASSWORD=

APP_URL を設定する

プロジェクトの URL が example.com/sub-folder の場合は、 my-project/.envに移動し、次の行を変更します。

  • APP_URL =

次のようにするには:

  • APP_URL = http://example.com/サブフォルダー

次のステップ

# アプリディレクトリ内で # laravel APP_KEY を生成$ phpArtisan key:generate# データベース移行とシードを実行$ phpArtisan 移行:refresh --seed# mixing$ npm run dev# を生成し、mixing を繰り返します$ npm run dev

使用法

# ローカルサーバーを起動$ php 職人サーブ# test$ php ベンダー/bin/phpunit

アドレス: localhost:8000 でブラウザを開きます。
サイドバー メニューの [ログイン] をクリックし、資格情報を使用してログインします。

このユーザーにはユーザーと管理者の役割があります

サイドバーにリンクを追加する方法:

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 アイコン名 (kebab-case) を含む文字列。 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 職人 移行:refresh --seed# このコマンドはデータベースをロールバックし、再度移行します。

特徴

目次：

  • 注意事項

  • ユーザー

  • メニューの管理

  • メニュー項目の管理

  • 役割管理

  • メディアの管理

  • パン

  • メールテンプレート

注意事項

これは、ページネーション テーブルでのデータ表示と CRUD 機能の例です。

ユーザー

登録ユーザーを管理する方法の簡単な例です。

メニュー管理

新しいメニューを作成したり、既存のメニューを編集したりできるシステムです。 「new」という名前の新しいメニューを任意のビューに配置するには、次のコードを使用します。

        <?phpAppMenuBuilderFreelyPositionedMenus を使用します;if(isset($appMenus['new'])){
                FreelyPositionedMenus::render( $appMenus['new'] , '', 'your-css-class-of-ul-element');
            }?>

メニュー項目の管理

メニュー項目を追加、編集、削除できます。新しいメニュー項目をメニューに追加するには、次の操作を行う必要があります。

  • どのメニューに項目を追加するかを指定します。

  • アイテムが表示されるユーザーの役割を指定します

  • アイテムに名前を付けます

  • タイプ (リンク、タイトル、ドロップダウンから選択)

  • Href、項目が参照するアドレス、

  • 親 (項目をドロップダウン内にネストするため)

  • コルイのアイコン

役割管理

ユーザーの役割を作成、編集、削除、並べ替えることができます。ユーザーが複数のロールを持つ場合、最上位の階層のロールを使用してそのユーザーのメニューが作成されます。

メディアの管理

これにより、次のことが可能になります。

  • 仮想メディアフォルダーを作成します。

  • メディアをアプリケーションに送信します。

  • フォルダー間でメディアを移動します。

  • 画像をカットしたり、

パン系

BREAD は、参照、読み取り、編集、追加、削除の略です。当社の BREAD システムを使用すると、データベースから任意のテーブル用のシンプルな BREAD を簡単かつ迅速に生成できます。新しい BREAD を作成するには、データベースからテーブル名を入力するだけです。 次に、フォームの名前を入力します。参照テーブルの行数を入力します。参照テーブルに「表示」、「編集」、「追加」、「削除」のボタンを含めるかどうかを選択します。完成した BREAD を使用できるユーザーにロールを割り当てます。次に、表の各列を個別に入力します。

  • ユーザーに表示される列名、

  • 列の入力タイプ。最後のステップは、適切なチェックボックスを選択することです。

  • 参照 (データテーブル内の列を表示できます)、

  • read (表示ビューに列を表示できます)

  • edit (列の編集を有効にします)

  • add (レコードを追加するときに列データを完成させることができます。列が NULL 可能でない場合は必須です)。別のテーブルとのリレーションシップを扱うことも可能です。列が外部キーの場合、フィールド「オプションのリレーションテーブル名」 - 外部キーが参照するテーブル名、「リレーションテーブルのオプションの列名 - 印刷する」フィールド - の名前を指定する必要があります。表示されるリレーションテーブル内の列。最後に、リレーションに関連する 2 つの「フィールド タイプ」、「リレーション選択」または「リレーション ラジオ」のいずれかを選択します。

電子メールのテンプレート

メールテンプレートの管理例です。テンプレートを作成、編集、削除できます。選択したアドレスに電子メールを送信することもできます。

クリエイター

ウカシュ・ホレチェク

  • https://twitter.com/lukaszholeczek

  • https://github.com/mrholek

アンジェイ・コパンスキー

  • https://github.com/xidedix

マルシン・ミハウェク

  • https://github.com/rakieta2015

コミュニティ

CoreUI の開発に関する最新情報を入手し、プロジェクトのメンテナーやコミュニティ メンバーとチャットしましょう。

  • Twitter で @core_ui をフォローしてください。

  • CoreUI ブログを読んで購読してください。

CoreUI アイコン (500 以上の無料アイコン) - SVG、Web フォント、ラスター形式のマークを含むプレミアム デザインの無料アイコン セット。

CoreUI アイコンは、一般的なアクションとアイテムを表す美しく作られたシンボルです。これらは、Web またはモバイル アプリのデジタル製品で使用できます。お気に入りのフレームワークで動作する、すぐに使えるフォントとスタイルシート。

CoreUI アイコンのプレビューとドキュメント

https://coreui.io/icons/

著作権とライセンス

copyright 2020 CreativeLabs Łukasz Holeczek.コードは MIT ライセンスに基づいてリリースされています。制限が 1 つだけあり、CoreUI をストックとして再配布することはできません。 CoreUI を変更した場合、これを行うことはできません。過去に、CoreUI ベースのテンプレートを販売しようとする人々との間でいくつかの問題に直面しました。

CoreUI開発のサポート

CoreUI は MIT ライセンスのオープンソース プロジェクトであり、完全に無料で使用できます。ただし、プロジェクトの新機能の維持と開発に必要な労力は、適切な財政的裏付けがなければ持続可能ではありません。 PayPal で寄付するか、CoreUI Pro バージョンを購入するか、プレミアム管理テンプレートのいずれかを購入することで、開発をサポートできます。

現時点では、私は CoreUI にフルタイムで取り組む可能性を模索しています。CoreUI を使用してコア製品を構築している企業であれば、カスタム スポンサーシップやコンサルティングの取り決めに関する会話も歓迎します。 Twitterでご連絡ください。

拡大する
追加情報
関連アプリ
おすすめ
関連情報 すべて