iT邦幫忙

2024 iThome 鐵人賽

DAY 2
0

[目前文章只有程式已經定稿,前半的邏輯與介面介紹都還會浮動,後續都可能會回到前面再做細節補充]
今天還是來划水的,沒有圖文介紹,今天目標是服飾網頁製作構思
就是在製作網站前,先大概訂好製作的順序、功能、邏輯。

要製作服飾網站,包含管理權限、客戶端使用、商品頁面、購物車、訂單處理;
以下開始做網頁的邏輯介紹:

1.因網站含管理與客戶端的權限,所以要先區分Admin&Customer
2.Admin&Customer要再登入時判斷角色,所以需要製作登入頁面。
3.製作客戶端前,先要有資料,所以Admin區塊要先設定好。
4.服飾業是統稱,需要分類,所以要製作類別(上衣、下半身、洋裝)。
5.分類過後,依各類設置產品。
5-1產品會有:名稱、尺寸、價格、描述以及類別
5-2因為產品會需要顯示給客戶看,所以還要增加"圖片"


6.製作Customer區塊
7.有了產品資訊後,就可以將產品顯示在首頁供Customer查看。


8.目前Admin&Customer基礎設定完畢,要開始加上權限控管。
9.設定註冊頁面,設定註冊時需要獲取的資訊並且定義角色。
9-1.Admin最高權限管理者、Manager商店主管、Employe員工、Customer顧客。


10.Admin區塊建立分店,辨別主管與員工
11.註冊時可以選擇分店


Customer區塊
12.當客戶瀏覽產品資訊時,可以進入詳細頁面
12-1.詳細頁面,可供客戶選擇尺寸與顏色,選擇完畢後可以將資料放入購物車
13.建立購物車
13-1.設定寫入購物車功能,當查詢到的品項(顏色與尺寸)與購買人全部相同時,只對數量+1
13-2.建立購物車頁面。
13-3.購物車頁面已經不是在首頁上,所以Customer區塊內要再新增Cart的小區塊。
13-4.設置結算按鈕(顯示客戶資訊、訂單資訊)


Admin區塊
14.購物車結算後進入訂單系統,訂單屬於管理頁面。
14-1.訂單頁面分兩塊
14-1-1.訂單主表(編號、客戶基本資料、訂單狀態、總金額)
14-1-2.訂單明細(客戶詳細資料、訂單詳細內容)
14-2.訂單明細設定(員工、管理者)可接受訂單、取消訂單
14-2-1訂單流程(送出訂單、接收訂單、打包完成、可取貨、已完成、取消訂單)
15.設定管理者與員工可以看到所有訂單,其餘人只能看到自己的訂單。


結尾:此專案不做付款的設定,如果想看詳細的,可以到第一天找到參考影片。
BTW書本沒有相關教學。
如果要問我推薦看影片還是買書好,我建議是買書,
雖然影片比較詳細,但是我是買書後才發現有影片的,所以各位還是買書比較好!


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

尚未有邦友留言

立即登入留言