Web サイトを構築する際、バックエンド開発者がバックエンド管理システムを作成する際、最近の仕事の都合により、バックエンド管理システムに適したテンプレートが不足しているために、それを書き直さなければならないことがよくあります。 thinkcmf のバックエンド管理システムを勉強する必要があるので、このモデルは基本的にすべてのバックエンド管理システムに適用できると感じました。そのテーマ フレームを 4 つの大きなブロック、3 レベルのメニューに分割しました。以下に示すように、バー、コンテンツ iframe 、タブ バー、トップ バー:
大丈夫だと思いますか?すべてのバックエンド管理システムに適用できるトリックはありますか?バックエンド全体が大きすぎるため、メインの UI フレームワークだけが必要で、他には何も必要ないので、再度コピーして貼り付け、必要な UI の実装を抽出しました。
効果を表示します: http://www.live086。 cn/Text/ (スペースは 2015/09/23 に無効になるため、ソース コードをダウンロードしてローカル サーバー (wampserver) で直接実行できます)
ソース コードを入手: http://pan.baidu .com/s/1gdEqUYJ パスワード: c951
この UI の特徴は、第 3 レベルのメニュー バーを選択すると、右側のコンテンツ iframe が即座に置き換えられ、選択したメニュー項目もラベル形式のタブ バー。同時に をクリックして現在のコンテンツを更新することもできます。コードは主にこれらを実装しています。
openapp(url, appid, appname, selectObj)
これは、メニュー バーまたはタブ バーに対応する iframe を開くためのコア関数です。URL は、Thinkphp が U メソッドを使用して生成します。 appid は iframe の一意の識別子であり、タブ バーを切り替えるときに渡す必要があります。これは、iframe が非表示であるかどうかに非常に重要な役割を果たします。そうしないと、ソース コードをダウンロードできません。詳細を確認するには、appname はラベルの表示名、selectObj はトリガー オブジェクト
$current_iframe[0].contentWindow.location.reload();
、および更新関数が使用されます。iframe の属性 contentWindow に移動することは、iframe の window オブジェクトを取得することと同じです。リフレッシュ機能を実現できます
第3レベルのメニューを実装するにはどうすればよいですか?終了タグの実装?その他詳しい機能についてはソースコードをご覧いただけます!
上記では、thinkphp に基づいたバックエンド管理システム テンプレートの迅速な構築についてさまざまな側面を含めて紹介しましたが、PHP チュートリアルに興味のある友人に役立つことを願っています。