求教前端程序猿！后台管理系统页面

Question

有个问题不太明白，本人PHP，前端了解的不多，我想问下，后台管理系统中，做成类似于浏览器标签页的这种，用iframe做吗？iframe貌似兼容性不好吧，不知道现在主流网站，后台用不用iframe,如果不用，这种效果怎么实现呢？

Answer 1

公司目前正在谈一个单子，前两天我过去看了下需求，和你这个差不多。

后台你别管界面啥的。你和前端商量好接口，你从数据库筛选信息就行了，至于前端是选择用表单还是Ajax，那是他负责的。

他要是让你考虑页面，别废话，打死他。

Answer 2

iframe 兼容性应该很好的，这个要是不想用 iframe ，这个应该有不少框架都已经实现好的了，自己做的话，可以去参考一个 tab插件的实现，然后自己再根据需求优化一下，或者是通过前端路由去实现，这个就要参考单页应用（SPA）了

Answer 3

iframe也可以，不过这个东西会存在跨域的问题。

现在大部分都是div的切换了，给你推荐看layui中的这种切换，已经封装好的，体验也很好。

Answer 4

对于后端程序员写前端来说，bootstrap这种易上手、零设计的框架是最合适的，只要简单熟悉bootstrap api即可。你的截图中的左侧可以用导航栏实现，标签页用tab组件实现，标签页下方可以用面包屑导航实现，而这一切仅仅是在相应元素上添加类名即可。

Answer 5

告诉他前端，有一个东西叫插件~

Answer 6

可以用bootstrap（前端框架）的“选项卡导航”实现。

Answer 7

现在主流框架很多 可以兼容很多浏览器

至少我写前端是用的 这个框架 里面就有标签页

http://v3.bootcss.com/javascript/#tabs

Answer 8

require或者include

Answer 9

jqueryUI tab 百度搜索这个功能里面已经封装好了 你看下责编呢调用直接调用就可以