javascript - 小白求助：网站后台开发框架问题?

小弟想问下，现在主流的网站后台管理大体的框架都怎么做？
1.后台导航栏和顶部信息栏不动，点击导航，主要显示区域用ajax动态请求信息加载？
2.还是为后台的每个导航按钮做一个HTML链接页面，然后公用的导航栏和顶部信息栏include进来？
3.如果采用2为后台的每个导航按钮都做一个HTML连接，每次请求的话都要加载哪些CSS/JS文件，是不是浪费带宽不太好，造成网站打开缓慢？
有更好的思路请大神赐教，小白现在很迷茫。。

回复内容：

小弟想问下，现在主流的网站后台管理大体的框架都怎么做？
1.后台导航栏和顶部信息栏不动，点击导航，主要显示区域用ajax动态请求信息加载？
2.还是为后台的每个导航按钮做一个HTML链接页面，然后公用的导航栏和顶部信息栏include进来？
3.如果采用2为后台的每个导航按钮都做一个HTML连接，每次请求的话都要加载哪些CSS/JS文件，是不是浪费带宽不太好，造成网站打开缓慢？
有更好的思路请大神赐教，小白现在很迷茫。。

可以选择一款成熟的前端框架来写，公共的部分(headerBar, sideBar, footer)写成可复用的组件就方便很多了，和后端的交互用ajax传输json。后台管理系统的话用angular.js好像方便些，处理表单，表格什么的，通过angular的指令能方便很多。1.x版本可以通过directive自定义指令，内部自带精简版的jQuery(好像叫jQLite)，$ajax，如果是RESTful server-side，可以使用$resource，路由上ui-router比较好用，不讲究样式的话，angular-ui-bootstrap提供了大部分写好的指令直接使用。

angularjs 全覆盖

分两种 一种是ajax或者类似freemark的included。一种是单页面方式，也就是点击每个菜单都是一个新页面

大部分采用后者

影响页面加载速度的是数据，图片等内容，这都可以解决，看淘宝什么的。人家优化的就是牛

现在都是用框架 的router，通过页面hash刷新页面，你说的导航和顶部作为layout，layout里的内容就是每个页面hash的内容，每个ajax请求写在相应页面部分，layout只会刷新一遍，你找一个框架实践一下就知道了

我也有过类似的困惑，后来研究过几个后台管理系统，大体就是你所说的那两种，一种异步ajax加载页面信息的技术；一种网页全刷新的，这种也包含使用iframe模式的和纯粹网址刷新的。我比较常使用iframe模式，异步模式在展示逻辑复杂的数据时对js要求较高。全网页刷新模式可以使用上面仁兄说的公共组件、layout布局等技术简化开发。至于速度，静态文件多做些优化影响不大。
Hash技术模式也不错，我比较感兴趣不过还没深入研究。