張佳佳 鄒林辰 陳泓享 張述嘉

摘 要：文章指出本系統(tǒng)是基于Web的網(wǎng)球場(chǎng)計(jì)費(fèi)管理系統(tǒng)，是為實(shí)現(xiàn)管理者簡(jiǎn)易化管理以及消費(fèi)者線上自助消費(fèi)模式而設(shè)計(jì)的，基于Java開發(fā)環(huán)境利用JFinal框架完成了在線網(wǎng)球場(chǎng)計(jì)費(fèi)以及管理功能，包含對(duì)網(wǎng)球場(chǎng)計(jì)費(fèi)管理系統(tǒng)的需求分析、相關(guān)數(shù)據(jù)介紹、數(shù)據(jù)庫(kù)介紹、系統(tǒng)詳細(xì)設(shè)計(jì)、系統(tǒng)測(cè)試等內(nèi)容。

關(guān)鍵詞：計(jì)費(fèi)管理;Java;JFinal

0 引言

在計(jì)算機(jī)與網(wǎng)絡(luò)飛速發(fā)展的今天，計(jì)算機(jī)應(yīng)用變得非常普及，社會(huì)變得越來(lái)越信息化，信息系統(tǒng)變得尤為重要。如今部分網(wǎng)球場(chǎng)雖然已經(jīng)采用相關(guān)的計(jì)費(fèi)管理系統(tǒng)，但其功能仍存在諸多不便。甚至，在一些場(chǎng)所還在采用純?nèi)斯び?jì)費(fèi)操作收費(fèi)業(yè)務(wù)，其業(yè)務(wù)缺點(diǎn)是顯而易見的。所以，現(xiàn)如今一款出錯(cuò)率低、效率高的網(wǎng)球場(chǎng)計(jì)費(fèi)系統(tǒng)是必不可少的。在我國(guó)的一些網(wǎng)球場(chǎng)、體育館采用相關(guān)的計(jì)費(fèi)管理系統(tǒng)功能單一，不能滿足相關(guān)業(yè)務(wù)需求，并且操作繁瑣、界面復(fù)雜。同時(shí)其系統(tǒng)大多不與互聯(lián)網(wǎng)絡(luò)連接，其計(jì)費(fèi)信息、消費(fèi)情況以及營(yíng)業(yè)數(shù)據(jù)只能在單個(gè)主機(jī)上查看。這樣的管理系統(tǒng)有著諸多問(wèn)題，例如：消費(fèi)者不能實(shí)時(shí)查看到當(dāng)前消費(fèi)情況;管理者也不能隨時(shí)隨地查看當(dāng)前營(yíng)業(yè)情況與營(yíng)業(yè)記錄;系統(tǒng)功能單一，不能有效滿足相關(guān)需求;在收銀操作上，相關(guān)操作不夠簡(jiǎn)易，對(duì)于人工培訓(xùn)成本較大。

1 需求分析

本系統(tǒng)是從面向消費(fèi)者、店員、管理者的三方角色考慮出發(fā)，根據(jù)不同角色功能學(xué)修，設(shè)計(jì)了一套較全面的基于J2EE體系的綜合管理系統(tǒng)，其中包括面向消費(fèi)者（會(huì)員）：線上場(chǎng)地預(yù)定、會(huì)員自助計(jì)費(fèi)、會(huì)員自助結(jié)賬功能等;面向店員（管理員）：計(jì)費(fèi)管理， 結(jié)賬管理，會(huì)員充值;面向店長(zhǎng)（高級(jí)管理員）：查看營(yíng)業(yè)報(bào)告，定制計(jì)費(fèi)標(biāo)準(zhǔn)，管理計(jì)費(fèi)標(biāo)準(zhǔn)等。滿足了消費(fèi)者自主操作功能需求，以及店員和管理者的管理操作需求。

2 系統(tǒng)詳細(xì)設(shè)計(jì)

