前端通訊, 前後端分離 前後端不分離

2021-09-24 15:48:08 字數 1397 閱讀 2202

基於後端的通訊( 後端完成 )( pc端用 )

基於h5的websocket來完成( 應用於移動端 )

低版本瀏覽使用的socket.io

案例: 利用node.js流來生成壓縮包

fszlib

市場流行:

前後端分離好處:

很久以前( 10 - 13年 ) 前後端不分離專案

不分離

前端 --》 後端 --》 jsp --> 前後端專案整合( 成功 )

前端 --》 後端 --》 jsp --> 前後端專案整合( 失敗 ) -前端二次反工 -後端反工 -整合

網際網路的專案開發流程

/*     以前老的方式是:

1.產品經理/領導/客戶提出需求

2.ui做出設計圖

3.前端工程師做html頁面

4.後端工程師將html頁面套成jsp頁面(前後端強依賴,後端必須要等前端的html做好才能套jsp。如果html發生變更,就更痛了,開發效率低)

5.整合出現問題

6.前端返工

7.後端返工

8.二次整合

9.整合成功

10.交付

新的方式是:

1.產品經理/領導/客戶提出需求

2.ui做出設計圖

3.前後端約定介面&資料&引數

4.前後端並行開發(無強依賴,可前後端並行開發,如果需求變更,只要介面&引數不變,就不用兩邊都修改**,開發效率高)

5.前後端整合

6.前端頁面調整

7.整合成功

8.交付

請求方式

以前老的方式是:

1.客戶端請求

2.服務端的servlet或controller接收請求(後端控制路由與渲染頁面,整個專案開發的權重大部分在後端)

3.呼叫service,dao**完成業務邏輯

4.返回jsp

5.jsp展現一些動態的**

新的方式是:

1.瀏覽器傳送請求

2.直接到達html頁面(前端控制路由與渲染頁面,整個專案開發的權重前移)

3.html頁面負責呼叫服務端介面產生資料(通過ajax等等,後台返回json格式資料,json資料格式因為簡潔高效而取代xml)

4.填充html,展現動態效果,在頁面上進行解析並操作dom。

(有興趣的童鞋可以訪問一下阿里巴巴等大型**,然後按一下f12,監控一下你重新整理一次頁面,他的http是怎麼玩的,大多數都是單獨請求後台資料,

使用json傳輸資料,而不是乙個大而全的http請求把整個頁面包括動+靜全部返回過來) */

【在網際網路架構中】

前後端分離與不分離

前後端分離 在前後端分離的應用模式中,後端僅返回前端所需的資料,不再渲染html頁面,不再控制前端的效果。至於前端使用者看到什麼效果,從後端請求的資料如何載入到前端中,都由前端自己決定,網頁有網頁的處理方式,有的處理方式,但無論哪種前端,所需的資料基本相同,後端僅需開發一套邏輯對外提供資料即可。在前...

前後端不分離專案

express 是nodejs核心框架。express的功能介紹?express generator自動構建開發工具 express有乙個本地埠localhost 3000靜態網頁 聯合前端網頁的源 通過ejs模組可以實現前後端聯合專案 ejs可以識別html標籤,還能解析js,執行在express...

前後端分離

關於前後端分離的一些好的文章推薦 前端框架 為什麼前後端分離 最直白的理解,我認為是因為在開發過程中,前端總是需要等待後端的環境搭建好之後,前端才能獲取相關資料,對於前端的開發影響很大,事實上前端並不關心後端的開發,那麼有沒有方法不讓後端影響前端的開發呢?其實後端提供的是什麼?乙個執行伺服器,乙個就...