Yii2 関連の学習記録、背景テンプレート、gii (3)

Yii2 関連の学習記録、背景テンプレート、gii (3)

通常通りログインできますが、最もよく使用される追加、削除、確認、変更の操作を経験する必要があります。ここで Gii が必要になります。Gii は、繰り返し記述することなく、フォームとテーブル フレームを簡単に生成できます。

gii アクセス アドレス: http://localhost/vishun/frontend/web/index.php?r=gii または http://localhost/vishun/backend/web/index.php?r=gii、フロントファイルとバックファイルの両方が設定されているため、すべてにアクセスできます。 Yii フレームワークの上級バージョンでは、common/models にユーザー モデルがすでに存在するため、CRUD を直接使用してユーザー テーブルのバックグラウンド コントローラーと追加、削除、変更用のフォームを生成します。上級バージョンなので言うことはありません。以下に示すように、プロンプト内のアプリ (基本バージョンは app) を生成したいディレクトリ (バックエンド、フロントエンド、共通) に変更します。 >

生成後、以下に示すように http://localhost/vishun/backend/web/index.php?r=user にアクセスして表示できます:

これは非常に優れています。クリックして見てみると、Yii1 のインターフェースよりもはるかに優れています。しかし、表示するテーブルが複数ある場合、このインターフェイスだけでは要件を満たすことができません。そこで、より優れたバックエンド表示テンプレートがあるはずです。オンラインで検索したところ、多くの人が AdminLTE テンプレートを推奨しました。インターフェイスも優れており、Alibaba Cloud のバックエンドに似ているので、これを使用する予定です。

この時点では、前述の packageist を使用します。「yii2-adminlte」を検索すると、多くの人がこのテンプレートを Yii2 に統合していることがわかります。ここでは、最もダウンロード数の多い「dmstr/」を選択します。 yii2-adminlte-asset」をテンプレートとして使用します。操作手順に従ってください。 注意事項:

1. Composer はデフォルトでベンダーにダウンロードされるため、一部のメニュー追加設定ファイルもベンダー ディレクトリに設定する必要があります。ベンダー ディレクトリはチーム コラボレーションで送信されないため、これは不適切です (ベンダー ファイルが大きすぎるため、チーム メンバーは、composer.json を介してベンダー ファイルを簡単にダウンロードして更新できます)。したがって、指示に従ってファイルをコピーする必要があります。方法 1: 以下のように、backend/config/main.php の設定ファイルでテーマとして使用できます。

'view' =><span style="color: #000000;">[    </span>'theme' =><span style="color: #000000;">[        </span>'pathMap' => [[email protected]/views'=>[email protected]/themes/default'],<span style="color: #008000;">//</span><span style="color: #008000;">在backend中新建themes/default文件文件</span>        'baseUrl' => [email protected]/themes/default',<span style="color: #000000;">    ]</span>,<span style="color: #000000;">]</span>,

方法 2: backend/view 内のファイルを直接上書きします。 , もちろん、上記の設定ファイルを記述する必要はなく、削除するだけです。

2. カラーテーマを変更する場合、設定ファイルに加えて、コピーしたファイルのlayouts/main.php内の次の行も変更する必要があります。 >

テーマカラーを変更する設定ファイルのCSS名と同じに変更します。

 class="hold-transition skin-purple sidebar-mini">

これで他のテーブルの表示を追加する場合も、コピーしたファイル内のlayouts/left.phpのメニューウィジェットに追加するだけで左側に表示され、全体的にも表示されます。見た目は以前よりもはるかに良くなります:

ここで説明する拡張機能は 2 つあります。1 つは gii テンプレートをカスタマイズする方法、もう 1 つは他の拡張機能を参照する方法です。 AdminLTE で css や js などを編集しましたが、もう遅いので、先に寝てください。