bootstrapページに基づいてレンダリングされた問題解決方法


私はフロントが苦手です。この文を書いても、ページにレンダリングされた小さな解決方法を説明します。もしかしたら、この方法は皆さんはとっくに知っていましたが、私のようにまだ迷っている仲間がいるはずです。私のようにフロントの子供靴が苦手です。
最近はバックグラウンド管理の小さなプロジェクトをしていますが、ネットでbootstrapベースのuiテンプレートを探しています。一般的なシステムのやり方を参考にして、全部前のnavbarです。左側のディレクトリツリーがあります。それから各区域を持ち出して、一つの小さいファイルにして、それからincludeは大きなファイルに入れます。
コンテンツエリアを作るときは、コンテンツはiframeにおいてローカルレンダリングするか、それともネット上のフレームワークのように各ページにinclude navbarを配置するかを考えます。カタログツリー?各ページに同じディレクトリツリーが含まれている場合、ページを更新する時はページ全体の更新です。これは私のほしいものではありません。そしてネットで調べてみたら、bootstrapのフレームワークはiframeを使ってもいいという人がいますが、強く使うことを勧めないので、いろいろな問題があるかもしれません。iframeを専門に試したのは、確かに人のテンプレートとはかなり違っています)
そこで各種の実験について、局部的にdivを更新する方法を紹介しています。つまりajaxでページを要求します。

var menuClick = function (menuUrl) {
 $.get(menuUrl,function (data) {
  alert(data);
  $("#mainframe").html(data);
 });

};
ここのmenuUrlはhtmlページのパスでもいいです。***.doでもいいです。それから、ページにジャンプします。コールバック関数の中のdataはあなたが要求したページです。成功したら、ページのdivを取得して、そのdivにコピーしてください。ディレクトリのノードをクリックするときはこの方法を呼び出すだけで、対応するurlをこの方法に導入すればいいです。
以上のこのbootstrapページに基づいてレンダリングされた問題解決方法は、小編集が皆さんに提供した内容の全部を共有しています。参考にしていただければと思います。どうぞよろしくお願いします。