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