前后端分离
⼀、项⽬有前后端分离和前后端不分离：
  在前后端不分离架构中，所有的静态资源和业务代码统⼀部署在同⼀台服务器上。服务器接收到浏览器的请求后，进⾏处理得到数据，然后将数据填充到静态页⾯中，最终返回给浏览器。
　实现前后端分离后，有了下⾯⼏点改变：
  1.服务器⼀分为⼆，前后端分别部署，静态资源放在前端服务器，业务代码放在后的服务器
  2.前端服务器需要接收Http请求（⼀般使⽤node.js）
  3.前端服务器需要进⾏视图解析（可以使⽤vue.js、angular.js）
  4.前端服务器需要处理路由（也就是页⾯之间的跳转逻辑）
  5.后端服务器只需要返回数据
⼀、前⾔
  前后端分离已成为互联⽹项⽬开发的业界标准使⽤⽅式，通过nginx+tomcat的⽅式（也可以中间加⼀个nodejs）有效的进⾏解耦，并且前后端分离会为以后的⼤型分布式架构、弹性计算架构、微服务架构、多端化服务（多种客户端，例如：浏览器，车载终端，安卓，IOS 等等）打下坚实的基础。这个步骤是系统架构从猿进化成⼈的必经之路。
  核⼼思想是前端html页⾯通过ajax调⽤后端的restuful api接⼝并使⽤json数据进⾏交互。
  在互联⽹架构中，名词解释：
  Web服务器：⼀般指像nginx，apache这类的服务器，他们⼀般只能解析静态资源。
  应⽤服务器：⼀般指像tomcat，jetty，resin这类的服务器可以解析动态资源也可以解析静态资源，但解析静态资源的能⼒没有web服务器好。
⼆、技术分⼯（开发⼈员分离）
以前的JavaWeb项⽬⼤多数都是java程序员⼜当爹⼜当妈，⼜搞前端，⼜搞后端。
随着时代的发展，渐渐的许多⼤中⼩公司开始把前后端的界限分的越来越明确，前端⼯程师只管前端的事情，后端⼯程师只管后端的事情。正所谓术业有专攻，⼀个⼈如果什么都会，那么他毕竟什么都不精。⼤中型公司需要专业⼈才，⼩公司需要全才，但是对于个⼈职业发展来说，我建议是分开。
1、对于后端java⼯程师：（负责Model层，业务处理/数据等）
把精⼒放在java基础，设计模式，jvm原理，spring+springmvc原理及源码，linux，mysql事务隔离与锁机制，mongodb，http/tcp，多线程，分布式架构，弹性计算架构，微服务架构，java性能优化，以及相关的项⽬管理等等。
nginx部署前端项目后端追求的是：三⾼（⾼并发，⾼可⽤，⾼性能），安全，存储，业务等等。
2、对于前端⼯程师：（负责View和Controller层。）
把精⼒放在html5，css3，jquery，angularjs，bootstrap，reactjs，vuejs，webpack，less/sass，gulp，nodejs，Google V8引擎，javascript多线程，模块化，⾯向切⾯编程，设计模式，浏览器兼容性，性能优化等等。
前端追求的是：页⾯表现，速度流畅，兼容性，⽤户体验等等。
术业有专攻，这样你的核⼼竞争⼒才会越来越⾼，正所谓你往⽣活中投⼊什么，⽣活就会反馈给你什么。并且两端的发展都越来越⾼深，你想什么都会，那你毕竟什么都不精。
通过将team分成前后端team，让两边的⼯程师更加专注各⾃的领域，独⽴治理，然后构建出⼀个全栈式的精益求精的team。
三、开发模式
以前⽼的⽅式是：
  产品经历/领导/客户提出需求===》UI做出设计图 ===》前端⼯程师做html页⾯===》后端⼯程师将html页⾯套成jsp页⾯（前后端强依赖，后端必须要等前端的html做好才能套jsp。如果html发⽣变更，就更痛了，开发效率低）===》集成出现问题 ===》前端返⼯
