前端后台模板整理

背景

由上章iframe高度的问题，再浏览其他相关资料，才发现iframe的高度根本不是问题；而针对目前流行后台模板已经有比较成熟的解决方案。

目前后台模板的分类

去浏览了layui大神之作，他给出了这样的解释：
目前后台模板可分为 单页版，iframe版

1. 单页版，即 SPA（单页面应用系统）开发模式，也就是所有的页面动作都是在一个宿主页面中完成，通常用于前后端分离。其中视图层全权由前端把控，数据一律走 Ajax 异步请求。总体来说，刚开始使用会相对有些复杂，但使用习惯后，项目会更易维护。
2. iframe版，即基于 iframe 容器跳转的多页面开发模式，视图层通常由服务端输出，每一个页面都在一个完全独立的空间中运行，因此一般适用于规模相对庞大的应用系统，它可以避免不同界面之间的冲突，但如果打开的 iframe 元素过多，浏览器负荷会相对较高。

其中有两个名词 SPA和与之相对应的MPA:

SAP

以下内容摘自百度百科：
单页Web应用（single page web application，SPA），就是只有一张Web页面的应用。单页应用程序 (SPA) 是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。 [1] 浏览器一开始会加载必需的HTML、CSS和JavaScript，所有的操作都在这张页面上完成，都由JavaScript来控制。因此，对单页应用来说模块化的开发和设计显得相当重要。
特点:
·速度：更好的用户体验，让用户在web app感受native app的速度和流畅，
·MVVM：经典MVVM开发模式，前后端各负其责。
·ajax：重前端，业务逻辑全部在本地操作，数据都需要通过AJAX同步、提交。
·路由：在URL中采用#号来作为当前视图的地址,改变#号后的参数，页面并不会重载。
单页Web应用（single page web application