本系統(tǒng)的功能模塊包括：注冊(cè)登錄模塊，會(huì)員操作模塊，店員（管理員）模塊，店長(zhǎng)（高級(jí)管理員）模塊。系統(tǒng)功能模塊圖如圖1所示。

2.1? 注冊(cè)登錄模塊詳細(xì)設(shè)計(jì)

本系統(tǒng)有面向會(huì)員提供的一系列自主操作功能，包括自助計(jì)費(fèi)和自主結(jié)賬功能，功能中用戶的消費(fèi)信息以及錢包充值等操作需要使用賬號(hào)進(jìn)行記錄保存，所以會(huì)員的注冊(cè)和登錄功能是必不可少的。

2.1.1? 用戶登錄

進(jìn)入系統(tǒng)首頁(yè)時(shí)，會(huì)自動(dòng)檢測(cè)是否已經(jīng)登錄。如果已經(jīng)登錄，則會(huì)直接跳轉(zhuǎn)到會(huì)員home頁(yè)面而不再需要進(jìn)行登錄。如果系統(tǒng)檢測(cè)到當(dāng)前沒(méi)有登錄，則會(huì)跳轉(zhuǎn)到登錄界面。

2.1.2? 用戶注冊(cè)

若用戶首次使用本系統(tǒng)并且沒(méi)有賬號(hào)?？梢渣c(diǎn)擊首頁(yè)中的賬號(hào)注冊(cè)，進(jìn)入賬號(hào)注冊(cè)頁(yè)面，通過(guò)輸入昵稱、郵箱、郵箱驗(yàn)證碼、密碼后點(diǎn)擊注冊(cè)按鈕完成注冊(cè)操作。注冊(cè)完成后即可進(jìn)行賬號(hào)登錄[1]。

2.2? 會(huì)員操作模塊詳細(xì)設(shè)計(jì)

會(huì)員成功登錄過(guò)后，會(huì)進(jìn)入會(huì)員操作界面。會(huì)員操作界面主要由六大類頁(yè)面構(gòu)成，分別是：會(huì)員首頁(yè)頁(yè)面、球場(chǎng)選擇頁(yè)面、賬單詳情頁(yè)面、會(huì)員信息頁(yè)面、會(huì)員錢包頁(yè)面以及錢包充值頁(yè)面。

2.2.1? 會(huì)員首頁(yè)

會(huì)員成功登錄過(guò)后首先會(huì)進(jìn)入會(huì)員首頁(yè)，也就是會(huì)員的home頁(yè)面[2]。頁(yè)面主要由四個(gè)板塊構(gòu)成，分別為我的信息、快速入口、球場(chǎng)公告、球場(chǎng)信息。我的信息頁(yè)面主要展示的是當(dāng)前登錄用戶的登錄信息，包括用戶頭像、郵箱賬號(hào)、注冊(cè)時(shí)間以及錢包余額等。能夠方便用戶看到自己的登錄信息和錢包余額?？焖偃肟诎鍓K在用戶處于不同狀態(tài)時(shí)會(huì)出現(xiàn)不同的板塊樣式。若用戶未有正在計(jì)費(fèi)和正在預(yù)約以及正在結(jié)賬的訂單時(shí)，會(huì)展現(xiàn)當(dāng)前球場(chǎng)的球場(chǎng)總數(shù)、空余場(chǎng)數(shù)、會(huì)員價(jià)格。同時(shí)，會(huì)有3個(gè)不同快捷按鈕對(duì)應(yīng)著用戶的快捷操作，使用戶能夠直接快速進(jìn)行球場(chǎng)計(jì)費(fèi)和球場(chǎng)預(yù)定操作以及錢包充值操作。

2.2.2? 預(yù)定與選擇球場(chǎng)

通過(guò)點(diǎn)擊首頁(yè)的快捷入口或側(cè)欄的線上自助中的選擇球場(chǎng)可以進(jìn)入球場(chǎng)選擇頁(yè)面。選擇球場(chǎng)頁(yè)面是會(huì)員用戶選定球場(chǎng)開始計(jì)費(fèi)或者預(yù)定球場(chǎng)的操作界面。頁(yè)面分別為當(dāng)前球場(chǎng)信息、選擇確認(rèn)、全場(chǎng)球場(chǎng)信息。

