随着不一样终端的兴起，对开发人员的要求愈来愈高，纯浏览器端的响应式已经不能知足用户体验的高要求，咱们每每须要针对不一样的终端开发定制的版本，为了提高开发效率，先后端分离的需求愈来愈被重视，前端主要负责页面的展示和交互逻辑，后端主要负责业务和数据接口，同一份数据接口，咱们能够定制开发多个版本。php
先后端不分离：css
在以前的开发方法，php代码写在HTML中，不存在纯粹的PHP文件和HTML文件，这就是先后端的不分离，也就是php和HTML你中有我我中有你，而在先后端不分离的应用模式中，前端页面看到的都是由后端控制，由后端渲染页面或者重定向，也就是后端须要控制前端的展现，前端与后端的耦合度很高，请求的数据交互以下图：前端
例如：后端
前端工程师对php代码读不懂，php工程师对css等内容也不熟悉。浏览器
开发效率会大大下降，好比前端写好静态demo，后端翻译成VM模板，也好比直接基于后端环境的开发，那样配置和安装使用都很麻烦，并且前端仍是要写VM，依赖后端数据，效率依然不高。性能优化
前端能力发挥受到局限，好比性能优化，若是性能优化只在前端作空间很是有限，因而咱们常常要与后端合做，可是因为后端的框架限制，咱们很难来优化性能。服务器
最后，发现只有作到真正的先后端分离，才可以真正的完全的解决以上的问题。因此后来就有了先后端分离。前端工程师
先后端分离：架构
前端：负责View（视图层/作HTML页面的展现）和Controller（逻辑层/书写业务逻辑）层。框架
后端：负责Model（数据层/数据的增删改查）层。
在先后端分离的应用模式中，后端仅返回前端所需的数据，再也不渲染HTML页面，再也不控制前端的效果，用户看到什么样的效果，从后端请求的数据如何加载到前端中，都由前端本身决定，后端仅仅须要提供一套逻辑对外提供数据便可，而且前端与后端的耦合度相对较低，在这种模式中，咱们一般将后端开发的每一个视图都成为一个接口，或者API，前端经过访问接口来对数据进行增删改查。
对应的数据交互以下图：
先后端分离的好处是什么？
一、为优质产品打造精益团队
术业有专攻，经过先后端分离，让先后端工程师只须要专一于前端或者后端的开发工做，培养前端工程师独特的技术特性，而后构建出一个全栈式的精益开发团队。
二、提升工做效率，分工更加明确
先后端分离的工做流程可使得前端专心前端，后端关心后端，二者开发同时进行，提升工做效率，页面的增长和路由的修改也没必要再去麻烦后端，开发更加灵活。
三、局部性能提高
经过前端路由的配置，咱们能够实现页面的按需加载，无需一开始加载首页便加载网站的全部资源，服务器也再也不须要解析前端页面，在页面交互及用户体验上有所提高。
四、加强代码的可维护性
先后端分离后，应用的代码再也不是先后端混合，只有在运行期才会调用依赖关系，而且分层明确，应用代码变得整洁清晰。
总结：
简单来讲，先后端分离主要就是将数据操做和显示分离分离出来，前端专一作数据显示，经过文字、图片或者图标等方式让数据显示出来，后端专一的作数据的操做。
前端把数据发给后端，而后后端对数据进行修改。然后端提供接口给前端调用，来触发后端对数据的操做。
最后：
JNPF快速开发平台采用先后端分离技术、采用B/S架构开发，造成一站式开发多端（APP+PC）使用。
前端技术：
1.Web前端呈现给用户的视觉效果，能够看获得碰得着的东西。
2.采用B/S框架开发、所以先后端分离目的之一是作到专业化分工、提 高项目质量和开发效率。
3.前端采用HTML五、CSS三、Bootstrap、Jquery、VUE脚本技术搭建而成的页面，咱们是纯净版页面，使开发起来速度更快。
后端技术：
1.Web前端呈现给用户的视觉效果，能够看获得碰得着的东西。
2.采用B/S框架开发、所以先后端分离目的之一是作到专业化分工、提 高项目质量和开发效率。
3.前端采用HTML五、CSS三、Bootstrap、Jquery、VUE脚本技术搭建而成的页面，咱们是纯净版页面，使开发起来速度更快。