前后端分离技术

素颜马尾好姑娘i 2021-12-17 09:19 391阅读 0赞

[localStorage 前后端分离技术][localStorage]  html5原始的MVC前后端设计技术，原始。

wcf前后端分离技术。

后端springboot，spring，localStorage ,shrio ,redi缓存，RPM 框架dubbo,消息中间件RubboMQ,apache 中间件，jms协议是否。

前后端分离技术 Angus容量大服务器上面，功能强大，以前mvc,tomcat,

# 前后端分离之SPA与跨域访问，只做接口处理，不做view 页面 #

# 实现前后端分离的心得 #

对目前的web来说，前后端分离已经变得越来越流行了，越来越多的企业/网站都开始往这个方向靠拢。那么，为什么要选择前后端分离呢？前后端分离对实际开发有什么好处呢?

## **为什么选择前后端分离** ##

*  **在以前传统的网站开发中，前端一般扮演的只是切图的工作，只是简单地将UI设计师提供的原型图实现成静态的HTML页面，而具体的页面交互逻辑，比如与后台的数据交互工作等，可能都是由后台的开发人员来实现的，或者是前端是紧紧的耦合后台。比如，以前淘宝的Web基本上都是基于MVC框架webx，架构决定了前端只能依赖后端。所以他们的开发模式依然是，前端写好静态demo，后端翻译成VM模版，这种模式的问题就不说了，被吐槽了很久。**
 *  **而且更有可能后台人员直接兼顾前端的工作，一边实现API接口，一边开发页面，两者互相切换着做，而且根据不同的url动态拼接页面，这也导致后台的开发压力大大增加。前后端工作分配不均。不仅仅开发效率慢，而且代码难以维护。而前后端分离的话，则可以很好的解决前后端分工不均的问题，将更多的交互逻辑分配给前端来处理，而后端则可以专注于其本职工作，比如提供API接口，进行权限控制以及进行运算工作。而前端开发人员则可以利用nodejs来搭建自己的本地服务器，直接在本地开发，然后通过一些插件来将api请求转发到后台，这样就可以完全模拟线上的场景，并且与后台解耦。前端可以独立完成与用户交互的整一个过程，两者都可以同时开工，不互相依赖，开发效率更快，而且分工比较均衡。**

## **如何做到前后端分离** ##

(以下的内容都是基于我们的电影购票网站来讨论的)  
前端的技术框架是: vue全家桶+nodejs+express(实现的是单页面(SPA)应用)  
首先，先分清楚前后端的工作

*  前端的工作：实现整一个前端页面以及交互逻辑，以及利用ajax与nodejs服务器（中间层)交互
 *  后端的工作：提供API接口，利用redis来管理session,与数据库交互

我们项目的整一个架构如下:

![这里写图片描述][67e8579ee2214313c2b2984471596e35.png]

http://blog.jobbole.com/111624/

转载于:https://www.cnblogs.com/springcloud/p/10555882.html

[localStorage]: https://www.cnblogs.com/st-leslie/p/5617130.html
[67e8579ee2214313c2b2984471596e35.png]: http://jbcdn2.b0.upaiyun.com/2017/07/67e8579ee2214313c2b2984471596e35.png