Angular Stock实作流程说明(Day20)

介绍完视觉化套件之後，我们就要开始进入实作了，要在十天内做完一个简易登入+资料视觉化呈现对Angular框架还不熟的我来说真的是蛮有挑战性的，但是哪位工程师不是每天都接受着挑战呢! 让我们带着愉快的心情进入接下来的实作过程吧~~!

目标设定:

我们需要完成的功能如下

1. 设置一个登入页，有两个输入框可以输入帐号/密码，还有一个登入键。

   需求功能:

   • 按下後将资料送到StockAPI判断。
   • 成功就转导至首页并携带Token
   • 失败则将原因显示在页面上

2. 设置一个首页，里面放一个上市个股日成交资讯的连结。

   需求功能:

   • 点选後会在原页面下方，利用视觉化套件显示今日资料内容

流程图:

版面需求元件:

html模板

html模板元件

OK~那我们今天先到这里，明天开始实作罗~!