前后端分离

前言 前后端分离这个词相信大家都听过，不知道大家是怎么理解的呢。前阵子看项目的时候，有一段实现硬是没看懂，下面来给大家说一下一段愚蠢的经历哈。 (我没正正式式写过前端，所以如果文章有错的地方希望可以在评论区友善交流~) （想自学习编程的小伙伴请搜索 圈T社区 ，更多行业相关资讯更有行业相关免费视频教程。完全免费哦!） 一、交代背景 我一直都知道我现在的这个系统是前后端分离的，我的接口只会返回JSON出去，但我不曾关心前端是怎么处理我的JSON数据的(以及他是怎么跑通和运行的) 在某一天，我在查接口的时候，习惯 F12 ，想直接看一下这个请求返回的JSON数据是什么。但是一看，在network返回的是html格式： 于是，我就很好奇啊，就看一下这个接口是不是我想象中的那个。于是就去找我的接口，看一下是不是真的返回JSON(我还专门Debug了一下，看看是不是真请求到这个接口上了）： 得出的结果是： 我的接口的确是返回JSON数据，浏览器的reponse返回的的确是HTML格式。 于是，我就去找我前端的小伙伴，去问了一下这是怎么搞的。他回复我说：“在浏览器看到返回的是页面，那肯定是你们后端干的呀” 我说:“没有啊，我Java接口返回的是JSON数据啊，是不是中途你们用node做了些处理啊？”(我之前听过Node.js，但仅仅是听过) 他说：“Node.js也是你们后端的啊。” 我一听

文章目录 1.前后端分离是什么 2.为什么需要前后端分离 3.前后端分离，最佳实践 3.1.简单分离模式 3.2.服务端渲染模式 3.2.1.方式一，JSP渲染 3.2.2.方式二，静态页渲染 3.3.Node.js渲染模式 4.总结 前后端分离，可以让各端变得更专注。今天的话题，结合我之前的项目场景，重新思考“前后端”的定义，并讨论下《前后端分离，最佳实践》。 前后端分离是什么 我们来回顾下传统的 MVC 模式，客户端发送 AJAX 请求，服务端接受到该请求并返回 JSON 数据返回给客户端，客户端解析 JSON 进行页面渲染。 现在，为了提高开发效率，细化职责，前后端分离的需求越来越被重视，服务端负责业务/数据接口，前端负责展现/交互逻辑。如果将浏览器这一端视为前端，而服务器这一端视为服务端的话，可以将以上的 MVC 模式，进行改造成前后端分离模式。 为什么需要前后端分离 有了前后端分离模式，前端人员更加关注界面展现/交互逻辑，服务端人员更加关注业务/数据接口，分工明确，职责清晰。 前端职责：页面UI，页面展示、交互、渲染，用户体验等。 后端职责：数据存储，业务逻辑，RESTful 接口，性能、可用性、伸缩性、扩展性、安全性等。 此外，当我们的存在多端场景，例如，一个服务端RESTful API，按照这种方式 Web／iOS／Android／PC／U3D

前言 只有光头才能变强。 文本已收录至我的GitHub仓库，欢迎Star： https://github.com/ZhongFuCheng3y/3y 前后端分离这个词相信大家都听过，不知道大家是怎么理解的呢。前阵子看项目的时候，有一段实现硬是没看懂，下面来给大家说一下一段愚蠢的经历哈。 (我没正正式式写过前端，所以如果文章有错的地方希望可以在评论区友善交流~) 一、交代背景 我一直都知道我现在的这个系统是前后端分离的，我的接口只会返回JSON出去，但我不曾关心前端是怎么处理我的JSON数据的(以及他是怎么跑通和运行的) 在某一天，我在查接口的时候，习惯 F12 ，想直接看一下这个请求返回的JSON数据是什么。但是一看，在network返回的是html格式： 于是，我就很好奇啊，就看一下这个接口是不是我想象中的那个。于是就去找我的接口，看一下是不是真的返回JSON(我还专门Debug了一下，看看是不是真请求到这个接口上了）： 得出的结果是： 我的接口的确是返回JSON数据，浏览器的reponse返回的的确是HTML格式 。 于是，我就去找我前端的小伙伴，去问了一下这是怎么搞的。他回复我说：“在浏览器看到返回的是页面，那肯定是你们后端干的呀” 我说:“没有啊，我Java接口返回的是JSON数据啊，是不是中途你们用node做了些处理啊？”(我之前听过Node.js，但仅仅是听过) 他说：

（转载自 https://blog.csdn.net/weixin_37539378/article/details/79956760 ） 一、前言 ”前后端分离“已经成为互联网项目开发的业界标杆，通过Tomcat+Ngnix(也可以中间有个Node.js)，有效地进行解耦。并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务（多种客户端，例如：浏览器，车载终端，安卓，IOS等等）打下坚实的基础。 前后端分离(解耦)的核心思想是：前端Html页面通过Ajax调用后端的RestFul API并使用Json数据进行交互。 注： 【在互联网架构中，web服务器：一般指像nginx，apache这类的服务器，他们一般只能解析静态资源。 应用服务器：一般指像tomcat，jetty，resin这类的服务器可以解析动态资源也可以解析静态资源，但解析静态资源的能力没有web服务器好。】 一般只有Web服务器才能被外网访问，应用服务器只能内网访问。 二、为什么前后端分离 一般公司后端开发人员直接兼顾前端的工作，一边实现API接口，一边开发页面，两者互相切换着做，而且根据不同的url动态拼接页面，这也导致后台的开发压力大大增加。前后端工作分配不均。不仅仅开发效率慢，而且代码难以维护。而前后端分离的话，则可以很好的解决前后端分工不均的问题，将更多的交互逻辑分配给前端来处理

一、定义 1.先看看前后端不分离的情况： 前端页面看到的效果都是由后端控制，由后端渲染页面或重定向，也就是后端需要控制前端的展示 2.前后端分离 后端仅返回前端所需的数据，不再渲染HTML页面，不再控制前端的效果。至于前端用户看到什么效果，从后端请求的数据如何加载到前端中，都由前端自己决定，网页有网页的处理方式，App有App的处理方式，但无论哪种前端，所需的数据基本相同，后端仅需开发一套逻辑对外提供数据即可。 来源： https://www.cnblogs.com/huanlfu/p/11316859.html

关于Swagger Swagger能成为最受欢迎的REST APIs文档生成工具之一，有以下几个原因： Swagger 可以生成一个具有互动性的API控制台，开发者可以用来快速学习和尝试API。 Swagger 可以生成客户端SDK代码用于各种不同的平台上的实现。 Swagger 文件可以在许多不同的平台上从代码注释中自动生成。 Swagger 有一个强大的社区，里面有许多强悍的贡献者。 Swagger 文档提供了一个方法，使我们可以用指定的 JSON 或者 YAML 摘要来描述你的 API，包括了比如 names、order 等 API 信息。 你可以通过一个文本编辑器来编辑 Swagger 文件，或者你也可以从你的代码注释中自动生成。各种工具都可以使用 Swagger 文件来生成互动的 API 文档。 注意：用 Swagger 文件生成互动的 API 文档是最精简的，它展示了资源、参数、请求、响应。但是它不会提供你的API如何工作的其他任何一个细节。 以下是SSM的前后端分离项目中使用swagger的示例： 1， 首先在MAVEN 项目的pom文件中引入相关依赖，依赖如下： （其中的jackson依赖是用于支持RESTful接口实现提供JSON格式数据的） <!-- 第五部分：JSON，jackson依赖 --> <!-- https://mvnrepository.com

　　前后端分离这个词相信大家都听过，不知道大家是怎么理解的呢。前阵子看项目的时候，有一段实现硬是没看懂，下面来给大家说一下一段愚蠢的经历哈。 　　(我没正正式式写过前端，所以如果文章有错的地方希望可以在评论区友善交流~) 　　一、交代背景 　　我一直都知道我现在的这个系统是前后端分离的，我的接口只会返回JSON出去，但我不曾关心前端是怎么处理我的JSON数据的(以及他是怎么跑通和运行的) 　　在某一天，我在查接口的时候，习惯F12，想直接看一下这个请求返回的JSON数据是什么。但是一看，在network返回的是html格式： 　　 请求的信息 　　于是，我就很好奇啊，就看一下这个接口是不是我想象中的那个。于是就去找我的接口，看一下是不是真的返回JSON(我还专门Debug了一下，看看是不是真请求到这个接口上了)： 　　 接口信息 　　得出的结果是：我的接口的确是返回JSON数据，浏览器的reponse返回的的确是HTML格式。 　　于是，我就去找我前端的小伙伴，去问了一下这是怎么搞的。他回复我说：“在浏览器看到返回的是页面，那肯定是你们后端干的呀” 　　我说:“没有啊，我Java接口返回的是JSON数据啊，是不是中途你们用node做了些处理啊?”(我之前听过Node.js，但仅仅是听过) 　　他说：“Node.js也是你们后端的啊。” 　　我一听，啊?Node.js不是属于前端的吗

基于vue和springmvc前后端分离，json类接口调用介绍 版本要求：spring-3.2.9.RELEASE、vue-2.9.2、axios-0.17.1，其中axios作为http client供vue访问springmvc的接口。 1，maven配置 <!-- spring --> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-aop</artifactId> <version>3.2.9.RELEASE</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-beans</artifactId> <version>3.2.9.RELEASE</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-context</artifactId> <version>3.2.9.RELEASE</version> </dependency> <dependency> <groupId>org.springframework

本篇文章转自微信公众号【边城客栈】，分享给大家 原文链接： https://mp.weixin.qq.com/s/nKvjsU2frT5NDU4DLWqvYg 一、前言 前后端分离并不是什么新鲜事，到处都是前后端分离的实践。然而一些历史项目在从一体化 Web 设计转向前后端分离的架构时，仍然不可避免的会遇到各种各样的问题。由于层出不穷的问题，甚至会有团队质疑，一体化好好的，为什么要前后端分离？ 说到底，并不是前后分离不好，只是可能不适合，或者说……设计思维还没有转变过来…… 一体式 Web 架构示意 前后分离式 Web 架构示意 二、为什么要前后端分离 比为什么要前后端分离更现实的问题是什么时候需要前后端分离，即前后端分离的应用场景。 说起这个问题，我想到了 2011 年左右，公司在以 .NET 开发团队为主的基础上扩展了 Java 团队，两个团队虽然是在做不同的产品，但是仍然存在大量重复性的开发，比如用 ASP.NET WebPage 写了组织机构相关的页面，用 JSP 又要再写一遍。在这种情况下，团队就开始思考这样一个方案：如果前端实现与后端技术无关，那页面呈现的部分就可以共用，不同的后端技术只需要实现后端业务逻辑就好。 方案根本要解决的问题是把数据和页面剥离开来。应对这种需求的技术是现成的，前端采用静态网页相关的技术，HTML + CSS + JavaScript，通过