Question

如下图所示这种网站是怎么做的，相当于把几个独立页面整合到一个页面，添加修改都能在这个页面上完成？

见图，有两级导航，详细内容包括导航的内容都是从mysql数据库查询得到的，添加，修改，查看都整合在这一个页面上，有什么好的方法方案？

Answer 1

左边用一个div，宽度固定200px；
里面：
<div>
<ul>
<a>一级</a>
<li>数据1</li>
<li>数据3</li>
<li>数据2</li>
</ul>
<ul>
<a>二级</a>
<li>数据1</li>
<li>数据2</li>
<li>数据3</li>
</ul>
</div>
右边一个div：
<div class="rightcontent" style="margin-left:200px">
<div>一级菜单内容</div>
<div>二级菜单内容</div>
</div>
然后用JS控制显示隐藏；
添加修改按钮可以写在页面顶部
----
http://www.17sucai.com/preview/133044/2015-08-25/new-backstage/new-backstage/index.html
这是我上传到17素材网的一个简单后台源码；自己可以下载下来看看

Answer 2

是否就是一个页面，几个div搞在一起的，局部刷新而已。

追问

用div搞在一起的话不能每个部分都能独立滑条显示吧，是吗？

追答

可以啊，每个div设置固定高度不就有滚动条了吗