隨著互聯(lián)網(wǎng)的高速發(fā)展以及IT開發(fā)技術(shù)的升級 , 前后創(chuàng)載網(wǎng)端分離已成為互聯(lián)網(wǎng)項(xiàng)目開發(fā)的業(yè)界標(biāo)準(zhǔn)使用方式 。在實(shí)際工作中 , 前后端的接口聯(lián)調(diào)對接工作量占Web前端人員日常工作的30%-50% , 甚至?xí)?。接下來的好程序員W創(chuàng)載網(wǎng)eb前端教程系列就給大家講解前后端分離接口 。
為什么要前后端分離?
把前端與后端獨(dú)立起來去開發(fā) , 放在兩個(gè)不同的服務(wù)器 , 需要獨(dú)立部署 。兩個(gè)不同的工程 , 兩個(gè)不同的代碼庫 , 不同的開發(fā)人員 , 前后端工程師需要約定交互接口 , 實(shí)現(xiàn)同步開發(fā) 。開發(fā)結(jié)束后需要進(jìn)行獨(dú)立部署 , 前端通過接口來調(diào)用調(diào)用后端的API , 前端只需要頁面的樣式與動態(tài)數(shù)據(jù)的解析和渲染 , 而后端專注于具體業(yè)務(wù)邏輯 。

文章插圖
前后端分離的優(yōu)點(diǎn)是什么?
1、徹底解放前端 。前端不再需要向后臺供模板或是后臺在前端HTML中嵌入后臺代 。
2、高工作效率 , 分工更加明確 。前端只前端的事 , 后臺只關(guān)心后臺的活 , 兩者開發(fā)可以同時(shí)進(jìn)行 , 在后臺還沒有時(shí)間供接口的時(shí)候 , 前端可以先將數(shù)據(jù)寫死或者調(diào)用本地的JSON文件即可 , 頁面的增加和路由的修改也不必再去麻煩后臺 , 開發(fā)更加靈活 。
3、局部性能升 。通過前端路由的配置 , 我們可以實(shí)現(xiàn)頁面的按需加載 , 無需一開始加載首頁便加載網(wǎng)站的所有的資源 , 服務(wù)器也不再需要解析前端頁面 , 在頁面交互及用戶體驗(yàn)上有所升 。
4、降低維護(hù)成本 。通過目前主流的前端MVC框架 , 我們可以非常快速的定位及發(fā)現(xiàn)問題的所在 , 客戶端的問題不再需要后臺人員參與及調(diào)試 , 代碼重構(gòu)及可維護(hù)性增強(qiáng) 。
5、實(shí)現(xiàn)高內(nèi)聚低耦合 , 減少后端(應(yīng)用)服務(wù)器的并發(fā)/負(fù)載壓力 。
6、即使后端服務(wù)暫時(shí)超時(shí)或者宕機(jī)了 , 前端頁面也會正常訪問 , 但無法供數(shù)據(jù) 。
7、可以使后臺能更好的追求高并發(fā)、高可用、高性能 , 使前端能更好的追求頁面表現(xiàn)、速度流暢、兼容性、用戶體驗(yàn)等 。
前端工程是如何調(diào)用接口?
Ajax在瀏覽器與Web服務(wù)器之間使用異步數(shù)據(jù)傳輸(HTTP 請求) , 通過get或者post方法與服務(wù)器交互 。
前端和后端之所以需要對接 , 是因?yàn)榍岸隧撁嬷回?fù)責(zé)供視圖沒有內(nèi)容 , 而后端只供內(nèi)容 , 兩者所謂的對接 , 就是把后端的內(nèi)容放在前端頁面預(yù)留出來的位置上 。(雖然說是前端后端 , 但這一對接實(shí)際發(fā)生在服務(wù)器端) 。
所以服務(wù)器端進(jìn)行的交互活動如下:
接收用戶請求——》找到負(fù)責(zé)處理的程序——》處理程序找到要傳輸給用戶的前端頁面——》該前端頁面留出位置——》后端到數(shù)據(jù)庫取數(shù)據(jù)——》后端創(chuàng)載網(wǎng)把數(shù)據(jù)放在前端留出來的位置上
——》結(jié)合成真正用戶看到的HTML文件——》傳輸給用戶 。
以上關(guān)于本文的內(nèi)容,僅作參考!溫馨提示:如遇健康、疾病相關(guān)的問題,請您及時(shí)就醫(yī)或請專業(yè)人士給予相關(guān)指導(dǎo)!
「愛刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容,希望對您有所幫助:- web前端領(lǐng)域有哪些 前端技術(shù)有哪些
- 前端的框架 前端框架有哪些
- 造價(jià)工程師培訓(xùn)哪家好(陜西2021年二級造價(jià)工程師考試延至1
- web前端開發(fā)語言 javascript基礎(chǔ)知識總結(jié)
- 小狐貍的百貨商店試講教案,幼兒園面試試講視頻
- 筆畫最多的字900000畫 三個(gè)火是什么字
- 采購員面試時(shí)常被問到的問題 采購員工資一般多少
- 富文本編輯器對比 前端富文本編輯器使用
- app原生開發(fā)和非原生的區(qū)別 ios原生開發(fā)和前端開發(fā)
- 前端如何獲取當(dāng)前日期 js如何獲取當(dāng)前時(shí)間的時(shí)間戳
