Dreamweaver網頁設計個人網站

個人網站

留言

發佈留言

此網誌的熱門文章

Angular 專案 - Employee Management管理系統

圖片
用 Angular 建立 Employee Management 管理系統 本文將教您如何使用 Angular 建立一個 Employee Management 管理系統，並透過 Web API 進行後端連接。 參考資源 教學影片： Angular Employee Management 系統 後端 Web API 文件： Gerasim Project API 執行結果如下圖所示： Dashboard 頁面 大綱 開發環境建立 目標完成的 Component 建立路由 模組實作 1. 開發環境建立 1.1. 使用 Visual Studio Code 建立 Angular App 專案範本 首先，請下載並安裝 Visual Studio Code 。 1.2. 建立開發環境 安裝 Node.js 和 npm： Node.js 官方下載頁面 安裝 Angular CLI： npm install -g @angular/cli 1.3. 查詢 Angular 版本 ng --version 1.4. 建立 Angular App 輸入以下指令來建立新專案： ng new EmployeeManagement 建立後的專案結構如下圖： 2. 目標完成的 Component 在 src 目錄下的 app 資料夾中新增 pages 目錄，並使用 Angular CLI 建立以下 Component： 指令範例： ng g c pages/login 需要建立的 Components： login dashboard layout employee project projectEmployee 3. 建立路由 修改 app.routing.ts ，設定路由： 4. 實作 Login 頁面 您可以參考 CodePen 上的 Login 頁面範本，選擇自己喜歡的設計，並將 HTML 與 CSS 代碼整合到 Angular 的 login.component.html 和 login.c...
Read more »

主題式英文單字學習｜家居與建築篇

🏡 家居與建築｜英文字根學習 🏡 家居與建築（struct, arch, dom, hab） 單字 字根 詞義 例句 圖片 structure struct 結構 The building has a unique structure. 這棟建築有獨特的結構。 點我看圖 construct struct 建造 They plan to construct a new mall. 他們計劃建造一座新商場。 點我看圖 infrastructure struct 基礎建設 The city needs better infrastructure. 這座城市需要更好的基礎建設。 點我看圖 architect arch 建築師 She is a famous architect. 她是一位著名的建築師。 點我看圖 architecture arch 建築風格 I love Roman architecture. 我喜歡羅馬建築風格。 點我看圖 archway arch 拱門 The castle has a grand archway. 這座城堡有壯觀的拱門。 點我看圖 domestic dom 家用的；國內的 They bought domestic furniture. 他們買了家用家具。 點我看圖 dominate dom 支配 The tower dominates the skyline. 這座塔在天際線中非常顯眼。 點我看圖 domain dom 領域；領土 This topic is not in my domain. 這主題不在我的領域內。 ...
Read more »