CI框架关于导航栏切换页面的问题

环境

设计了一个如下的导航栏

navbar下面则是正文内容.

需求

非常简单的一个设计想法就是: 点击上面的按钮(如about/blog等), main container会从后台加载前端页面.

原设计思路

使用的是CodeIgniter框架, 打算在前端用Ajax将导航栏的所有按钮进行绑定, 每一个按钮都会触发一个ajax请求. 后端专门写一个public function来处理前端ajax请求, 利用$this->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请求, 利用$this->load->view('xxx')完成对Main Container页面的重载, 并且实现php模块化(header.js/footer.js ..etc).

问题

由于每次加载的container不一样, 所用的静态文件例如css|javascript|img在不同的container中加载各不相同, 所以导致header和footer模板没办法统一. 如果把所有的静态资源都统一写在模板php中的话势必导致页面加载时间过长.

曾想过替代方案, 各个container都添加nav这个标签, 这样能保证各自加载不同的静态资源, 不过在成型之后的代码维护方面会比较繁琐, 而且代码重复不够高效.

所以想问一下有没有什么更优秀的解决方案??