基于O2O的高校Web訂餐系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)
2015-05-30 01:40:15劉松
智能計(jì)算機(jī)與應(yīng)用 2015年4期
劉松
摘要：為了節(jié)省高校大學(xué)生的寶貴就餐時(shí)間，本文設(shè)計(jì)了基于O2O的高校Web網(wǎng)上訂餐系統(tǒng)，這種方式不僅方便快捷、節(jié)省時(shí)間，而且通過網(wǎng)絡(luò)比價(jià)還能使學(xué)生獲得更大的經(jīng)濟(jì)實(shí)惠，在一定程度上減輕學(xué)生和家長(zhǎng)的經(jīng)濟(jì)負(fù)擔(dān)。真正的實(shí)現(xiàn)了“足不出戶，送餐到宿舍”，極大地節(jié)約了大學(xué)生的寶貴學(xué)習(xí)時(shí)間。
關(guān)鍵詞：O2O； 網(wǎng)絡(luò)訂餐；在線支付；
中圖分類號(hào)：TP311 文獻(xiàn)標(biāo)識(shí)碼： A文章編號(hào)：2095-2163（2015）04-
Design and Implementation of the University Ordering System based on O2O
Liu Song
（College of Computer Science and Technology， Jilin Normal University， Si ping 136000， China）
Abstract：In order to save the precious dining time for college students， this paper proposes the university web-online ordering system based on O2O. The systemcan enable students to obtain greater economic benefits， reduce the economic burden for their parents. The web-system makes"eat atthe dormitory"is feasible， and greatly saves the precious time forthe College students.
Key words： O2O；Network Ordering；Online Payment
0 引言
隨著網(wǎng)絡(luò)時(shí)代的來臨，各種網(wǎng)絡(luò)應(yīng)用也相繼問世。種類繁多的網(wǎng)絡(luò)應(yīng)用，給人們的日常生活帶來了極大的便利性。在國家經(jīng)濟(jì)發(fā)展趨勢(shì)向好的宏大背景下，作為未來社會(huì)發(fā)展主力軍的大學(xué)生的生活水平也在逐步提高，其對(duì)日常飲食的要求也正趨于種類多樣化和營養(yǎng)豐富化；同時(shí)，這一群體也不再僅僅滿足于在食堂進(jìn)餐，而是希望有更多的機(jī)會(huì)能夠在校園以外的其它地方享受到質(zhì)優(yōu)價(jià)廉的美食。網(wǎng)上訂餐正悄然成為時(shí)尚，很多大學(xué)生足不出戶，只要通過宿舍的網(wǎng)絡(luò)環(huán)境進(jìn)行網(wǎng)上快捷訂餐，獲得最想要的各種美食，真正地實(shí)現(xiàn)了“足不出戶，送餐到宿舍”，極大地節(jié)約了學(xué)生的寶貴學(xué)習(xí)時(shí)間[1]。
基于O2O的網(wǎng)上訂餐方式，不僅方便快捷、節(jié)省時(shí)間，而且通過網(wǎng)絡(luò)比價(jià)還能使學(xué)生獲得更大的經(jīng)濟(jì)實(shí)惠，在一定程度上減輕學(xué)生和家長(zhǎng)的經(jīng)濟(jì)負(fù)擔(dān)。
1 基于O2O的高校Web訂餐系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)
O2O即Online To Offline，即將線下商務(wù)的機(jī)會(huì)與互聯(lián)網(wǎng)相結(jié)合，讓互聯(lián)網(wǎng)成為線下交易的前臺(tái)。這樣線下服務(wù)就可以用線上來攬客，消費(fèi)者可以用線上來篩選服務(wù)，成交則可以在線結(jié)算，短時(shí)內(nèi)即可形成規(guī)模。該模式最重要的特點(diǎn)是：推廣效果可查詳細(xì)，每筆交易可跟蹤。
1.1基于O2O的高校Web訂餐系統(tǒng)設(shè)計(jì)
1.1.1 高校Web訂餐系統(tǒng)功能分析
高校Web訂餐系統(tǒng)功能模塊分為：訂購模塊、訂單查詢模塊、訂購優(yōu)惠活動(dòng)公告、留言板、用戶注冊(cè)模塊。高校Web訂餐系統(tǒng)功能模塊如圖1所示。
圖1 高校Web訂餐系統(tǒng)功能模塊
Fig1 Function Module of the Web Ordering System 圖2 高校Web訂餐系統(tǒng)用例圖
Fig2 Use Case Diagram of the Web Ordering System
1.1.2高校Web訂餐系統(tǒng)UML用例圖
高校Web訂餐系統(tǒng)用例設(shè)計(jì)如圖2所示，大學(xué)生角色主要使用訂單處理用例、用戶注冊(cè)用例、訂購處理用例、查詢優(yōu)惠信息用例和發(fā)表留言用例進(jìn)行網(wǎng)上訂餐任務(wù)的操作。網(wǎng)站管理員角色主要負(fù)責(zé)日常的顧客信息維護(hù)，快餐列表的信息維護(hù)以及快餐訂單處理等日常業(yè)務(wù)。
1.1.3高校Web訂餐系統(tǒng)UML順序圖
高校Web訂餐系統(tǒng)中的大學(xué)生訂餐順序圖如圖3所示，首先大學(xué)生將自己的有效注冊(cè)賬號(hào)和密碼提交給系統(tǒng)登錄模塊。登錄模塊將用戶的賬戶信息保存在網(wǎng)站的系統(tǒng)緩存中[2]。大學(xué)生如果登錄成功，則可以根據(jù)自己的口味偏好通過快餐查詢模塊進(jìn)行快餐列表查詢，搜索到滿意的快餐產(chǎn)品信息后，將需求快餐信息交由訂單處理模塊實(shí)施處理，并通過在線支付模塊進(jìn)行及時(shí)在線支付。已支付完成的訂單最終交由數(shù)據(jù)處理模塊進(jìn)行保存，同時(shí)提示顧客此次快餐訂購成功信息。
圖3 大學(xué)生訂餐順序圖
Fig3 Sequence Diagram of Ordering 圖4 高校Web訂餐系統(tǒng)組件圖
Fig4 Component Diagram of the Web Ordering System
1.1.4高校Web訂餐系統(tǒng)UML組件圖和配置圖
高校Web訂餐系統(tǒng)組件圖如圖4所示，高校Web訂餐系統(tǒng)主要由顧客服務(wù)、網(wǎng)站系統(tǒng)服務(wù)、在線支付服務(wù)和網(wǎng)站數(shù)據(jù)服務(wù)組成。顧客服務(wù)完成顧客信息的注冊(cè)和驗(yàn)證等。網(wǎng)站系統(tǒng)服務(wù)負(fù)責(zé)快餐信息的維護(hù)，以及用戶訂單的維護(hù)。顧客的實(shí)際付款操作則由在線支付服務(wù)處理，網(wǎng)站數(shù)據(jù)服務(wù)主要完成高校Web訂餐系統(tǒng)的有關(guān)數(shù)據(jù)處理任務(wù)。
高校Web訂餐系統(tǒng)配置圖如圖5所示，系統(tǒng)由客戶端節(jié)點(diǎn)、Web應(yīng)用服務(wù)器節(jié)點(diǎn)、網(wǎng)絡(luò)數(shù)據(jù)庫服務(wù)器節(jié)點(diǎn)、銀聯(lián)數(shù)據(jù)庫服務(wù)器節(jié)點(diǎn)組成[3]。客戶端通過萬維網(wǎng)與Web服務(wù)器相連，并完成快餐訂購操作。Web服務(wù)器通過局域網(wǎng)與網(wǎng)絡(luò)數(shù)據(jù)庫服務(wù)器相連，進(jìn)行相關(guān)數(shù)據(jù)信息處理。銀聯(lián)數(shù)據(jù)庫服務(wù)器與Web應(yīng)用服務(wù)器相連，提供銀聯(lián)在線支付接口服務(wù)。
圖5 高校Web訂餐系統(tǒng)配置圖
Fig5 Deployment Diagram of the Web Ordering System
1.2 基于O2O的高校Web訂餐系統(tǒng)功能實(shí)現(xiàn)
高校Web訂餐系統(tǒng)網(wǎng)站的前臺(tái)采用目前比較流行的HTML5+CSS3+JavaScript技術(shù)來實(shí)現(xiàn)，其中HTML5負(fù)責(zé)前臺(tái)頁面的內(nèi)容設(shè)計(jì)，CSS3主要負(fù)責(zé)網(wǎng)站的樣式和元素布局，JavaScript完成網(wǎng)頁的動(dòng)態(tài)數(shù)據(jù)交互。采用HTML5技術(shù)設(shè)計(jì)的網(wǎng)站比傳統(tǒng)的采用HTML4技術(shù)設(shè)計(jì)的網(wǎng)頁具有很多明顯優(yōu)勢(shì)，如網(wǎng)頁代碼結(jié)構(gòu)更加清晰[4]，網(wǎng)站日后能夠輕松實(shí)現(xiàn)擴(kuò)展到手機(jī)端應(yīng)用、減少瀏覽器對(duì)于外掛程序的依賴等[5]。高校Web訂餐系統(tǒng)的網(wǎng)頁布局規(guī)劃如圖6所示。頁面效果如圖7所示。網(wǎng)站的首頁主要代碼如下：
高校Web訂餐系統(tǒng)
高校Web訂餐系統(tǒng)
//特色快餐圖片展示
//網(wǎng)站版權(quán)信息圖6 首頁布局規(guī)劃
Fig6 Layout of Web Page 圖7高校Web訂餐系統(tǒng)首頁
Fig7 Home Page of the Web Ordering System
2 基于O2O模式的高校Web訂餐系統(tǒng)網(wǎng)站優(yōu)勢(shì)
基于O2O模式的高校Web訂餐系統(tǒng)網(wǎng)站在高校大學(xué)生的訂餐市場(chǎng)上充當(dāng)了中間人的角色，具體來說就是：一方面能夠幫助餐館找到大學(xué)生食客，另一方面幫助大學(xué)生食客尋找需要預(yù)訂的餐館。高校Web訂餐系統(tǒng)網(wǎng)站取代了傳統(tǒng)訂餐的紙和筆的形式，使得訂餐和餐桌管理實(shí)現(xiàn)無紙化和全自動(dòng)化。網(wǎng)站的盈利模式主要來自餐館向其支付的訂餐費(fèi)用，消費(fèi)者從網(wǎng)站上每訂餐一次，餐館就向網(wǎng)站支付 0.5元的訂餐費(fèi)。這種不受廣告影響的穩(wěn)定盈利方式使得網(wǎng)站能夠得以生存，而隨著時(shí)間的推移，網(wǎng)站的知名度將逐步提升，進(jìn)而增加網(wǎng)站的營業(yè)收入。
3 結(jié)束語
基于O2O模式的高校Web訂餐系統(tǒng)作為線下商務(wù)與互聯(lián)網(wǎng)結(jié)合的新模式，解決了在校大學(xué)生快捷訂餐的問題。這種模式不僅方便快捷、節(jié)省時(shí)間，而且通過網(wǎng)絡(luò)比價(jià)還能使得學(xué)生獲得更大的經(jīng)濟(jì)實(shí)惠，在一定程度上減輕家長(zhǎng)的經(jīng)濟(jì)負(fù)擔(dān)。相信在不久的將來基于O2O模式的高校Web訂餐系統(tǒng)必將在各大高校得到大規(guī)模范圍內(nèi)的廣泛應(yīng)用。
參考文獻(xiàn)：
[1] 施劍凡.高校網(wǎng)上訂餐系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J].科技視界，2013，36（25）：88-89.
[2] 蔡敏，徐慧慧，黃炳強(qiáng).UML基礎(chǔ)與Rose建模教程.人民郵電出版社.2009.
[3] 謝星星.UML基礎(chǔ)與Rose建模實(shí)用教程. 清華大學(xué)出版社.2011.
[4] 涂頻. 基于HTML5的網(wǎng)頁設(shè)計(jì)應(yīng)用[J].辦公自動(dòng)化，2013，24（18）：31-33.
[5] 鄭婭峰，張永強(qiáng).網(wǎng)頁設(shè)計(jì)與開發(fā).清華大學(xué)出版社.2011.
