项目后台管理系统小结

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>

猜你喜欢

转载自blog.csdn.net/mning199201/article/details/81197957
今日推荐