從零開始設(shè)計和搭建你的體育賽事競猜網(wǎng)站 (5) - 前后端分離
時間：2023-09-13 11:12:01 | 來源：網(wǎng)站運(yùn)營
時間：2023-09-13 11:12:01 來源：網(wǎng)站運(yùn)營
從零開始設(shè)計和搭建你的體育賽事競猜網(wǎng)站 (5) - 前后端分離：上一篇：從零開始設(shè)計和搭建你的體育賽事競猜網(wǎng)站 (4) - 建表優(yōu)化
上一個模塊中，我們分別從建表誤區(qū)、建表原則這2方面進(jìn)行了體育賽事競猜網(wǎng)站的建表優(yōu)化設(shè)計。在本模塊中，我們將從前后端分離這一方面進(jìn)行如下兩個模塊的介紹。
5 前后端分離5.1 認(rèn)識前后端分離在以前傳統(tǒng)的網(wǎng)站開發(fā)中，前端的工作一般是將 UI 設(shè)計師提供的原型圖實(shí)現(xiàn)成靜態(tài)的 HTML 頁面，而具體的頁面交互邏輯，比如后臺的數(shù)據(jù)交互等，都是交由后端進(jìn)行實(shí)現(xiàn)。
前后端分離這個概念出現(xiàn)之后，很多人誤以為其只是一種 web 應(yīng)用開發(fā)模式，只要將前后端的開發(fā)工作進(jìn)行分工就是前后端分離。其實(shí)不然，前后端分離不僅是開發(fā)模式，而是 web 應(yīng)用的一種架構(gòu)模式。
- 開發(fā)階段，前后端約定好數(shù)據(jù)交互接口，實(shí)現(xiàn)并行開發(fā)和測試；
- 運(yùn)維階段，對 web 應(yīng)用進(jìn)行前后端分離部署，前后端之間使用 HTTP 或者其他協(xié)議進(jìn)行交互請求。
5.2 如何進(jìn)行前后端分離前后端分離模式大致如下：
- 項(xiàng)目設(shè)計階段，前后端架構(gòu)負(fù)責(zé)人對項(xiàng)目進(jìn)行整體分析，討論并確定 API 風(fēng)格、職責(zé)分配、人員配備。設(shè)計確定后，前后端共同制定開發(fā)接口；
- 項(xiàng)目開發(fā)階段，前后端并行開發(fā)，后端提供 Reatful API，并給出文檔。前端通過發(fā)送請求（GET，POST，PUT，DELETE等）調(diào)用 Reatful API 獲取數(shù)據(jù)（json，xml）后進(jìn)頁面渲染。
- 項(xiàng)目測試階段，API 完成之前，前端可以通過 mock server 進(jìn)行數(shù)據(jù)的模擬，后端可以采用 junit 進(jìn)行 API 單元測試，不用互相等待。API 完成之后即可開始對接測試。如果有新接口的需求則在開發(fā)中靈活調(diào)整。
在本模塊中，我們介紹了前后端分離的一些概念以及如何進(jìn)行前后端分離。在下一模塊中，我們將會在前后端分離的背景下，介紹如何進(jìn)行網(wǎng)站的部署，敬請期待！
飛鯨體育數(shù)據(jù) —— 球探網(wǎng)12年匠心打造，實(shí)時、海量、可靠的體育數(shù)據(jù)服務(wù)
更多技術(shù)干貨敬請關(guān)注：
飛鯨體育數(shù)據(jù)-本站
在線咨詢