vue+element+騰訊雲開發打造會員管理系統之實戰教程(一)需求分析

smartCodeing發表於2020-11-30

這個是我即小程式雲開發實踐之後的第二個教程,小程式是研究移動端如何實現的問題,總體是面向於顧客,顧客可以很好的通過小程式來了解商家提供什麼樣的服務,價格是什麼樣子的,有意向之後可以線上下單。但是缺點是商家的功能很弱,很多管理工作也無法全部在手機上完成,基於這個缺點於是想要有一套後臺系統來滿足商家日常的管理需要。
本教程描述了後臺系統的功能,技術選型,具體的搭建過程,希望對有此技術的需求的開發者提供一種不一樣的視角。

以一個海鮮店的需求來進行分析,日常海鮮店有很多商品需要商家銷售,為了提高銷售額店家發起了促銷活動,充值一定的金額贈送一定的額度來提高顧客的復購率,以幫助店鋪提高營業額,為此需要有一套後臺系統來支撐日常的商品管理、訂單管理、會員管理的功能,當然系統還搭配了簡單的統計分析功能,能以圖表的形式分析展現經營資料。

系統登入

vue+element+騰訊雲開發打造會員管理系統之實戰教程(一)需求分析
輸入使用者名稱和密碼即可登入系統

註冊使用者

vue+element+騰訊雲開發打造會員管理系統之實戰教程(一)需求分析
輸入郵箱和密碼可以進行註冊,註冊成功之後會發郵件需要到註冊的郵箱進行啟用,啟用後方可登入系統

儀表盤

vue+element+騰訊雲開發打造會員管理系統之實戰教程(一)需求分析
以圖表的形式展示店鋪經營概況,包括客戶的數量、商品的數量、訂單的金額、訂單的數量,以折線圖的形式展示本年度12個月份的營業額。

使用者管理

vue+element+騰訊雲開發打造會員管理系統之實戰教程(一)需求分析
對於日常購買商品的顧客,可以錄入顧客的基本資訊,對於需要充值成為會員的顧客可以進行開卡操作

vue+element+騰訊雲開發打造會員管理系統之實戰教程(一)需求分析

會員管理

vue+element+騰訊雲開發打造會員管理系統之實戰教程(一)需求分析
對於已經是會員的顧客,可以給顧客充值,可以查詢會員歷次的消費記錄和充值記錄

vue+element+騰訊雲開發打造會員管理系統之實戰教程(一)需求分析

vue+element+騰訊雲開發打造會員管理系統之實戰教程(一)需求分析

類別管理

vue+element+騰訊雲開發打造會員管理系統之實戰教程(一)需求分析
可以維護商品類別

商品管理

vue+element+騰訊雲開發打造會員管理系統之實戰教程(一)需求分析
可以建立商品,並管理商品的規格,可以上架商品也可以下架

vue+element+騰訊雲開發打造會員管理系統之實戰教程(一)需求分析

訂單管理

vue+element+騰訊雲開發打造會員管理系統之實戰教程(一)需求分析
可以建立訂單,選擇好商品後系統自動計算訂單的金額,對於已經成為會員的可以選擇會員卡進行支付,並且自動進行扣費

vue+element+騰訊雲開發打造會員管理系統之實戰教程(一)需求分析

vue+element+騰訊雲開發打造會員管理系統之實戰教程(一)需求分析

因為是基於微信小程式技術路線給店家搭建的管理後臺,所以技術路線還是基於騰訊的雲開發,好在騰訊雲後續出了網站靜態模板託管的功能,後端的功能騰訊基本都提供了,差的就是前端頁面樣式的問題,結合目前的主流技術選擇了vue-element-admin這個前端框架,好處是腳手架把該有的功能都提供了,而且文件豐富學習起來比較容易
VUE官方網站
VUE菜鳥教程
ElementUI官方網站
vue-element-admin官方網站
es6菜鳥教程
以上是開發所涉及的技術的官方網站的地址,像我這種技術還是很落後的同學還是一點點的把基礎打紮實了才能做出自己滿意的應用來
當然基礎技術學會了後端的知識也是必須的,騰訊雲的後端技術是基於nodejs和mongedb的這兩個技術也是必須的,可以都去菜鳥教程學習
微信公眾平臺
騰訊雲
後端知識基本騰訊的文件寫的很明白,開發過程中遇到啥問題直接查騰訊的文件即可

為了開通相應的資源,首先需要在微信公眾平臺註冊賬號開通小程式,然後在微信開發者工具裡開通按量付費的環境
第一步:開啟微信開發者工具,點選雲開發的圖示

vue+element+騰訊雲開發打造會員管理系統之實戰教程(一)需求分析
點選設定,建立新環境,選擇按量計費即可

vue+element+騰訊雲開發打造會員管理系統之實戰教程(一)需求分析
第二步:開啟騰訊雲開發官網,登入之後找到建立的環境

vue+element+騰訊雲開發打造會員管理系統之實戰教程(一)需求分析

vue+element+騰訊雲開發打造會員管理系統之實戰教程(一)需求分析
設定登入方式為郵箱登入

vue+element+騰訊雲開發打造會員管理系統之實戰教程(一)需求分析
在靜態網站託管上傳自己的網站程式碼即可

vue+element+騰訊雲開發打造會員管理系統之實戰教程(一)需求分析
上傳成功後商家就有了自己的網站的後臺

總體依託於騰訊雲開發的技術,使得商家既有PC端的管理後臺又有了微信小程式,真正實現了雲端一體化的理念,乘著騰訊的東風好好擴充自己的商業把,希望未來店鋪能業績節節高,技術為商業服務,商業支撐夢想。

原始碼請訪問
gitee.com/tuodagitee/membercms.git

本作品採用《CC 協議》,轉載必須註明作者和本文連結

相關文章