===》后端返⼯===》⼆次集成 ===》集成成功 ==》交付
新的⽅式是：
  产品经历/领导/客户提出需===》UI做出设计图 ===》前后端约定接⼝&数据&参数 ===》前后端并⾏开发（⽆强依赖，可前后端并⾏开发，如果需求变更，只要接⼝&参数不变，就不⽤两边都修改代码，开发效率⾼）===》前后端集成 ===》前端页⾯调整 ===》集成成功 ===》交付
四、请求⽅式
以前⽼的⽅式是：
1、客户端请求
2、服务端的servlet或controller接收请求（后端控制路由与渲染页⾯，整个项⽬开发的权重⼤部分在后端）
3、调⽤service,dao代码完成业务逻辑
4、返回jsp
5、jsp展现⼀些动态的代码
新的⽅式是：
1、浏览器发送请求
2、直接到达html页⾯（前端控制路由与渲染页⾯，整个项⽬开发的权重前移）
3、html页⾯负责调⽤服务端接⼝产⽣数据（通过ajax等等，后台返回json格式数据，json数据格式因为简洁⾼效⽽取代xml）
4、填充html，展现动态效果，在页⾯上进⾏解析并操作DOM。
总结⼀下新的⽅式的请求步骤：
⼤量并发浏览器请求--->web服务器集(nginx)--->应⽤服务器集(tomcat)--->⽂件/数据库/缓存/消息队列服务器集同时⼜可以玩分模块，还可以按业务拆成⼀个个的⼩集，为后⾯的架构升级做准备。
五、前后分离的优势
1、可以实现真正的前后端解耦，前端服务器使⽤nginx。前端/WEB服务器放的是css，js，图⽚等等⼀系列静态资源（甚⾄你还可以css，js，图⽚等资源放到特定的⽂件服务器，例如阿⾥云的oss，并使⽤cdn加速），前端服务器负责控制页⾯引⽤&跳转&路由，前端页⾯异步调⽤后端的接⼝，后端/应⽤服务器使⽤tomcat（把tomcat想象成⼀个数据提供者），加快整体响应速度。（这⾥需要使⽤⼀些前端⼯程化的框架⽐如nodejs，react，router，react，redux，webpack）
2、发现bug，可以快速定位是谁的问题，不会出现互相踢⽪球的现象。页⾯逻辑，跳转错误，浏览器兼容性问题，脚本错误，页⾯样式等问题，全部由前端⼯程师来负责。接⼝数据出错，数据没有提交成功，应答超时等问题，全部由后端⼯程师来解决。双⽅互不⼲扰，前端与后端是相亲相爱的⼀家⼈。
3、在⼤并发情况下，我可以同时⽔平扩展前后端服务器，⽐如淘宝的⼀个⾸页就需要2000+台前端服务器做集来抗住⽇均多少亿+的⽇均pv。（去参加阿⾥的技术峰会，听他们说他们的web容器都是⾃⼰写的，就算他单实例抗10万http并发，2000台是2亿http并发，并且他们还可以根据预知洪峰来⽆限拓展，很恐怖，就⼀个⾸页。。。）
4、减少后端服务器的并发/负载压⼒。除了接⼝以外的其他所有http请求全部转移到前端nginx上，接⼝的请求调⽤tomcat，参考nginx反向代理tomcat。且除了第⼀次页⾯请求外，浏览器会⼤量调⽤本地缓存。
5、即使后端服务暂时超时或者宕机了，前端页⾯也会正常访问，只不过数据刷不出来⽽已。
6、也许你也需要有相关的轻应⽤，那样你的接⼝完全可以共⽤，如果也有app相关的服务，那么只要通过⼀些代码重构，也可以⼤量复⽤接⼝，提升效率。（多端应⽤）
7、页⾯显⽰的东西再多也不怕，因为是异步加载。
8、nginx⽀持页⾯热部署，不⽤重启服务器，前端升级更⽆缝。
9、增加代码的维护性&易读性（前后端耦在⼀起的代码读起来相当费劲）。
10、提升开发效率，因为可以前后端并⾏开发，⽽不是像以前的强依赖。
11、在nginx中部署证书，外⽹使⽤https访问，并且只开放443和80端⼝，其他端⼝⼀律关闭（防⽌⿊客端⼝扫描），内⽹使⽤http，性能和安全都有保障。
12、前端⼤量的组件代码得以复⽤，组件化，提升开发效率，抽出来！
六、注意事项

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。