共计 1623 个字符，预计需要花费 5 分钟才能阅读完成。
随着不同终端的衰亡，对开发人员的要求越来越高，纯浏览器端的响应式曾经不能满足用户体验的高要求，咱们往往须要针对不同的终端开发定制的版本，为了晋升开发效率，前后端拆散的需要越来越被器重，前端次要负责页面的展示和交互逻辑，后端次要负责业务和数据接口，同一份数据接口，咱们能够定制开发多个版本。
前后端不拆散：
在之前的开发方法，php 代码写在 HTML 中，不存在纯正的 PHP 文件和 HTML 文件，这就是前后端的不拆散，也就是 php 和 HTML 你中有我我中有你，而在前后端不拆散的利用模式中，前端页面看到的都是由后端管制，由后端渲染页面或者重定向，也就是后端须要管制前端的展现，前端与后端的耦合度很高，申请的数据交互如下图：
例如：
前端工程师对 php 代码读不懂，php 工程师对 css 等内容也不相熟。
开发效率会大大降低，比方前端写好动态 demo，后端翻译成 VM 模板，也比方间接基于后端环境的开发，那样配置和装置应用都很麻烦，而且前端还是要写 VM，依赖后端数据，效率仍然不高。
前端能力施展受到局限，比方性能优化，如果性能优化只在前端做空间十分无限，于是咱们常常要与后端单干，然而因为后端的框架限度，咱们很难来优化性能。
最初，发现只有做到真正的前后端拆散，才可能真正的彻底的解决以上的问题。所以起初就有了前后端拆散。
前后端拆散：
前端：负责 View（视图层 / 做 HTML 页面的展现）和 Controller（逻辑层 / 书写业务逻辑）层。
后端：负责 Model（数据层 / 数据的增删改查）层。
在前后端拆散的利用模式中，后端仅返回前端所需的数据，不再渲染 HTML 页面，不再管制前端的成果，用户看到什么样的成果，从后端申请的数据如何加载到前端中，都由前端本人决定，后端仅仅须要提供一套逻辑对外提供数据即可，并且前端与后端的耦合度绝对较低，在这种模式中，咱们通常将后端开发的每个视图都成为一个接口，或者 API，前端通过拜访接口来对数据进行增删改查。
对应的数据交互如下图：
前后端拆散的益处是什么？
1、为优质产品打造精益团队
术业有专攻，通过前后端拆散，让前后端工程师只须要专一于前端或者后端的开发工作，造就前端工程师独特的技术个性，而后构建出一个全栈式的精益开发团队。
2、进步工作效率，分工更加明确
前后端拆散的工作流程能够使得前端分心前端，后端关怀后端，两者开发同时进行，进步工作效率，页面的减少和路由的批改也不用再去麻烦后端，开发更加灵便。
3、部分性能晋升
通过前端路由的配置，咱们能够实现页面的按需加载，无需一开始加载首页便加载网站的所有资源，服务器也不再须要解析前端页面，在页面交互及用户体验上有所晋升。
4、加强代码的可维护性
前后端拆散后，利用的代码不再是前后端混合，只有在运行期才会调用依赖关系，并且分层明确，利用代码变得整洁清晰。
总结：
简略来说，前后端拆散次要就是将数据操作和显示拆散分离出来，前端专一做数据显示，通过文字、图片或者图标等形式让数据显示进去，后端专一的做数据的操作。
前端把数据发给后端，而后后端对数据进行批改。而后端提供接口给前端调用，来触发后端对数据的操作。
最初：
JNPF 疾速开发平台采纳前后端拆散技术、采纳 B / S 架构开发，造成一站式开发多端（APP+PC）应用。
前端技术：
1.Web 前端出现给用户的视觉效果，能够看失去碰得着的货色。
2. 采纳 B / S 框架开发、因而前后端拆散目标之一是做到专业化分工、提 高我的项目品质和开发效率。
3. 前端采纳 HTML5、CSS3、Bootstrap、Jquery、VUE 脚本技术搭建而成的页面，咱们是污浊版页面，使开发起来速度更快。
后端技术：
1.Web 前端出现给用户的视觉效果，能够看失去碰得着的货色。
2. 采纳 B / S 框架开发、因而前后端拆散目标之一是做到专业化分工、提 高我的项目品质和开发效率。
3. 前端采纳 HTML5、CSS3、Bootstrap、Jquery、VUE 脚本技术搭建而成的页面，咱们是污浊版页面，使开发起来速度更快。