iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

LV的全端開發體驗 系列

買不起LV....至少可以用LV來寫網頁,這三十天打算利用一個新案子的機會來回顧一下這一兩年的學習心得,會用上的技術或套件目前粗估有Laravel、Vue、Vite、Inertia.js、Tailwind CSS、Laravel EXCEL、pinia,隨專案進度視情況增加。
這次參賽的目的是想回顧一下現在的網頁全端開發到底怎麼一回事,尤其是當你和我一樣沒朋友可以分擔開發工作時。
因為白天還有工作,所以可能每天能擠出來的進度不多........

鐵人鍊成 | 共 30 篇文章 | 16 人訂閱 訂閱系列文 RSS系列文
DAY 21

Day21 儲存使用者的測驗結果

花了不少時間在處理後台的架構及一些套件的使用,接著,我們要來把測驗結果做儲存,僅限註冊會員可以儲存,非會員則是使用先前的 excel 匯出來自行留存。 測驗結果...

2022-10-05 ‧ 由 mackliu 分享
DAY 22

Day22 查看測驗紀錄-組件的組件的組件,聊聊重覆利用的設計

昨天提到我們可以在後台看到測驗紀錄被儲存,今天除了要讓紀錄可以被重新讀取並顯示外,也要來聊聊前端組件設計的經驗, 首先我們在測驗列表上加入連結,點擊後會顯示整個...

2022-10-06 ‧ 由 mackliu 分享
DAY 23

Day23 再談前端組件設計-Button Component

昨天提到把一個題目的組件拆出來,讓它可以用在測驗和結果的顯示上,這讓我們在網頁的結構上和元件的使用上便利不少,不過一路看下來的朋友應該也注意到了,有不少的前端項...

2022-10-07 ‧ 由 mackliu 分享
DAY 24

Day24 前後端分離後的分頁 - Laravel Paginate & Vue

分頁一直是個有點難度但做法又大同小異的議題,Laravel 本身提供的Paginate除了針對自己的Blade很方便之外,對於前端來說也是滿友善的,如果有特別需...

2022-10-08 ‧ 由 mackliu 分享
DAY 25

Day25 使用者的後台觀看權限 - Route & Middleware

正當我覺得核心問題都處理的差不多,終於可以來補完其它還沒動工的功能時,突然發現使用者如果手動變更路由中的id,那麼,使用者是可輕易的訪問其它使用者的後台的,不小...

2022-10-09 ‧ 由 mackliu 分享
DAY 26

Day26 讓數字視覺化 - 引入Apache ECharts

看著鐵人賽快到尾聲了,但我只做完骨架功能而已,有點慚愧;幸好這周有雙十連假,可以稍微趕一下進度。 在我的計劃中,之後的功能如果會有數字分析的地方,都希望能儘量以...

2022-10-10 ‧ 由 mackliu 分享
DAY 27

Day27 計分模式 - 前置規劃做的好,改東改西沒煩惱

大致上需要的功能和模組都處理的差不多了,前後端之間的關係也算熟悉了,接下來就是把其它功能一個一個的補上去,不過目前為止都還只是在驗證我想做的功能在這個全端解決方...

2022-10-11 ‧ 由 mackliu 分享
DAY 28

Day28 增加不同的答題模式-來認真玩一下Vue

這趟全端體驗幾乎有一大半時間都在處理後端的東西,前端似乎只有顯示的功能,有點對不起vue,今天來提升一下vue的存在感一下。 先前我們在做測驗列表時,都是一頁全...

2022-10-12 ‧ 由 mackliu 分享
DAY 29

Day29 測驗狀態紀錄-前端計時器、取消作答、提前結束

國家技術士的學科考試,有些職類或場地會提供上機作答,全國檢定則大多還是紙本,而線上作答的系統中有一個倒數計時的功能,我也想在自己的系統中加上這個,同時要依照使用...

2022-10-13 ‧ 由 mackliu 分享
DAY 30

Day30 設定預設管理者帳號-Laravel Seeding

時間飛快的來到了第三十天了,本來想寫寫回顧和心得就可以混過去了,但臨時想到一件重要的事,在一開始建立帳號時,我有提到,我們預設註冊的使用者都是user的角色,然...

2022-10-14 ‧ 由 mackliu 分享