因為某種神祕的原因(公司比較忙)，所以目前前端的建立過程可能會明後天才會介紹

1.後端與前端的架構: 前後端分離

基于 React 和前后端分离的前端框架选型 (个人心得总结)

2.React app 建立以及 Antd UI庫載入 後並後端配置整合

2.1 antd-admin: https://github.com/zuiidea/antd-admin

2.2 Antd UI庫: https://ant.design/index-cn

2.3 React Django 前后端分离开发实践

2.4 FullStack React & Django Authentication : Django REST ,TypeScript, Axios, Redux & React Router

2.5 [leberkaassemmel/nginx-django-react-docker

2.6 kamil-kolodziej/docker-django-react-postgres-nginx

主要根據上面的進行前後端的分離，可以簡單的理解為，

頁面上的UI基本都由前端提供(這邊為NGinx的container)，

而資料庫資料, 一些業務邏輯或一些需保密的程式邏輯部分則由後端的Server提供。

假如提供的為後台UI或是企業內網網站，則可視流量的大小以及 Container 的負載量

選擇跟後端的Container放在一起或切出一個獨立的後台 UI conatiner。

前端的頁面透過頁面內的Ajax 或 javascript call 後端的 api 要相關的資料或驗證之類的。

目前前後台的開發大致上可以分成:

1.前後台混合

2.前後台完全分開(所以可能前後台需要用到一些跨域的套件)

3.前後台在同一域上，但是彼此分開，這樣就不需要使用跨域方面的組件。

附帶一提，假如要做個人網站的話，或許也可以把 Github Page 當作靜態的網站模板，另外 API 再透過自架的後端

Server 以及資料庫提供資料。

其實我目前負責的案子因為使用者只在內網的關係所以負載量不會很大，只要使用前後端混和的方案就可以，不過因為想學習使用前後端的部屬方案，所以我就試著把專案分離成前端 ( 靜態模板 ) 與後端 ( API Server )。

目前因為我對前端比較沒有相關的開發經驗，所以這個案子相關的開發都是透過網路以及自己的摸索，想當然這樣的開發方式一定不會是最有效率以及最完善的。