一个后台的iframe版的架构

版权声明:菜鸟的个人见解,请指导 https://blog.csdn.net/HUSHILIN001/article/details/84874120

目的:

使用类似layui的iframe版的后台管理系统。

过程:

1.本来打算是使用vue-ivew的后台管理系统模板,而且已经基本熟练掌握了,但是!队友对vue不太了解,果断放弃

2.本来打算使用layui-iframe版本的后台管理系统。但是!穷!!!!!而且界面跟要求的不一致(穷!)。。。

3.自己写一个得了。真蛋疼。。。

支持:

jquery(后面可能会用到,所以就先放上去)

sass:多人开发,所以还是定义一些变量就ok了

大体思路:

1.页面大概是分为上左右三个部分的,右边的就是我们的iframe的载体,然后左边是我们的tab。上面的就xx系统管理这样

2.iframe是肯定要用多个的。不然的话只有一个iframe来切换的话,肯定会iframe被初始化的情况,所以用多个是比较好的。

3.iframe的管理,tab被选中等

结构:

assest:一些资源文件,一些图标之类的,没啥大用处

template:一些组件,也是没啥用现在

index。html:页面的入口

home.html:iframe的载体,主页面

页面大概是这样:(火狐下)

点击上面任意一项,是到下面的这一页面:

点击上面任编辑天秤,数据表格,就是隐藏掉这个页面,然后显示出我们的iframe。由于难度不高,我就不多做解释。

码云地址:<a href='https://gitee.com/hushilin/iframe'>传送门</a>

猜你喜欢

转载自blog.csdn.net/HUSHILIN001/article/details/84874120