背景
當前電信卡銷售面臨著激烈的競爭诽偷,市場上當前存在有從 15% 到 25% 不等的返利
目標
建立一個可以允許管理員和代理商用戶登錄熄云、查看返利明細和統(tǒng)計數(shù)據(jù)的后臺管理系統(tǒng)。
開發(fā)流程
- 明確用戶群體和業(yè)務(wù)邏輯捶码;
- 設(shè)計前端界面捌臊;
- 明確前后端接口;
- 根據(jù)設(shè)計好的前端界面和接口開發(fā)前端茎杂;
- 根據(jù)接口開發(fā)后端错览;
業(yè)務(wù)邏輯
功能
- 管理員和代理商普通用戶都可以登錄;
- 代理商登錄進入以后可以在控制臺看到累積數(shù)據(jù):總數(shù)量煌往、激活數(shù)量倾哺、返利比例、返利總額刽脖、返利已支付金額羞海、未支付金額;
- 代理商可以看到歸屬為自己的電信卡的每筆充值訂單的金額曲管、時間扣猫、返利金額、支付狀態(tài)等信息翘地∩暧龋可以根據(jù)時間、支付狀態(tài)篩選訂單衙耕;
- 管理員登錄進入以后可以在控制臺看到累積數(shù)據(jù):總數(shù)量昧穿、激活數(shù)量、返利比例橙喘、返利金額时鸵、返利已支付金額、未支付金額厅瞎;
- 管理員可以看到所有的充值訂單饰潜。可以根據(jù)時間和簸、支付狀態(tài)彭雾、客戶名稱篩選∷#可以選中訂單薯酝,將選中的訂單狀態(tài)設(shè)置為已支付半沽;
程序邏輯
重要功能點
- 登錄和后續(xù)認證。
- 權(quán)限控制吴菠。
- 分頁者填。
- 篩選。
前端
頁面
- Login做葵≌加矗考慮不做成單獨的頁面,如果未登錄的用于訪問其他頁面酿矢,則跳轉(zhuǎn)到首頁榨乎,首頁發(fā)現(xiàn)用戶未登錄,則彈出會話框棠涮,要求用戶登錄谬哀;
- Dashboard。儀表盤頁面严肪,管理員登錄后顯示所有電信卡的數(shù)量史煎、激活數(shù)量、總返利金額驳糯、已返利金額篇梭、未返利金額;代理商登錄后現(xiàn)在屬于自己的卡的信息酝枢;
- Orders恬偷。顯示所有的返利訂單,即充值訂單帘睦,包括充值時間袍患、號碼、充值金額竣付、返利金額诡延、返利支付狀態(tài)。通過分頁惰性加載訂單數(shù)據(jù)古胆∷亮迹可以按照充值時間、號碼逸绎、返利支付狀態(tài)等篩選訂單惹恃。代理商可以看到屬于自己號碼的充值訂單;管理員可以看到全部棺牧;
- Statistics巫糙。根據(jù)
起始時間
、結(jié)束時間
和代理商名稱
統(tǒng)計未支付返利的總筆數(shù)和總金額陨帆,并在下方的表格顯示出來曲秉。實際支付完返利后采蚀,選中該行前面的復選框疲牵,或者多個復選框承二,點擊確認支付按鈕,修改支付狀態(tài)纲爸。
困難點
- 沒有現(xiàn)成的登錄頁面模板亥鸠;
- 沒有現(xiàn)成的菜單模版;
- 通過 Token 的鑒權(quán)流程识啦;如何在發(fā)出的每個 HTTP 請求都加上 Token负蚊,如何根據(jù) Token 來判斷用戶登錄狀態(tài);
后端
服務(wù)器
原來已經(jīng)有了面向終端客戶提供疊加卡基礎(chǔ)功能的 API颓哮。在原有服務(wù)器的基礎(chǔ)上家妆,增加后臺返利的路由和相關(guān)功能,不用再單獨建立新的服務(wù)器了冕茅。
遺留問題
后端
- 沒有按照 GitHub 上的
Authorization: token OAUTH-TOKEN
規(guī)范來設(shè)置伤极。只是設(shè)置了普通的access-token
頭;