iframe框架用法,iframe微前端框架

目的：

使用类似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。由于难度不高，我就不多做解释。

码云地址：传送门