iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
自我挑戰組

Angular+Spring Boot API 處理股市資料 系列

透過Angular前端+Spring Boot後端API串接,展示出股票資料的整理和折線圖

鐵人鍊成 | 共 32 篇文章 | 24 人訂閱 訂閱系列文 RSS系列文 團隊ITKB後端工程師
DAY 21

Angular Stock登入(一)(Day21)

今天要開始實作登入頁面,首先我們先新增一個login元件 ng generate component login 接著將在網路上找到的登入的html樣式放...

DAY 22

Angular Stock登入(二)(Day22)

今天我們要實作如何利用Angular內提供的模組,從form表單取值。 FormModel: Both reactive and template-drive...

DAY 23

Angular Stock登入(三)(Day23)

今天我們要來串接我們之前寫好的 使用者登入 的API連結。 昨天我們已經可以在按鈕綁定的doLogin方法上取得輸入的account&password...

DAY 24

Angular 路由(Day24)

在完成登入功能之前,我想要先介紹一下Angular的路由系統 Angular Routing: In a single-page app, you chang...

DAY 25

Angular Stock登入(四)(Day25)

透過昨天我們提到的路由,今天我們要實現登入後將token存入sessionStorage後轉導到首頁 首先我們先建立一個物件是可以與API回傳物件進行相互對應的...

DAY 26

Angular Stock首頁(Day26)

今天我們要在首頁設置可以連到上市個股日成交資訊的連結 我們此次是要利用RouterLink這個元件來創造連結 RouterLink: When applie...

DAY 27

Angular Stock上市個股日成交(一)(Day27)

今天我們要開始實作最後一個頁面了,這個頁面功能是可以顯示上市個股日成交的資訊 還記得我們在Angular視覺化套件(Day19)所引入的ZingChart嗎?...

DAY 28

Angular Stock上市個股日成交(二)(Day28)

今天我們先讓資料可以顯示在Angular提供的table上面~~ Angular Material: Angular Material is a UI co...

DAY 29

Angular Stock上市個股日成交(三)(Day29)

今天我們要來使用zingChart的套件產出視覺化的圖表 首先我們先在daily-tranction-stock.component.ts import {...

DAY 30

心得結語(Day30)

今天是鐵人賽的最後一天了,回想起這個月的技術發表,真的是受益良多,覺得鐵人賽最難堅持的點就是每天下班後不管幾點,都還是要打開電腦寫文章、測試程式。但壓力的確是最...

嫩嫩的EveryEnd工程師的收藏
嫩嫩的EveryEnd工程師的追蹤
嫩嫩的EveryEnd工程師的Like
嫩嫩的EveryEnd工程師的紀錄