【Day５】後端设定(前端的建立在晚一点)

因为某种神秘的原因(公司比较忙)，所以目前前端的建立过程可能会明後天才会介绍

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 )。

目前因为我对前端比较没有相关的开发经验，所以这个案子相关的开发都是透过网路以及自己的摸索，想当然这样的开发方式一定不会是最有效率以及最完善的。