成都-第四十三期前后端分离（SPA）与不分离（JSP） 工作流程分别是怎样的

Posted 2021-04-30 葡萄藤IT技能树

目录 
1.背景介绍
 2.知识剖析 
3.常见问题 
4.解决方案
 5.编码实战
 6.扩展思考
7.参考文献 
8.更多讨论 

5.编码实战
 前后端分离后的优势 一 
单页web的痛点
1.SEO问题没有html抓不到什么。。。
 2.刚开始的时候加载可能慢很多 
3.用户操作需要写逻辑，前进、后退等；
 4.页面复杂度提高很多，复杂逻辑难度成倍 
二 JSP开发的痛点 
1.jsp上动态资源和静态资源全部耦合在一起，服务器压力大， 因为服务器会收到各种静态资源的http请求，动态代码的等等，除非你使用nginx。
 2.前端工程师做好html后，需要由后端的java工程师来将html修改成jsp页面， 包括各种文件的路径，出错率较高（因为页面中经常会出现大量的js代码）， 修改问题时需要双方协同开发，效率低下。
 3.jsp必须要在支持java的web服务器里运行（例如tomcat/resin/jboss/weblogic等），性能提不上来。
 4.第一次请求jsp，必须要在web服务器中编译成servlet，第一次运行会较慢。
5.每次请求jsp都是访问servlet再用输出流输出的html页面，效率没有直接使用html高（记住是每次哟~~~内存哟，IO哟）。
 6.如果在生产环境中，发现了前端的bug，让前端工程师来调试bug，这个时候的页面已经很混乱了，呵呵，他会遇到很多痛点。
 7.如果jsp中的内容很多，页面响应会很慢，因为是同步加载。
 6.扩展思考
 参考1：JavaWeb项目为什么我们要放弃jsp？为什么要前后端解耦？为什么要动静分离？
 7.参考文献 
参考1：知乎，前后端分离的讨论
 参考2：前后端分离的思考与实践1
 参考3：Web 研发模式的演变 
8.更多讨论 Web 前后端分离的意义大吗？
 1、该网站前端变化远比后端变化频繁，则意义大。
 2、该网站尚处于原始开发模式，数据逻辑与表现逻辑混杂不清，则意义大。
 3、该网站前端团队和后端团队分属两个领导班子，技能点差异很大，则意义大。
 4、该网站前端效果绚丽/跨设备兼容要求高，则意义大。 

PPT链接：https://ptteng.github.io/PPT/PPT/JS-10-spaandjsp.html#/