SpringBoot+mybatis+vue.js電影院會(huì)員管理系統(tǒng)(大作業(yè))源碼+說(shuō)明文檔
?下載地址:http://ym.maptoface.com/2021/06/21/java%e6%ad%a5%e8%a1%8c%e8%a1%97%e6%94%b6%e9%93%b6%e7%b3%bb%e7%bb%9f%e7%9a%84%e8%ae%be%e8%ae%a1%e4%b8%8e%e5%ae%9e%e7%8e%b0%e6%ba%90%e7%a0%81%e8%ae%ba%e6%96%87%e6%9f%a5%e9%87%8d%e6%8a%a5%e5%91%8a/
項(xiàng)目介紹
SpringBoot+mybatis+vue.js電影院會(huì)員管理系統(tǒng)(大作業(yè))源碼+說(shuō)明文檔
系統(tǒng)說(shuō)明
電影院會(huì)員管理系統(tǒng)說(shuō)明文檔
一、項(xiàng)目技術(shù)方案
本作業(yè)后端使用springboot+mybatis,持久數(shù)據(jù)庫(kù)使用mysql,前端使用vue.js+element-ui技術(shù)。使用前后端分離架構(gòu),前端項(xiàng)目使用vue-cli腳手架創(chuàng)建單頁(yè)面應(yīng)用。
二、項(xiàng)目設(shè)計(jì)概要
三、模塊設(shè)計(jì)及實(shí)現(xiàn)
會(huì)員模塊
會(huì)員列表:顯示出當(dāng)前系統(tǒng)中所有已注冊(cè)的會(huì)員信息
查詢:會(huì)員列表上方文本框可輸入會(huì)員姓名或性別或id號(hào)進(jìn)行查詢
登錄:點(diǎn)擊按鈕進(jìn)入會(huì)員卡界面,顯示出會(huì)員卡列表
注冊(cè):點(diǎn)擊注冊(cè)按鈕進(jìn)入注冊(cè)頁(yè)面,提交表單后,判斷是否曾經(jīng)注冊(cè)過(guò),在服務(wù)端寫入數(shù)據(jù)庫(kù)
修改:點(diǎn)擊列表中某一個(gè)會(huì)員項(xiàng)左側(cè)修改按鈕,可彈出一個(gè)模態(tài)窗口進(jìn)行修改
刪除:點(diǎn)擊列表中某一個(gè)會(huì)員項(xiàng)左側(cè)刪除按鈕,在彈出確認(rèn)對(duì)話框后,發(fā)送請(qǐng)求到服務(wù)端內(nèi)刪除數(shù)據(jù)
注: 數(shù)據(jù)表包含字段:username、password、name、sex、birthday
會(huì)員卡模塊
會(huì)員卡列表:顯示出當(dāng)前用戶所持有的所有的會(huì)員卡信息及狀態(tài)
會(huì)員卡查詢:根據(jù)ID號(hào)查詢到當(dāng)前需要操作的會(huì)員卡
注冊(cè):用戶可以點(diǎn)擊注冊(cè),每個(gè)用戶可注冊(cè)多個(gè)會(huì)員卡
充值:在會(huì)員卡界面中,通過(guò)充值入口可以對(duì)會(huì)員卡余額進(jìn)行充值,輸入框中輸入金額,提交表單后在服務(wù)端修改數(shù)據(jù)庫(kù),同時(shí)將消費(fèi)記錄記錄交易數(shù)據(jù)庫(kù)中
消費(fèi):在會(huì)員卡界面中,通過(guò)充值后的余額購(gòu)買,在購(gòu)買方式單選框中選擇人民幣,用戶點(diǎn)擊購(gòu)買后,在服務(wù)端將相應(yīng)金額從數(shù)據(jù)庫(kù)中減去,同時(shí)將消費(fèi)記錄記錄交易數(shù)據(jù)庫(kù)中
掛失:在會(huì)員卡界面中,可以通過(guò)掛失入口來(lái)對(duì)會(huì)員卡進(jìn)行凍結(jié),發(fā)起請(qǐng)求后,在服務(wù)端將數(shù)據(jù)庫(kù)中的凍結(jié)字段設(shè)為1
解掛:在會(huì)員卡界面中,如果當(dāng)前正處于掛失狀態(tài),則顯示出解掛入口,用戶點(diǎn)擊此入口后,發(fā)出請(qǐng)求,將凍結(jié)字段設(shè)為0
補(bǔ)卡:在會(huì)員卡界面中,如果當(dāng)前正處于掛失狀態(tài),則顯示出補(bǔ)卡入口,重新進(jìn)行注冊(cè)會(huì)員卡,服務(wù)端查詢出與會(huì)員信息對(duì)應(yīng)的會(huì)員卡數(shù)據(jù),將數(shù)據(jù)導(dǎo)入到新會(huì)員卡中
積分兌換:電影票可以通過(guò)積分購(gòu)買,彈出電影票購(gòu)買窗口,在單選框中選擇積分
交易記錄查詢:在會(huì)員卡界面中,通過(guò)點(diǎn)擊消費(fèi)記錄查詢按鈕,可以以表格形式顯示出當(dāng)前用戶所有記錄
注:
會(huì)員卡數(shù)據(jù)表包含字段:cardid、username、balance、integral、lose
交易記錄表字段:id、cardid、value、time、spendtype
電影票模塊
商品信息列表:在會(huì)員卡列表中會(huì)員卡項(xiàng)左側(cè)點(diǎn)擊購(gòu)買彈出電影票模態(tài)窗口,顯示當(dāng)前所有電影票的商品信息
購(gòu)買:有兩種購(gòu)買選擇方式:積分與余額,選擇不同方式時(shí),表單提交不同的type,服務(wù)端對(duì)其進(jìn)行判斷,調(diào)用相應(yīng)的業(yè)務(wù)邏輯
注: 電影票表字段:mobieid、name、price、integral、time
會(huì)員關(guān)懷
會(huì)員生日提醒:進(jìn)入系統(tǒng)后,即判斷當(dāng)前時(shí)期是否是用戶生日,如果是,則在會(huì)員名稱前顯示生日祝福
會(huì)員生日查詢:可查詢未來(lái)7天的哪些會(huì)員過(guò)生日,或者指定未來(lái)的某一天
c) 距離生日天數(shù)顯示: 根據(jù)距離天數(shù)對(duì)列表進(jìn)行正序排列
數(shù)據(jù)統(tǒng)計(jì)
四、運(yùn)行項(xiàng)目
方法一:cinema項(xiàng)目中已經(jīng)整合了vue打包的靜態(tài)資源,直接啟動(dòng)項(xiàng)目,并在瀏覽器上輸入http://localhost:8081/cinema 即可運(yùn)行。
方法二:cinema-web項(xiàng)目是cinema項(xiàng)目的vue單頁(yè)面前端項(xiàng)目,可以在文件夾目錄下命令行輸入:
npm run install
npm run dev
后,修改utils/request.js下baseURL=”/api”,開啟node反向代理服務(wù)器,解決跨域問(wèn)題,然后啟動(dòng)cinema后端項(xiàng)目,在瀏覽器上輸入 http://localhost:8080 即可以前后端分離方式運(yùn)行(也可以npm run build后將dist文件夾放到nginx下運(yùn)行)
適用場(chǎng)景:
畢業(yè)論文、課程設(shè)計(jì)、公司項(xiàng)目參考
運(yùn)行截圖

0.902









關(guān)注【程序代做 源碼分享】公眾號(hào)獲取更多免費(fèi)源碼?。。?/h1>