2.2.3? 查看賬單詳情

賬單詳情頁(yè)面主要分為兩個(gè)部分。其一部分的歷史賬單會(huì)展示當(dāng)前會(huì)員歷史消費(fèi)情況信息。包括賬單編號(hào)、球場(chǎng)編號(hào)、預(yù)定時(shí)間、開始時(shí)間、結(jié)束時(shí)間、總計(jì)時(shí)間、付款金額、付款方式的信息。

2.2.4? 會(huì)員信息查看與修改

會(huì)員信息頁(yè)面主要功能是展示用戶基礎(chǔ)信息、個(gè)人信息以及為用戶提供修改密碼操作和修改個(gè)人信息操作的入口。用戶通過(guò)點(diǎn)擊修改密碼可以跳轉(zhuǎn)密碼修改頁(yè)面，用戶點(diǎn)擊個(gè)人信息板塊上的編輯按鈕可以進(jìn)行信息修改操作。

2.2.5? 會(huì)員錢包與充值

會(huì)員錢包頁(yè)面是向用戶展示當(dāng)前錢包余額以及充值記錄等信息的頁(yè)面，頁(yè)面也包含了充值活動(dòng)板塊。同球場(chǎng)公告一樣，充值活動(dòng)板塊是管理員進(jìn)行修改編輯后的信息展示給用戶，從而向用戶提供相應(yīng)的充值活動(dòng)信息的功能。

2.3 店員操作模塊詳細(xì)設(shè)計(jì)

本系統(tǒng)對(duì)會(huì)員消費(fèi)者提供了較為完善的自主操作功能，使用戶能夠通過(guò)線上進(jìn)行大部分消費(fèi)操作。這樣就在線下減少了對(duì)消費(fèi)者的人工服務(wù)。所以在店員操作模塊上店員的工作就變得簡(jiǎn)單且輕松了。完善的會(huì)員自主操作使得本系統(tǒng)的店員操作模塊僅用“計(jì)費(fèi)與結(jié)賬管理”與“柜臺(tái)充值”兩個(gè)功能作為人工服務(wù)的輔助與補(bǔ)充[3]。

2.3.1? 店員計(jì)費(fèi)與結(jié)賬管理

會(huì)員用戶能夠通過(guò)線上自主操作進(jìn)行球場(chǎng)計(jì)費(fèi)和結(jié)賬操作的同時(shí)，店員也能夠通過(guò)計(jì)費(fèi)與結(jié)賬管理來(lái)對(duì)消費(fèi)者所選的球場(chǎng)進(jìn)行計(jì)費(fèi)與結(jié)賬操作。

2.3.2? 店員柜臺(tái)充值

“店員柜臺(tái)充值”功能與“店員計(jì)費(fèi)與結(jié)賬管理” 功能一樣都作為對(duì)顧客線下消費(fèi)操作的一種補(bǔ)充和輔助功能。店員通過(guò)點(diǎn)擊菜單欄的錢包充值按鈕進(jìn)入店員柜臺(tái)充值頁(yè)面。店員選擇充值面額或在自定義金額欄中填寫充值金額，繼續(xù)選擇充值用戶，最后點(diǎn)擊確認(rèn)充值按鈕將完成充值。充值成功后，店員的操作記錄將被作為店員操作日志記錄到后臺(tái)，高級(jí)管理員可以登錄后進(jìn)行查看。

2.4? 店長(zhǎng)操作模塊詳細(xì)設(shè)計(jì)

本系統(tǒng)中的管理員角色分為店員和店長(zhǎng)，即普通管理員和高級(jí)管理員。店長(zhǎng)作為高級(jí)管理員擁有更高的管理權(quán)限。能夠查看歷史營(yíng)業(yè)記錄和店員操作日志，并且能夠?qū)η驁?chǎng)和賬戶做增刪改查的管理操作。

