隨着不一樣終端的興起，對開發人員的要求愈來愈高，純瀏覽器端的響應式已經不能知足用戶體驗的高要求，咱們每每須要針對不一樣的終端開發定製的版本，爲了提高開發效率，先後端分離的需求愈來愈被重視，前端主要負責頁面的展示和交互邏輯，後端主要負責業務和數據接口，同一份數據接口，咱們能夠定製開發多個版本。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腳本技術搭建而成的頁面，咱們是純淨版頁面，使開發起來速度更快。