北京-第四十二期前后端分离与不分离的工作流程分别是怎样的

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

1.背景介绍

前后端之间使用 JSON 来交流，两个开发团队之间使用 API 作为契约进行交互。从此，后台选用的技术栈不影响前台。当后台开发人员选择 Java 的时候，我可以不用 JSP 来编写前端页面，继续使用我的 React 又或者 Angular。而我使用 React 时，也不影响后台使用某一个框架。

2.知识剖析

1.SPA（Single Page Application）

它将所有的活动局限于一个Web页面中，仅在该Web页面初始化时加载相应的html、javascript 和 CSS。一旦页面加载完成了，SPA不会因为用户的操作而进行页面的重新加载或跳转。而是利用 JavaScript 动态的变换HTML的内容，从而实现UI与用户的交互。

优点：1.前后端职责分离，架构清晰：前端进行交互逻辑，后端负责数据处理。

前后端单独开发、单独测试。

良好的交互体验，前端进行的是局部渲染。避免了不必要的跳转和重复渲染。

2.JSP(Java Server Pages)java服务器页面

它是在传统的网页HTML（标准通用标记语言的子集）文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag)，从而形成JSP文件，后缀名为(*.jsp)。 用JSP开发的Web应用是跨平台的，既能在Linux下运行，也能在其他操作系统上运行。

3.常见问题

JS和JSP的区别？

JSP运行在后台服务器上，混合在HTML中的java程序段用于控制HTML的动态生成，并且通常负责调用后台数据库中的数据，形成能够根据使用情况的变化的，具有丰富数据交互效果的页面。

JavaScript 通常是运行在前台，即运行于用户浏览器的，通常不需要服务器的后台支持（AJAX交互例外），混合在HTML中的JavaScript脚本程序直接被浏览器解释执行，以提高页面的美观性和UI操作响应速度为基本目标。

4.参考文献

href="http://shenxingfeng1988.blog.163.com/blog/static/10637600520123203295783/"

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