2.4.1? 店長(zhǎng)首頁(yè)

店長(zhǎng)登錄后將進(jìn)入到店長(zhǎng)首頁(yè)頁(yè)面，該頁(yè)面是顯示網(wǎng)球場(chǎng)的相關(guān)數(shù)據(jù)信息和將數(shù)據(jù)進(jìn)行統(tǒng)計(jì)與展示。

店長(zhǎng)首頁(yè)中的統(tǒng)計(jì)折線圖是使用了百度開源框架ECharts。是一個(gè)實(shí)現(xiàn)的開源可視化JavaScript庫(kù)，在PC和移動(dòng)設(shè)備上都可以流暢運(yùn)行，是一個(gè)可以高度個(gè)性化定制的數(shù)據(jù)可視化圖表[4]。

2.4.2? 查看營(yíng)業(yè)報(bào)告

通過(guò)左側(cè)菜單欄點(diǎn)擊營(yíng)業(yè)報(bào)告進(jìn)入查看營(yíng)業(yè)報(bào)告頁(yè)面，分別通過(guò)Tab欄切換顯示“營(yíng)業(yè)報(bào)告”“用戶充值記錄”。營(yíng)業(yè)報(bào)告為每單賬單的相關(guān)信息，店長(zhǎng)可以通過(guò)選擇訂單時(shí)間和訂單狀態(tài)來(lái)檢索特定賬單信息。

2.4.3? 查看店員操作日志

通過(guò)左側(cè)菜單欄點(diǎn)擊店員操作日志進(jìn)入查看店員操作記錄頁(yè)面。店員操作記錄頁(yè)面顯示店員對(duì)球場(chǎng)計(jì)費(fèi)操作和結(jié)算操作以及會(huì)員錢包充值的操作記錄。店長(zhǎng)可以根據(jù)選擇店員、操作類型、操作時(shí)間來(lái)檢索特定日記記錄信息。

2.4.4? 球場(chǎng)管理

店長(zhǎng)通過(guò)球場(chǎng)管理功能進(jìn)行查看球場(chǎng)信息、添加新球場(chǎng)、編輯球場(chǎng)等操作。點(diǎn)擊球場(chǎng)列表左上方的“新增球場(chǎng)”按鈕進(jìn)行添加球場(chǎng)操作。通過(guò)填寫會(huì)員價(jià)格和非會(huì)員價(jià)格選擇球場(chǎng)開關(guān)狀態(tài)點(diǎn)擊確認(rèn)按鈕完成添加操作。

2.4.5? 用戶管理

店長(zhǎng)可以通過(guò)用戶管理來(lái)對(duì)系統(tǒng)內(nèi)的賬號(hào)進(jìn)行管理。點(diǎn)擊對(duì)應(yīng)賬號(hào)列表的編輯按鈕可以進(jìn)入到編輯用戶頁(yè)面。通過(guò)選擇賬號(hào)狀態(tài)，可以對(duì)賬號(hào)進(jìn)行封禁處理，封禁后的賬號(hào)將不能進(jìn)行登錄和操作。同時(shí)用戶可以通過(guò)修改角色來(lái)改變賬號(hào)的角色權(quán)限。這樣能夠?qū)?huì)員用戶變更為店員或店長(zhǎng)用戶，變更后作用賬戶將由現(xiàn)有角色變更為當(dāng)前選定角色。

[參考文獻(xiàn)]

[1]薩師煊，王珊.數(shù)據(jù)庫(kù)系統(tǒng)概論[M].北京：高等教育出版社，2002.

[2]劉冰月，黃明，梁旭，等.實(shí)用軟件工程[M].北京：電子工業(yè)出版社，2006.

[3]王克宏，柳西玲，丁峰.Java技術(shù)教程[M].北京：清華大學(xué)出版社，2003.

[4]楊俊峰.Java Web軟件開發(fā)課程體系探索[J].現(xiàn)代營(yíng)銷（學(xué)苑版），2011（7）：354.

（編輯 傅金睿）