系列文章
Day21 Vue 元件：Easy Data Table 進階用應用
在完成 Easy Data Table 的基本應用後，今日將整合 Day20 v-slot 進一步延伸並進行功能改造，主要目標如下： 共用元件化將資料表整合...
Day22 Vue 模板改造實戰：動態功能列
在前面幾篇文章裡，提到這次專案選擇透過外購套版來處理 UI/UX，藉此省下不少介面設計與元件開發的時間。本篇就延續這個話題，來分享如何利用模板進行改造與引用。D...
Day23 Vue 模板改造實戰：使用者群組授權功能（一）
接下來兩天的重點依然是進行套版改造，需求與 Day17 的功能權限控管 有關。目標是讓管理人員能透過 使用者群組 (User Group) 授權機制，決定哪些功...
Day24 使用模板來進行改造範例：使用者群組功能授權實作(二)
早安～昨天已經完成前端範本的改造與後端 API 服務，今天要把兩者進行整合，直接進入主題吧！ 建立 Store.ts 取得後端服務回應 新增 EditGrou...
Day25 資料匯出 Excel
前面示範了套版的改造，今天要說明一個常見需求──匯出 Excel。需求很單純：查詢資料後，將結果匯出為 Excel。我們預計達成以下目標： 在前端查詢畫面新增...
Day26 前端偵錯方式與建議
今天來聊聊前端怎麼偵錯吧！後端工程師常常有超強的 IDE 幫忙，但前端就得靠一些小技巧了。這裡分享幾個實用的方法，給大家參考～ 查看Layout的結構方式 在...
Day27 前後端分離的魔鬼與細節(一)
今天來聊聊前後端分離的細節。雖然分離後商業邏輯的核心可以完全集中在後端，前端只需要專心負責呈現，再加上透過 SPA 的方式，也能更容易更新畫面並達到動態渲染的效...
Day28 前後端分離的魔鬼與細節(二)
在傳統的 form post 模式下，使用者送出表單時會執行 form submit，瀏覽器會將整個頁面資料一次送往伺服器端。伺服器接收後處理商業邏輯，再重新產...
Day29 從傳統post 到現在前後端分離，前端思維的改變
在實作了多項功能後，接下來想聊聊前後端分離所帶來的改變。 由於過去的經驗多半是以 MVC (Razor) 為主，因此這裡將以 MVC 模式 與本案的 前後端分離...
Day30 從築夢到驗收 100%：我們的技術轉型挑戰成果
技術轉型與多人協作的第一次嘗試 這是組織第一次嘗試 技術轉型，同時也是首次以 多人協作開發 的模式完成內部翻修專案。 可以想像，在業界應該有不少團隊或乙方早已這...