iT邦幫忙

2024 iThome 鐵人賽

DAY 5
0
Modern Web

asp.net core 分層架構快速上手系列 第 5

Day5 首頁產品顯示&註冊的畫面

  • 分享至 

  • xImage
  •  

今天進入Day5,同樣是繼續介紹頁面與功能,
今天介紹[首頁顯示產品]以及[註冊的畫面]依權限設定,基本就是產品頁面,
只是顯示的方式不是用table,而是用Div,

首頁產品:
https://ithelp.ithome.com.tw/upload/images/20240907/20147438VD6Z1EWLSA.jpg

  1. 產品圖片:Image。
  2. 產品介紹:String。
  3. 尺寸:String。
  4. 價格:Int。
  5. Detail,Button,前往產品詳細。

圖片是隨便抓的,主要是為了展示這個功能是確實有用。

接下來是講解註冊畫面。
[遊客]
https://ithelp.ithome.com.tw/upload/images/20240907/20147438UTNGbCxPHg.jpg

如Day2有介紹到,會依權限設置註冊方式,
未登入的情況下,由上到下依序為:
1.Email:String,必填。
2.Name:String,必填。
3.PhoneNumber:String,必填。
4.Password:String,必填,必須含有一個特殊字與大寫英文。
5.ConFirmPassword:String,必填,必須含有一個特殊字與大寫英文。
6.Address:String,必填。
7.Register:Button,將資料寫入資料庫並跳轉至認證。
這個畫面會透過程式判斷,"未登入",預設註冊的"Role",
只會是Customer遊客,選擇Role的欄位不會顯示此**[隱藏]**。
登入後Register會變成遊客的Email,並且點選後只會跳轉到個人資訊。
無法在登入情況下繼續註冊。

這裡面注意紅框的部分,是屬於"自定義"的欄位。
註冊功能會套用Identity,該功能預設上只會有Email與密碼的輸入。
但是這功能不錯的是,開放自定義欄位,
建立Model時,只要將自定義的設計好就可以。

[Admin]註冊畫面。
https://ithelp.ithome.com.tw/upload/images/20240907/20147438q7GBje6ZVK.jpg

當登入帳號為Admin或Manager時,最右邊仍然只會顯示登入者的Email。
但是中間的內容管理,屬於Area[Admin]。
僅管理者可見,這邊有再多一個建立使用者的功能。
此時可以看到最下方多了

  • SelectRole:下拉選單,必填,Admin與Manager可見。
    沒填的情況下預設為Customrt。
    值依序為:
    1.Customer
    2.Manager
    3.Employee
    4.Admin
  • 當註冊的Role為Employee、Manager時
    https://ithelp.ithome.com.tw/upload/images/20240907/20147438s2n7tr4BNB.jpg
    最下方多了
    SelectStore:下拉選單,必填,Admin與Manager可見;
    當註冊的Role為Employee、Manager時可選擇。

以上是今天的內容。


上一篇
Day4 產品與類別功能畫面展示
下一篇
Day6 建立分店畫面介紹
系列文
asp.net core 分層架構快速上手31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言