页面嵌套

----------------------------------页面嵌套------------------------------------

网名在有时候做项目的过程中会遇到很多样式，也有很多系统在操作的时候的；会遇到一些大的模块操作，就像这样的

里面有几个大模块，然后就是里面包括一些这个大模块里的小模块了；

在本人已知知识里；这类的模板样式；可以有两种；

一种是直接点击模块，获取到对应页面，再在浏览器里打开该页面；

像这样，在保留原有页面的同时，也就是保留原来的系统页面，再打开新点击的一个页面；

还有一种就是页面嵌套的方法了；

页面嵌套顾名思义就是在一个页面里再嵌套一个页面，实现一个页面，操作两个页面的东西的效果；

这里被红色框起来的部分就是一个新页面，也是一个小模块；外面也是一个页面的框架样式；当然红框内的页面是可以切换的；页面嵌套的好处就是一个页面可以操作多个页面；不过缺点也有一点，比如页面小一点啥的，但是不影响；

下面我们看一下页面嵌套的实现：

首先引入插件；然后在页面合适位置写上代码

下面就需要给模块按钮加上ID和点击事件了；

最后写上代码；然后获取到ID SimulationExercise （这里的这个ID是模块按钮ID；其他模块用其他ID），然后就是click点击事件了；下面在获取到上面页面嵌套的那个ID；content（这里这个ID为是设置嵌套页面的ID；必须和上面一样；）最后通过src获取到页面区域-控制器-视图路径；