前后端分离是什么(新手必看)
前后端分离目前已经成为互联网项目开发的主流趋势,甚至是业内标准的使用方式,通过 Nginx+Tomcat 的方式(也可以加 Node.js)有效地进行解耦,并且前后端分离为以后的大型分布式架构、弹性计算器、微服务架构、多端化服务打下坚实的基础,这是系统架构进化的必经之路。
简而言之,前后端分离的核心思想就是前端 HTML 页面通过 Ajax 调用后端的 RESTful API 接口,并使用 JSON 数据进行交互。
前后端分离架构如下图所示:
在互联网架构中,Web 服务器能被外网访问,一般是使用 Nginx、Apache 这类服务器,它们只解析静态资源。应用服务器只能在内网访问,一般是使用 Tomcat、Jetty、Resin 这类服务器,既可以解析动态资源,也可以解析静态资源,但是解析静态资源的能力没有 Web 服务器好。
1) 彻底解放前端。前端不再需要向后台提供模板或是后台在前端HTML中嵌入后台代码。
2) 提高工作效率,分工更加明确。前后端分离的工作流程可以使前端只关注前端的事,后台只关心后台的活。前后端开发可以同时进行,在后台还没有时间提供接口的时候,前端可以先将数据写死或者调用本地的 JSON 文件,页面的增加和路由的修改也不必去麻烦后台,开发更加灵活。
3) 局部性能提升。通过前端路由的配置,我们可以实现页面的按需加载,无须一开始加载首页便加载网站的所有资源,服务器也不再需要解析前端页面,在页面交互及用户体验上有所提升。
4) 降低维护成本。前端与后端分两个项目,独立部署且维护更加方便。当后端服务不可用时,浏览器仍能访问前端页面,客户体验较好。
简而言之,前后端分离的核心思想就是前端 HTML 页面通过 Ajax 调用后端的 RESTful API 接口,并使用 JSON 数据进行交互。
前后端分离架构如下图所示:

在互联网架构中,Web 服务器能被外网访问,一般是使用 Nginx、Apache 这类服务器,它们只解析静态资源。应用服务器只能在内网访问,一般是使用 Tomcat、Jetty、Resin 这类服务器,既可以解析动态资源,也可以解析静态资源,但是解析静态资源的能力没有 Web 服务器好。
为什么要使用前后端分离
前后端分离是系统架构发展的必然,原因如下:1) 彻底解放前端。前端不再需要向后台提供模板或是后台在前端HTML中嵌入后台代码。
2) 提高工作效率,分工更加明确。前后端分离的工作流程可以使前端只关注前端的事,后台只关心后台的活。前后端开发可以同时进行,在后台还没有时间提供接口的时候,前端可以先将数据写死或者调用本地的 JSON 文件,页面的增加和路由的修改也不必去麻烦后台,开发更加灵活。
3) 局部性能提升。通过前端路由的配置,我们可以实现页面的按需加载,无须一开始加载首页便加载网站的所有资源,服务器也不再需要解析前端页面,在页面交互及用户体验上有所提升。
4) 降低维护成本。前端与后端分两个项目,独立部署且维护更加方便。当后端服务不可用时,浏览器仍能访问前端页面,客户体验较好。
相关文章
- 《Web前端应用开发技术》PDF下载(高清完整版)
- 《Web前端设计与开发-HTML+CSS+JavaScript+HTML 5+jQuery》PDF下载(高清完整版)
- 《Web前端技术》PDF下载(高清完整版)
- 《Web前端实战——HTML+CSS+JavaScript全栈开发》PDF下载(高清完整版)
- 《Web前端一站式开发手册:HTML5+CSS3+JavaScript》PDF下载(高清完整版)
- 《Web前端技术项目教程(HTML5+CSS3)》PDF下载(高清完整版)
- 《Web前端技术(HTML+CSS+JavaScript)(微课版)》PDF下载(高清完整版)
- 《Web前端性能优化》PDF下载(高清完整版)
- 《Web前端工程师修炼之道(原书第5版)》PDF下载(高清完整版)
- 《Web前端黑客技术揭秘》PDF下载(高清完整版)