Re: [分享] 0616 新網站正式上線

作者: VieriKing (Programmatore :))   2020-08-02 15:53:23
https://i.imgur.com/kXgYBHw.jpg
(知恩:我也愛你們)
上週沒進度報告,主要是因為需要多一點時間製作這一個功能
大致上花了10天左右從0到可以訂購,當然後面也陸續修改了一些功能
應援集資專區基本上就是個類商城模式,我有預留不少後續功能,這就先不說
因為這也要看規模決定是否要啟用下一階段的功能,否則就現在來說已經很夠用了
因為不是公司行號所以金流能用有限,最通用的方式就是線上/ATM轉帳
物流目前統一使用便利商店
至於為什麼會有這想法呢?主要是取代大家常用的google表單
你也可以把這當作他的替代品,表單好用,但是為什麼要讓別人看到別人的訂單狀態呢
被人知道我有訂購是一件奇怪的事情(這是我個人感覺),所以才開始有這想法
(我是喜歡默默支持,但是我不喜歡被人知道我做了什麼,除非我想公開)
總之,希望大家會喜歡,有任何建議也可以提醒我
#應援集資
https://twitter.com/VieriKing/status/1288668509291962368
https://i.imgur.com/Pwkg2tT.png
畫面區分商品列表瀏覽、商品瀏覽、結帳購物車、WISH LIST、跟我的訂單部分
https://i.imgur.com/QUnCCSj.png - 商品列表瀏覽-Grid模式
https://i.imgur.com/oRUwNJV.png - 商品列表瀏覽-List模式
ADD TO CART 加入購物車按鈕後會變成 VIEW IN CART
再按一次就會進入購物車結帳畫面
有做商品 search & filter
https://i.imgur.com/okjQrrh.png - 商品介紹+內文
https://i.imgur.com/ho886WU.png
WISH LIST介面,還沒完成只有這樣,每次重新整理就消失了,之後會修正,
放在WISH LIST的可以加入購物車
https://i.imgur.com/TyKGCti.png - 把商品加入購物車的時候,右上角購物車會同步
https://i.imgur.com/JRUQXTM.png
這是購物車結帳畫面,更改數量右邊會同步顯示正確金額
https://i.imgur.com/WbriPsL.png
購物車結帳-選擇付款方式(目前只有一種)與填寫運送方法
https://i.imgur.com/hKgNr0W.png
運送資料填寫,點擊7-11門市查詢,會另外開新視窗
按下送出訂單就會自動移至我的訂單,訂單狀態會變成"等待匯款"
https://i.imgur.com/ECwoXsD.png - 這是我的訂單列表畫面(裡面都是測試資料)
https://i.imgur.com/rTwNmpW.png
這是訂單詳細內容,如果匯款完成要記得來這裡填寫你匯款資訊
填寫完匯款資料後,送出之後會自動返回訂單列表,並且把訂單狀態改成 "處理中"
這個狀態下,訂單管理者會去核對帳號確認是否付款成功
https://i.imgur.com/asIWN1H.png
幾個準則...
1. 等待匯款狀態下才能取消訂單
2. 等待匯款狀態下才能更新付款資訊
3. 訂單狀態處理中的時候,訂單管理者才會去處理核對匯款資料
4. 如果匯款完沒有來這邊填寫,訂單管理者並不會去核對你的訂單,所以匯款完請記得
回來這邊修改填寫匯款資料
5. 訂單管理者核對匯款資料確認已匯款後,會把訂單狀態改成 "已完成訂購" ,接著就
是等商品到貨了
https://i.imgur.com/6TDysJh.png - 新增訂單狀態 filter
管理者:
1. 訂單畫面顯示資料比較完整,為了配合查核匯款資訊
2. 處理中的訂單查核匯款資訊正確後可以更改狀態為完成訂單
大致上是這樣,目前購物功能差不多已經完成,這已經能取代google表單那一套
而且商品展示會更完整,接下來要換個東西寫了,真不知道什麼時候才能把想要的功能
全部寫完...哈哈
雖然扣掉成本全部都是應援金,U站的東西都會有完整的明細表
但是不想造成版主的困擾,我就不在這篇公開網址
單純分享網站製作過程,感謝大家

Links booklink

Contact Us: admin [ a t ] ucptt.com