最新消息:XAMPP默认安装之后是很不安全的,我们只需要点击左方菜单的 "安全"选项,按照向导操作即可完成安全设置。

用 Angular 5 建立一個投顧網站 – 需求篇

XAMPP下载 admin 731浏览 0评论

接下來我們用一個實例來介紹 ngrx/store 的使用在一個專案上,我們會先用完全使用 Services 的方式來建置,接著再將它換成用 ngrx/store 來建置,我想一方面大家會看到這兩種方式的不同,一方面對於之前的專案,也會遇到這樣轉換的問題。

業者需求

  1. 要有一個開放給所有人的首頁。
  2. 要有會員登入的功能,為了簡單起見,我們會有最簡單的後端,因篇幅關係,將不包含資料庫,所以會簡略註冊功能。
  3. 會員登入有”記得我“的功能,在特定期間內,只要開啟瀏覽器就不需再登入且直接進入會員畫面。這是一個可選項。
  4. 會員登入後有會員專區的專屬頁面,非會員不得使用,這裡會員可以瀏覽投顧報告。
  5. 投顧報告的來源來自後端,因不使用資料庫,會省略後台增加以及刪除報告的功能。
  6. 後端的投顧報告有保護,非會員無法取得。

系統規劃

包含前後端,因篇幅關係,不包括資料庫。

QQ截图20181009164123

首頁

QQ截图20181009164127
點擊會員登入進入登入畫面

登入畫面

QQ截图20181009164132
輸入會員資料,點擊後與後端連接,驗證後進入會員畫面,“記得我”會保留登入資訊。

會員畫面

QQ截图20181009164137
如果“記得我”,重新刷瀏覽器會直接進入這個畫面,“記得我” 到期的話會回到首頁,須重新登入。

接下來我們會一步一步從零開始建立這個專案,所有程式會放在 github, 每天一個 Branch, 讀者可以依樣寫這個專案或是直接從 github 看每天完成的進度。

转载请注明:XAMPP中文组官网 » 用 Angular 5 建立一個投顧網站 – 需求篇

您必须 登录 才能发表评论!