iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

LV的全端開發體驗 系列

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

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

Day11 前端頁面狀態管理 - Pinia

選單位置記憶 拆完頁面後,我們來解決選單項目位置的問題,原先的做法是每個頁面去手動變更class,讓當前的頁面選單會有高亮反白的顯示,這個動作如果每個頁面都要做...

2022-09-25 ‧ 由 mackliu 分享
DAY 12

Day12 完善題庫設定功能-善用ORM

先前提到題目之上還有個題庫,現在來把題庫功能完善,其實也就是CRUD再走一遍而已,不過值得一提的是,在習慣使用框架之後,真的要懂得善用框架在ORM上提供的功能,...

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

Day13 完善題組及題目功能

昨天我們把題庫的功能補上了,但因為我們中間調整了題庫和題目間的欄位關係,所以接下來是為題目加上題組的功能,每一個題目一定是屬於某個題庫中的某個題組。 加上題組...

2022-09-27 ‧ 由 mackliu 分享
DAY 14

Day14 補完題組編輯及刪除 - 引入fontawesome

昨天我們完成了題組的新增及重新整理了題目的CRUD,不過題組應該也要可以修改及刪除,但目前的版面配置空間有限,所以我們使用 icon 來協助完成這兩個功能。 不...

2022-09-28 ‧ 由 mackliu 分享
DAY 15

Day15 前台測驗功能試做

接著我們要來先來實現一下前台最主要的功能,測驗,在不考慮是否登入的狀況下,基本的測驗方式就是使用者進入測驗頁面後,亂數拉出一些題目出來,接者使用者開始填寫答案,...

2022-09-29 ‧ 由 mackliu 分享
DAY 16

Day16 使用Laravel Excel來匯入資料

Excel的匯入匯出是我目前工作上常有的工作項目之一,雖然系統數位化了,但是有些對外的工作還是得轉成檔案來傳送,在這個案子中,我打算讓後台的題目新增除了手動的一...

2022-09-30 ‧ 由 mackliu 分享
DAY 17

Day17 使用Laravel Excel來匯出資料

昨天在討論匯入功能時有提到前面都是假設題目都是單選的前提來製作的,但是我們在匯入時有複選題的存在,這會讓我們前台的測試功能出現狀況,這問題的解決需要一點工夫,我...

2022-10-01 ‧ 由 mackliu 分享
DAY 18

Day18 提升一下操作體驗(一)-vue-final-modal

做到現在,都在忙功能,操作體驗不是太好,因為接下來的功能都是差不多的套路,所以是時候來提升一下操作體驗了。 modal是很常見的應用,以前我都是自己手刻一套來自...

2022-10-02 ‧ 由 mackliu 分享
DAY 19

Day19 提升一下操作體驗(二) - SweetAlert

昨天使用Modal的體驗不錯,解救了我文章差點難產的困境,所以今天再來加個料,免得開天窗;Modal雖然不錯用,但有時我們只是要做個確認而已,使用Modal著重...

2022-10-03 ‧ 由 mackliu 分享
DAY 20

Day20 解決一下後台路由導向問題-Middleware及Guard

先前我們留下了一個問題,[Day06 不同角色登入導向],就是使用者登入後,可以透過改變網址的方式去讀取管理者的頁面,我們當時只有在後台首頁做了各自導向的設定,...

2022-10-04 ‧ 由 mackliu 分享