项目后台管理系统小结

最新推荐文章于 2023-12-09 16:29:44 发布

原创最新推荐文章于 2023-12-09 16:29:44 发布 · 4.8k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#bootstrap #后台管理系统 #前端

1、Bootstrap+AdminLTE+jquery+其他第三方小插件（比如upload、datatables）

2、cookie+common(公共表单反填等)+server配置

3、Bootstrap里的css+组件+JavaScript插件这三方面的应用

4、本项目中后台管理系统点击导航栏的实现页面跳转的原理（通过改变iframe的src的属性的改变来指向不同的页面）

（1）主入口文件里content部分用iframe来撑起来，默认给iframe的src设置欢迎界面的href链接

（2）点击左侧导航栏时获取当下点击的导航的_href属性

<ul class="treeview-menu" >
   <li><a _href="researchProjects.html"><i class="fa fa-circle-o"></i> 科研项目</a></li>
   <li><a _href="researchFunds.html"><i class="fa fa-circle-o"></i> 科研经费</a></li>
</ul>

（3）把获取的_href赋值给iframe的src属性

<div class="content-wrapper" style="width: 100%; ">
      <iframe id="frame" src="loginIndexPage.html" frameborder="0"  scrolling="auto">
      </iframe>
</div>