iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
Modern Web

用Angular打造完整後台 系列

版本採用Angular8

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

day11 AppComponent(二) 登入初始流程

簡述 AppComponent 是系統內的 根組件,這篇會講述登入初始流程。 功能 開發過程中大概遇到幾種設定如下。 多語系初始設定 icon 讀取圖片 登入...

2019-09-26 ‧ 由 Yating Chang 分享
DAY 12

day12 CoreComponent

簡述 在確認此使用者的相關資訊後會進入核心模塊,也是佈局畫面的底。很多功能模塊會以延遲子路由的方式,掛在核心模塊裡。 畫面結構 <!--core.com...

2019-09-27 ‧ 由 Yating Chang 分享
DAY 13

day13 Menu

簡述 其實Menu的控制項取決於登入者的權限。 功能 以Demo來說,所有的頁面種類有以下: index 首頁 user 用戶管理 admin 權限管理 c...

2019-09-28 ‧ 由 Yating Chang 分享
DAY 14

day14 TabModule

簡述 傳統常見的導航做法多半是麵包屑breadcrumb,但是在系統組織很多分層的結構下,光要多方對帳,可能會查證的比較辛苦,所以現在越來越多採 Tab 導航模...

2019-09-29 ‧ 由 Yating Chang 分享
DAY 15

day15 Cms Routing

簡述 要進入到首頁之前,哪些模塊跟路由需要先設定。 檔案結構 -src |-app |-app.component.css |-app.co...

2019-09-30 ‧ 由 Yating Chang 分享
DAY 16

day16 List常見問題(一)

簡述 列表中經常會遇到的問題大約幾下幾種: 當後台需要RWD,但欄位太多了,縮起來實在是太難看。 使用materia提供的MatPaginatorMod...

2019-10-01 ‧ 由 Yating Chang 分享
DAY 17

day17 List常見問題(二)

簡述 列表中經常會遇到的問題大約幾下幾種: 很多功能模塊都會用到子組件,而在多數情況可能會有多個子組件,並且在列表中需重複點擊開關,需額外拉出一個class...

2019-10-02 ‧ 由 Yating Chang 分享
DAY 18

day18 UserModule

簡述 上篇導航到首頁成功後,我們可以先實做功能較小的用戶資訊功能模塊。 功能 User基本資訊 改變自己的登入密碼 檔案結構 -src |-app...

2019-10-03 ‧ 由 Yating Chang 分享
DAY 19

day19 AdminModule

簡述 開始實作權限管理的功能模塊。 功能 管理者列表(換頁搜尋) 列表中更新管理者 用Dialog新增管理者 用子組件查看管理者 檔案結構 -src...

2019-10-04 ‧ 由 Yating Chang 分享
DAY 20

day20 CustomerModule

簡述 開始實作會員管理的功能模塊。 功能 會員列表 會員新增修改 會員等級新增修改 檔案結構 -src |-app |-cms...

2019-10-05 ‧ 由 Yating Chang 分享