Vue应用框架整合与实战--前后端分离后的前端时代篇

Vue.js is an awesome JavaScript Framework for building Frontend Applications! VueJS mixes the Best of Angular + React!

什么是前后端分离

除了前端之外都属于后端了。

image

为什么要前后端分离

• 后端只提供API接口(尽量做restful服务化)，后端保证API和服务稳定。前端调用AJAX实现数据的呈现。 前端职责：页面UI，页面展示、交互、渲染，用户体验等。 后端职责：数据存储，业务逻辑，RESTful 接口，性能、可用性、伸缩性、扩展性、安全性等。
• 像React、Vue、Angular我们可以轻松的构建一个无需服务器渲染就可以展示的网站，这类框架也提供了前端路由功能，后台可以不在控制路由的跳转，将原本属于前端的业务逻辑全部丢给前端，这样前后端分离可以说是最彻底的。
• 降低前端对后端的依赖，提高可维护性，让前后端的职责更清晰，分工更合理。
• 服务端负责业务/数据接口，前端负责展现/交互逻辑。

前后端分离的设计理念,也体现了一个团队的协作共赢的精神

image

前后端分离的优势

• 彻底解放前端 前端不再需要向端台提供模板或是后台在前端html中嵌入后端代码，前端通过AJAX调研后端接口，数据逻辑放在前端，由前端维护。

• 提高工作效率，分工更加明确 前后端分离的工作流程可以使前端只关注前端的事，后台只关心后台的活，两者开发可以同时进行，在后台还没有时间提供接口的时候，前端可以先将数据写死或者调用本地的json文件即可，页面的增加和路由的修改也不必再去麻烦后台，开发更加灵活。

• 局部性能提升 通过前端路由的配置，我们可以实现页面的按需加载，无需一开始加载首页便加载网站的所有的资源，服务器也不再需要解析前端页面，在页面交互及用户体验上有所提升。

• 降低维护成本 通过目前主流的前端MVC框架，我们可以非常快速的定位及发现问题的所在，客户端的问题不再需要后台人员参与及调试，代码重构及可维护性增强。