前後端基本架構

本文將簡要介紹一下我所使用的前後端基本框架，只是為了後續做小專案時有較好的大局觀，每個部分的實現都有非常多的坑，之後的文章會詳細介紹每乙個部分的原始碼和使用方式，以乙個簡單的個人部落格為樣例，乙個坑乙個坑的填，敬請期待。

我所選用的前端框架是react+redux，如下圖所示

react是view層，負責根據state渲染出頁面，同時也會根據監測使用者的輸入dispatch actions。state是model層，負責儲存整個應用的state，每當有所變化時，會通知react重新渲染介面。

我比較喜歡的是前後端分離，基本結構如下：

瀏覽器不關心server如何拿到資料，只要知道約定的api可以獲取到想要的資料即可，而server也不關心瀏覽器如何使用資料，只要根據約定的api返回資料即可。這裡需要了解ajax，這是兩者互動較為常用的方式。

server api可以有兩種形式，一種是把約定的api名字放到url上傳給server，server解析url執行api並返回結果；另一種是把api作為引數的一部分傳遞給server，server讀取引數時順便讀取到了api的名字。兩種方式都不錯，可以任意選用。

後端邏輯主要是和資料庫互動，如果是伺服器集群的話會更複雜一些。