一 
    
    
    
    、什么是前后端

1
     


     


     


     


、前端：泛指内容展示和与用户交互的部分（客户端）

        ① 内容展示：在网页上能看到的图片 




 




 




 




、文字 

   

   

   

   、视频
     

     

     

     

、数字等信息

        ② 交互：用户在页面上通过点击按钮  




  




  




  




、输入文字等等动作 
    
    
    
    ，对网站提供数据输入
     


     


     


     


，然后前端对用户的输入做出响应 




 




 




 




，比如更新页面上的内容

        HTML：网页内容

        CSS：视觉效果

        JS：用户交互

2 


  


  


  


  、后端：泛指控制软件输出的部分 [开发数据访问服务]（服务端）

        前端可以通过调用后端的服务对数据进行增删查改

二
     
     
     
     
、为什么要分家

        一开始前后端是没有分家的 

   

   

   

   ，因为当时的web应用
     

     

     

     

，没有那么复杂  




  




  




  




，访问量也没有那么大 


  


  


  


  ，服务端直接将页面渲染出来展示给用户也没有什么压力
     
     
     
     
，当时的工程也侧重于后端    
    
    
    
。

        比如JSP   




   




   




   




，在jsp文件中 



 



 



 



 ，杂糅着HTML   




   




   




   




、JS 



 



 



 



 、JAVA                    、JSTL
    




    




    




    




、EL等多种标签和语言  


     


     


     


    。当业务逻辑和架构不复杂的时候                    ，这样做其实没什么问题
    




    




    




    




，但是业务一旦发展起来



















，这种意大利面条式的代码毫无设计可言                     ，不同层级的逻辑耦合严重
     



     



     



     



，难以迭代和维护



















，而且一旦JSP文件多了起来 
    
    
    
    ，那么在运行时将会有大量的servlet对象驻留在内存中
     


     


     


     


，影响性能


 




 




 




 


。

        这个时期开发人员需要吃透整套技术栈 




 




 




 




，但随着技术的发展和需求的不断升级 

   

   

   

   ，解决问题的难度越来越大
     

     

     

     

，所以前端不能像以前那样零散的分布在整个系统框架中了  




  




  




  




，前端也需要实现工程化



















、模块化                     、系统化 


  


  


  


  ，jsp被淘汰了   

   

   

   

。

        前后端分离是一种架构模式
     
     
     
     
，说通俗点就是后端项目里面看不到页面（HTML）,后端给前端提供接口   




   




   




   




，前端调用后端提供的REST风格接口就行 



 



 



 



 ，前端专注写页面和渲染（JS/CSS/各种前端框架）；后端专注写代码就行   

     

     

     

   。前后端分离的核心：后台提供数据                    ，前端负责显示



  




  




  




  

。

        前后端分离意味着
    




    




    




    




，前后端之间使用 JSON 来交流



















，两个开发团队之间使用 API 作为契约进行交互  


  


  


  


。从此                     ，后端选用的技术栈不影响前端    
     
     
     
  。当后台开发人员选择 Java 的时候
     



     



     



     



，我可以不用 JSP 来编写前端页面



















，继续使用我的 Vue 又或者 React




   




   




   




   
。而我使用 Vue 时 
    
    
    
    ，也不影响后台使用某一个框架 



 



 



 



。

        为了适应技术和业务发展的需求
     


     


     


     


，为了解耦的更彻底 




 




 




 




，也为了程序员们能更好的专精于某一项具体的业务 

   

   

   

   ，前后端分离就成了不得不进行的任务与趋势                     。

前后端的追求

        后端应该追求的是：三高（高并发
     

     

     

     

，高可用  




  




  




  




，高性能） 


  


  


  


  ，安全
     
     
     
     
，存储   




   




   




   




，业务等等




    




    




    




    。

        前端追求的是：页面表现 



 



 



 



 ，速度流畅                    ，兼容性
    




    




    




    




，用户体验等等




















。