jsp是写好了代码，编译成静态页面，展示给用户。就相当于freemarker这样的模板工具。

你要说html+js也能完成所有工作，的确是这样，但是比如一些，加载页面时的展示数据，你也要用个js请求然后把数据进行插入处理，整个过程烦不烦，累不累。而jsp这类，我在后台准备好数据，jsp编译的时候把对应的数据进行填入，就可以展示给你了。然后过程中再用一些ajax等js技术来进行用户动态交互。因为html页面刚开始往往没有数据，需要从后台加载，这个加载的东西也许是很多的，用js十分的臃肿，像php，jsp，freemarker这些类似模板一样的工具，前台写好页面，后台准备好数据就可以生成html页面。但是也少不了js，因为加载完以后，页面时静态的，用户要进行操作，无论是和页面，还是要和后台数据库交互，都需要js，这个时候后台编写的这些模板再也起不到动态交互的作用了。

 

前后端交互-->

最最中心的就是传输的数据。

前端关心后台传过来的数据，后台关心前台传过来的数据。

 

1.jsp，freemarker，php。这类后台服务端的东西是需要存在的，用于页面加载的时候，把需要展示的数据填入到页面中展示。如果是用html+js来做这个加载过程的话，会很臃肿。首先加载页面应该就会慢很多，因为加载的时候js会和后台进行交互，然后还要用js来处理传过来的数据展示给用户。而如果是jsp这些会在后台直接填装入数据，然后生成html页面就好了。

2.用户会进行操作，而jsp这些对于前端用户的对html页面的操作是不会有反应的，所以js是必不可少的存在，它能够接受用户操作，并且与后台进行交互，处理返回的数据，再展示回馈给前台用户。

 

初始页面的加载，用jsp等等技术来实现。后续的用户的动态交互，用js框架来完成。

 

前端和后端分离的过程中。

 

因为我是后端，我要清楚：

 

最核心的点：你需要什么样的数据。（得到这样的数据我需要什么参数，返回的数据需要什么格式。）

 

1.前端需要什么样逻辑的数据。

2.前端传给我的参数

3.前端需要的数据形式。（这其实也和1有关联，就是你要知道是要干什么事，这个事需要从我这里得到什么格式的数据。）