iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
SideProject30

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

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

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

Day 1 - 開賽前言

簡介 Hi大家好,我是Terry,主要負責後端系統軟體開發,約有5年經驗。在平日工作上使用java與C#作主要開發手段,平時較少處理前端以及UI開發,希望這次利...

2023-09-16 ‧ 由 Terry 分享
DAY 2

Day 2 - 基本專案環境建置

專案建立 本次專案主要在Electron中套用angular,於GitHub套用已整合樣本,並安裝所需套件完整專案建立. 參考樣本連結:https://gith...

2023-09-17 ‧ 由 Terry 分享
DAY 3

Day 3 - 後端環境架構(Express) - 1

Express簡介 Express 是一個非常受歡迎的 Node.js Web 應用程式框架。它被廣泛用於建立後端環境,並提供了一個簡潔而靈活的方式來處理 HT...

2023-09-18 ‧ 由 Terry 分享
DAY 4

Day 4 - 後端環境架構(typeorm + sqlite3) - 2

TypeORM + SQLite3 TypeORM 是一個用於 TypeScript 和 JavaScript 的 ORM (Object-Relational...

2023-09-19 ‧ 由 Terry 分享
DAY 5

Day 5- 後端環境架構(NeDB) - 3

NeDB nedb 是一個嵌入式的 NoSQL 資料庫,特別適合於 Node.js 環境下的後端應用。它提供了輕量級的文件儲存和查詢功能,並支援索引和快取機制,...

2023-09-20 ‧ 由 Terry 分享
DAY 6

Day 6 - 前端服務資料存取

前端服務資料存取 主要透過Angular Http client進行前端資料存取 HttpClient Angular HttpClient 是一個用於發送 H...

2023-09-21 ‧ 由 Terry 分享
DAY 7

Day 7 - 前端資料UI顯示

PrimeNg PrimeNG 是一個基於 Angular 的開源 UI 庫,提供了許多現代化且易於使用的 UI 元件和功能。它具有豐富的視覺效果和動畫,可以幫...

2023-09-22 ‧ 由 Terry 分享
DAY 8

Day 8-系統功能需求定義-1

軟體名稱 隨身旅遊雜記 開發目標 提供可以記錄旅遊或美食的雜記功能,可以透過關鍵字收尋主題內容,找尋之前撰寫的內容,並可以提供離線查詢功能,可以留存與查詢圖片....

2023-09-23 ‧ 由 Terry 分享
DAY 9

Day 9 - 系統功能需求定義-2

管理者功能需求(後台) 使用者資料管理 規則 管理者可以檢視使用者資料,並且可以新增、修改與刪除會員資料 以表格方式顯示,預設顯示所有會員資料。 管理員可以...

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

Day 10 - 功能規格設計-資料庫規劃

資料庫規劃 資料分三大部分使用者、文章、系統版本,圖片部分使用NOSQL方式儲存. API規格 登入驗證 依據輸入使用者、密碼讀取使用者資訊. URL /lo...

2023-09-25 ‧ 由 Terry 分享