ナビゲーション バーでのページ切り替えに関する CI フレームワークの問題

環境

次のようにナビゲーションバーをデザインしました

ナビゲーションバーの下にはテキストコンテンツがあります。

需要

非常にシンプルな設計アイデアは次のとおりです: 上のボタン (about/blog など) をクリックすると、メイン コンテナが 从后台 フロントエンド ページをロードします。

オリジナルのデザインアイデア

CodeIgniter フレームワークを使用して、Ajax将导航栏的所有按钮进行绑定, 每一个按钮都会触发一个ajax请求. 后端专门写一个public function来处理前端ajax请求, 利用$this->load->view('xxx') を使用してフロントエンドのメイン コンテナ ページのリロードを完了し、PHP モジュール化 (header.js/footer.js..etc) を実装する予定です。

質問

毎回ロードされるコンテナが異なるため、使用する静的ファイルはcss|javascript|img在不同的container中加载各不相同, 所以导致header和footer模板没办法统一. 如果把所有的静态资源都统一写在模板php中的话势必导致页面加载时间过长.

などです。

私はかつて、各コンテナに nav タグを追加するという代替案を考えました。これにより、さまざまな静的リソースが確実に読み込まれるようになります。しかし、作成後のコードのメンテナンスはより煩雑になり、コードの複製は十分に効率的ではありません。

それでは、より良い解決策があるかどうか尋ねたいのですが??

返信内容:

環境

次のようにナビゲーションバーをデザインしました

ナビゲーションバーの下にはテキストコンテンツがあります。

需要

非常にシンプルな設計アイデアは次のとおりです: 上のボタン (about/blog など) をクリックすると、メイン コンテナが

フロントエンド ページをロードします。从后台

オリジナルのデザインアイデア

CodeIgniter フレームワークを使用して、

を使用してフロントエンドのメイン コンテナ ページのリロードを完了し、PHP モジュール化 (header.js/footer.js..etc) を実装する予定です。Ajax将导航栏的所有按钮进行绑定, 每一个按钮都会触发一个ajax请求. 后端专门写一个public function来处理前端ajax请求, 利用$this->load->view('xxx')

質問

毎回ロードされるコンテナが異なるため、使用する静的ファイルは

.css|javascript|img在不同的container中加载各不相同, 所以导致header和footer模板没办法统一. 如果把所有的静态资源都统一写在模板php中的话势必导致页面加载时间过长などです。

私はかつて、各コンテナに nav タグを追加するという代替案を考えました。これにより、異なる静的リソースが確実に読み込まれるようになります。しかし、作成後のコードのメンテナンスはより煩雑になり、コードの複製は十分に効率的ではありません。

それでは、より良い解決策があるかどうか尋ねたいのですが??