【原創】概述總結基於前後端的Web微博應用
阿新 • • 發佈：2018-09-22
進一步 info get、post、 下載 復雜 ring 請求協議 更新 前後端分離 一、需求調研
二、DB設計
三、My——負責個人信息管理的開發，包括信息查看與修改；
1.前端
- SPA:我來說（相比於傳統網頁應用，每一次跳轉都需要向服務器請求一次頁面，單頁面應用只需要在第一次（首屏）請求一次html頁面，之後只需要進行片段刷新，而且傳遞數據比較方便，使用其中父子組件的props傳遞，而不像傳統的使用url、cookie、localstorage）
- 增強用戶體驗：比如說當從一個首頁跳轉詳情頁，如果按照傳統頁面的方式，相當於在首頁請求，在去服務端請求另一個詳情頁，每一次的連接，都要消耗DNS以及TCP建立連接再加上頁面傳輸的過程還要包括接口響應的時間，這個都是用戶可以感受的到的，那麽當使用單頁面的時候，不存在多次下載頁面的時間，只有接口消耗的時間，這在很大程度上增強了用戶體驗。
- 前後端分離：前端做業務邏輯，後端處理數據和接口，耦合度減少，開發效率提高。
- 減輕服務器壓力：一個頁面不用每次都去請服務端，當一個應用較復雜，有10多個頁面的時候，那麽每個用用戶操作幾個頁面，只需要請求一次，這會在很大程度上減輕服務器壓力。
- ReactJS：管理組件和狀態數據
- redux：
- REST風格API設計：URL定位資源，用HTTP動詞（GET,POST,DELETE,DETC）描述操作。
- URL中只使用名詞來指定資源，原則上不使用動詞。“資源”是REST架構或者說整個網絡處理的核心。
- 用HTTP協議裏的動詞來實現資源的添加，修改，刪除等操作。即通過HTTP動詞來實現資源的狀態扭轉：GET（select）、POST(create)、DELETE(delete)、PUT(update)
- 比如：
DELETE http://api.qc.com/v1/friends: 刪除某人的好友 （在http parameter指定好友id）
POST http://api.qc.com/v1/friends: 添加好友
UPDATE http://api.qc.com/v1/profile: 更新個人資料 - antdUI設計庫: import {Button} from ‘antd’;
- React-router:
- Spring-boot:Spring Boot實現了自動配置，降低了項目搭建的復雜度(相比Spring需要大量的配置)。大部分的Spring Boot應用都只需要非常少量的配置代碼，開發者能夠更加專註於業務邏輯。
- Maven:從“中央倉庫”導入jar包，可復用度高
- IOC
- AOP
- json數據
- redis緩存：每次使用DAO從Mysql數據庫讀取數據，當數據很多的時候，效率低；使用redis做緩存數據庫，提高讀取效率；然後若造成寫的效率低下，這個時候就可以進一步使用主從式數據庫進行寫數據。
- 接口設計：http請求協議——GET、POST、PUT、DELETE
- 在這次的項目裏，我們4人團隊學習並掌握了項目構建構建工具maven，以及代碼脫管協作平臺github的使用。
【原創】概述總結基於前後端的Web微博應用