iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
自我挑戰組

人生第一次的SideProject 系列

剛入前端的自我挑戰,以Angular為主框架最後希望能整合ASP.NET MVC,做出第一個屬於自己的程式,並記錄下其中過程。

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

[Day 11 ] 擲骰功能實作-需求分析

吸取之前的經驗,執行之前要來先打好計畫,雖然計劃趕不上變化,不過有個計劃還是比較能找到方向,這邊就來分析一下擲骰在遊戲中的用途與實際用法。 骰子在遊戲中的功能是...

2019-09-27 ‧ 由 Emi 分享
DAY 12

[Day 12 ] 擲骰功能實作(一)

開始試做擲骰功能,拼拼湊湊先弄出了簡陋的版本。 HTML部分拿了Bootstrap的modal來套版: <!-- Button trigger modal...

2019-09-28 ‧ 由 Emi 分享
DAY 13

[Day 13 ] 擲骰功能實作(二)

今天實作的是可選面數+骰數的元件,概念其實就是昨天的延伸,只是套版方式不太一樣,另外就是骰子random值的邏輯想滿久... 總之先上程式碼: HTML &lt...

2019-09-29 ‧ 由 Emi 分享
DAY 14

[Day 14 ] 擲骰功能實作(三)

今天完善了擲骰功能,因為基本都是小修,就只上目前整體頁面圖了。 首先是修正了技能擲骰時,除了第一個技能的擲骰按鈕之外無法正常運作的問題,這部分因為 ngMode...

2019-09-30 ‧ 由 Emi 分享
DAY 15

[Day 15 ] 技能搜尋實作(一)

今天的進度完全卡關了...決定來把邏輯整理一下。 目前打算實作的功能,是在技能欄增加搜尋框,顯示輸入的技能,實際執行時就是要對 ngFor 內容進行filter...

2019-10-01 ‧ 由 Emi 分享
DAY 16

[Day 16 ] 技能搜尋實作(二)

今天又迷路了許久,終於找到正確解法了,另外鐵人賽也過去一半了(中場灑花~) 最後的解法是使用自訂 pipe 來篩選技能,實作結果如下: Custom pipe...

2019-10-02 ‧ 由 Emi 分享
DAY 17

[Day 17 ] 技能新增&刪除

今天實作的部分是新增自訂技能與刪除已有技能,實際在寫的時候感覺還滿順利的,把各需要的值取出來後寫 method 就能順利執行了。 以下為實作程式碼: HTML...

2019-10-03 ‧ 由 Emi 分享
DAY 18

[Day 18 ] 角色卡欄位完成

今天新增的部分是大頭照更換,與人物背景以及其他資料等欄位,武器和戰鬥的部分考慮之後覺得算是非必要功能(畢竟房規太多),決定暫不實作。 目前APP長相如下: Ba...

2019-10-04 ‧ 由 Emi 分享
DAY 19

[Day 19 ] 功能修整與Angular總結

鐵人賽不知不覺來到第19天,雖然開始覺得有點後繼無力,但還是努力地撐下去吧。 今天試著build整個專案,理所當然抓到一堆蟲,結果變成debug的一天...總地...

2019-10-05 ‧ 由 Emi 分享
DAY 20

[Day 20 ] ASP.NET銜接開場

終於來到ASP.NET了──雖然想這麼說,但是跟.NET認識都還不到一個月,實在是很不熟......只好乖乖來從互相認識開始。 ASP是微軟所開發的指令碼平台,...

2019-10-06 ‧ 由 Emi 分享