CI框架關於導覽列切換頁面的問題

環境

設計了一個如下的導覽列

navbar下面則是正文內容.

需求

非常簡單的一個設計想法就是: 點擊上面的按鈕(如about/blog等), main container會從後台加載前端頁面.

原設計思路

使用的是CodeIgniter框架, 打算在前端用Ajax將導航欄的所有按鈕進行綁定, 每一個按鈕都會觸發一個ajax請求. 後端專門寫一個public function來處理前端ajax請求, 利用前端aja ->load->view('xxx')完成對Main Container頁面的重載, 並且實現php模組化(header.js/footer.js ..etc).

問題

由於每次加載的container不一樣, 所用的靜態文件例如

css|javascript|img在不同的container中加載各不相同, 所以導致header和footer模板沒辦法統一. 如果把所有的靜態資源都統一寫在模板php中的話勢必導致頁面載入時間過長.

曾想過替代方案, 各個container都添加nav這個標籤, 這樣能保證各自加載不同的靜態資源, 不過在成型之後的代碼維護方面會比較繁瑣, 而且代碼重複不夠高效.

所以想問一下有沒有什麼更優秀的解決方案??

回覆內容：

環境

設計了一個如下的導覽列

navbar下面則是正文內容.

需求

非常簡單的一個設計想法就是: 點擊上面的按鈕(如about/blog等), main container會

從後台加載前端頁面.

原設計思路

使用的是CodeIgniter框架, 打算在前端用

Ajax將導航欄的所有按鈕進行綁定, 每一個按鈕都會觸發一個ajax請求. 後端專門寫一個public function來處理前端ajax請求, 利用前端aja ->load->view('xxx')完成對Main Container頁面的重載, 並且實現php模組化(header.js/footer.js ..etc). 問題

由於每次加載的container不一樣, 所用的靜態文件例如

css|javascript|img

在不同的container中加載各不相同, 所以導致header和footer模板沒辦法統一. 如果把所有的靜態資源都統一寫在模板php中的話勢必導致頁面載入時間過長. 曾想過替代方案, 各個container都添加nav這個標籤, 這樣能保證各自加載不同的靜態資源, 不過在成型之後的代碼維護方面會比較繁瑣, 而且代碼重複不夠高效.

所以想問一下有沒有什麼更優秀的解決方案??