iT邦幫忙

2021 iThome 鐵人賽

DAY 5
0
自我挑戰組

海邊囝仔帶阿公阿嬤一起學 Ruby On Rails 系列 第 5

Day-5 :阿公阿嬤都看得懂的前後端分離架構?

前端係蝦米?

身為一個麻瓜,當初在看到前端兩個字,
著實就猜想不就字面意思?應該係前後面,反之另一個就是後面啊!
看似廢話的一段,當初可是困擾我許久呢!畢竟我是菜瓜
(咦!!!!好!我們現在進入正題!會帶入一些日常生活小事來舉個人話例子!


前端 Frontend :網頁與使用者溝通的橋樑

這麼說,當我們要與對方溝通的時候,我們要透過眼睛傳遞眼神資訊,
那前端可以說是負責眼睛看見的地方!以及使用者進行操作進行操作的部分,
將網路服務分成兩個區塊,那麼,前端就是運作在使用者這個區塊面上!
好的,我承認上面有點難懂,來舉個例子,前端工程師負責如何把按鈕按下
去會跳出視窗,圖片怎麼在網頁上左右移動, 如何將設計師的設計稿轉化
成一個網站……等,就是使用者能夠接觸到的地方都屬於前端的一部分。
用生活來舉個小例子,當你去ibon印東西的時候,你看到的那台機器與觸
控螢幕上閃現出來可以點選的地方,整台機器與介面都算是前端,他決定了整台機器的外觀與使用介面。

前端框架:Vue、React、Angular (Javascript 框架)


後端 Backend :資料庫(儲存與運算)

再說後端之前,我們需要延續上半部的前端解釋,來想想為什麼需要後端?
有沒有想過,資料是否可以放在前端?舉個例子,如果將消費者的消費餘額都
顯現於前端,會出現什麼狀況?那不是他的餘額除了大家都知道外,消費者也
可以修改自己餘額,那豈不是…可以一直無限下單,
額度隨意調整,這樣不就天下大亂了嗎?

為了防止上面的事情發生,所以,我們需要後端這個管理者
,來處理使用者所填寫的資料,交給專業的處理不就好了嗎!!
所以我們可以透過後端,來掌控使用者消費過後的餘額,
這樣有系統的管理方式,能夠防止上面的災情!也不造成悲劇發生拉~

生活的例子又來拉,我們可以透過後端來接收你剛剛設定的訊息(印製大小,黑白或者彩色…等)
,接著再把使用者剛剛的需求印製出來!

後端:Ruby On Rails

是如何運作的,圖解>>>
https://ithelp.ithome.com.tw/upload/images/20210919/201402592mk0fjbyMh.png


上一篇
Day-4: SSR 與 SPA
下一篇
Day-6:開發專案為什麼寫測試?
系列文
海邊囝仔帶阿公阿嬤一起學 Ruby On Rails 30

尚未有邦友留言

立即登入留言