劉松

摘要：為了節省高校大學生的寶貴就餐時間，本文設計了基于O2O的高校Web網上訂餐系統，這種方式不僅方便快捷、節省時間，而且通過網絡比價還能使學生獲得更大的經濟實惠，在一定程度上減輕學生和家長的經濟負擔。真正的實現了“足不出戶，送餐到宿舍”，極大地節約了大學生的寶貴學習時間。

關鍵詞：O2O； 網絡訂餐；在線支付；

中圖分類號：TP311 文獻標識碼： A文章編號：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 引言

隨著網絡時代的來臨，各種網絡應用也相繼問世。種類繁多的網絡應用，給人們的日常生活帶來了極大的便利性。在國家經濟發展趨勢向好的宏大背景下，作為未來社會發展主力軍的大學生的生活水平也在逐步提高，其對日常飲食的要求也正趨于種類多樣化和營養豐富化；同時，這一群體也不再僅僅滿足于在食堂進餐，而是希望有更多的機會能夠在校園以外的其它地方享受到質優價廉的美食。網上訂餐正悄然成為時尚，很多大學生足不出戶，只要通過宿舍的網絡環境進行網上快捷訂餐，獲得最想要的各種美食，真正地實現了“足不出戶，送餐到宿舍”，極大地節約了學生的寶貴學習時間[1]。

基于O2O的網上訂餐方式，不僅方便快捷、節省時間，而且通過網絡比價還能使學生獲得更大的經濟實惠，在一定程度上減輕學生和家長的經濟負擔。

1 基于O2O的高校Web訂餐系統設計與實現

O2O即Online To Offline，即將線下商務的機會與互聯網相結合，讓互聯網成為線下交易的前臺。這樣線下服務就可以用線上來攬客，消費者可以用線上來篩選服務，成交則可以在線結算，短時內即可形成規模。該模式最重要的特點是：推廣效果可查詳細，每筆交易可跟蹤。

1.1基于O2O的高校Web訂餐系統設計

1.1.1 高校Web訂餐系統功能分析

高校Web訂餐系統功能模塊分為：訂購模塊、訂單查詢模塊、訂購優惠活動公告、留言板、用戶注冊模塊。高校Web訂餐系統功能模塊如圖1所示。

圖1 高校Web訂餐系統功能模塊

Fig1 Function Module of the Web Ordering System 圖2 高校Web訂餐系統用例圖

Fig2 Use Case Diagram of the Web Ordering System

1.1.2高校Web訂餐系統UML用例圖

高校Web訂餐系統用例設計如圖2所示，大學生角色主要使用訂單處理用例、用戶注冊用例、訂購處理用例、查詢優惠信息用例和發表留言用例進行網上訂餐任務的操作。網站管理員角色主要負責日常的顧客信息維護，快餐列表的信息維護以及快餐訂單處理等日常業務。

1.1.3高校Web訂餐系統UML順序圖

高校Web訂餐系統中的大學生訂餐順序圖如圖3所示，首先大學生將自己的有效注冊賬號和密碼提交給系統登錄模塊。登錄模塊將用戶的賬戶信息保存在網站的系統緩存中[2]。大學生如果登錄成功，則可以根據自己的口味偏好通過快餐查詢模塊進行快餐列表查詢，搜索到滿意的快餐產品信息后，將需求快餐信息交由訂單處理模塊實施處理，并通過在線支付模塊進行及時在線支付。已支付完成的訂單最終交由數據處理模塊進行保存，同時提示顧客此次快餐訂購成功信息。

圖3 大學生訂餐順序圖

Fig3 Sequence Diagram of Ordering 圖4 高校Web訂餐系統組件圖

Fig4 Component Diagram of the Web Ordering System

1.1.4高校Web訂餐系統UML組件圖和配置圖

高校Web訂餐系統組件圖如圖4所示，高校Web訂餐系統主要由顧客服務、網站系統服務、在線支付服務和網站數據服務組成。顧客服務完成顧客信息的注冊和驗證等。網站系統服務負責快餐信息的維護，以及用戶訂單的維護。顧客的實際付款操作則由在線支付服務處理，網站數據服務主要完成高校Web訂餐系統的有關數據處理任務。

高校Web訂餐系統配置圖如圖5所示，系統由客戶端節點、Web應用服務器節點、網絡數據庫服務器節點、銀聯數據庫服務器節點組成[3]。客戶端通過萬維網與Web服務器相連，并完成快餐訂購操作。Web服務器通過局域網與網絡數據庫服務器相連，進行相關數據信息處理。銀聯數據庫服務器與Web應用服務器相連，提供銀聯在線支付接口服務。

圖5 高校Web訂餐系統配置圖

Fig5 Deployment Diagram of the Web Ordering System

1.2 基于O2O的高校Web訂餐系統功能實現

高校Web訂餐系統網站的前臺采用目前比較流行的HTML5+CSS3+JavaScript技術來實現，其中HTML5負責前臺頁面的內容設計，CSS3主要負責網站的樣式和元素布局，JavaScript完成網頁的動態數據交互。采用HTML5技術設計的網站比傳統的采用HTML4技術設計的網頁具有很多明顯優勢，如網頁代碼結構更加清晰[4]，網站日后能夠輕松實現擴展到手機端應用、減少瀏覽器對于外掛程序的依賴等[5]。高校Web訂餐系統的網頁布局規劃如圖6所示。頁面效果如圖7所示。網站的首頁主要代碼如下：

優惠公告

//快餐優惠公告

• 閃電紅包
• 滿減優惠
• 10元超值優惠
• 7元超值優惠

//特色快餐圖片展示

圖6 首頁布局規劃

Fig6 Layout of Web Page 圖7高校Web訂餐系統首頁

Fig7 Home Page of the Web Ordering System

2 基于O2O模式的高校Web訂餐系統網站優勢

基于O2O模式的高校Web訂餐系統網站在高校大學生的訂餐市場上充當了中間人的角色，具體來說就是：一方面能夠幫助餐館找到大學生食客，另一方面幫助大學生食客尋找需要預訂的餐館。高校Web訂餐系統網站取代了傳統訂餐的紙和筆的形式，使得訂餐和餐桌管理實現無紙化和全自動化。網站的盈利模式主要來自餐館向其支付的訂餐費用，消費者從網站上每訂餐一次，餐館就向網站支付 0.5元的訂餐費。這種不受廣告影響的穩定盈利方式使得網站能夠得以生存，而隨著時間的推移，網站的知名度將逐步提升，進而增加網站的營業收入。

3 結束語

基于O2O模式的高校Web訂餐系統作為線下商務與互聯網結合的新模式，解決了在校大學生快捷訂餐的問題。這種模式不僅方便快捷、節省時間，而且通過網絡比價還能使得學生獲得更大的經濟實惠，在一定程度上減輕家長的經濟負擔。相信在不久的將來基于O2O模式的高校Web訂餐系統必將在各大高校得到大規模范圍內的廣泛應用。

參考文獻：

[1] 施劍凡.高校網上訂餐系統的設計與實現[J].科技視界，2013，36（25）：88-89.

[2] 蔡敏，徐慧慧，黃炳強.UML基礎與Rose建模教程.人民郵電出版社.2009.

[3] 謝星星.UML基礎與Rose建模實用教程. 清華大學出版社.2011.

[4] 涂頻. 基于HTML5的網頁設計應用[J].辦公自動化，2013，24（18）：31-33.

[5] 鄭婭峰，張永強.網頁設計與開發.清華大學出版社.2011.