iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
SideProject30

Electron Angular軟體架構與簡易功能實作學習路程實記 系列

一直以來想說花時間學習Electron+Angualr開發,剛好利用此機會完成軟體架構建立與學習
開發工具:WebStorm
Web UI:Material + PrimeNg
資料儲存:nedb、SQLITE
資料溝通:express
學習章節(後補)

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

Day 21 - 功能開發-6-使用者文章編輯流程規劃

功能流程 版本資料存取 async findVersions() { const versionRepository = this.dataSourc...

2023-10-06 ‧ 由 Terry 分享
DAY 22

Day 22 - 功能開發-7-使用者文章編輯

服務紀錄登入使用者資料 export class LocalDataService { private userData = new BehaviorSub...

2023-10-07 ‧ 由 Terry 分享
DAY 23

Day 23 - 功能開發-8-使用者文章輸入驗證與儲存

提供欄位驗證確認資料是否輸入 設定表單: 使用 Template-driven Forms 來建立表單。 定義驗證規則: 使用內建驗證器,Vali...

2023-10-08 ‧ 由 Terry 分享
DAY 24

Day 24- 功能開發-9-文章列表編輯與刪除功能

文章列表編輯功能 editArticle(article: any) { void this.router.navigate(['/article',...

2023-10-09 ‧ 由 Terry 分享
DAY 25

Day 25- 功能開發-10-使用者資料編輯

使用者資料編輯UI <p-tabView styleClass="tabview-custom"> <...

2023-10-10 ‧ 由 Terry 分享
DAY 26

Day 26- 功能開發-11-使用者密碼修改

使用者密碼變更UI <p-tabPanel header="Header II"> <ng-tem...

2023-10-11 ‧ 由 Terry 分享
DAY 27

Day 27-功能開發-12-建立新使用者

新增使用者UI <div class="container"> <div> <div class=...

2023-10-12 ‧ 由 Terry 分享
DAY 28

Day 28 - 功能開發-13-增加google 地圖地點標記

頁面中嵌入Google map 進行顯示 <div class="flex justify-content-start">...

2023-10-13 ‧ 由 Terry 分享
DAY 29

Day 29 - 功能開發-14-增加圖片紀錄功能

圖片上傳與圖片顯示UI設計 <div class="flex justify-content-start"> &...

2023-10-14 ‧ 由 Terry 分享
DAY 30

Day 30 - 功能開發-15-程式打包與開發總結

程式打包 安裝執行結果 開發流程 環境建立 套件功能測試 系統功能需求定義 後端API開發 功能開發 登入功能 文章列表 文章編輯 使用者管理 地圖標記...

2023-10-15 ‧ 由 Terry 分享