基于O2O的高校Web订餐系统设计与实现
2015-05-30刘松
刘松
摘要：为了节省高校大学生的宝贵就餐时间，本文设计了基于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所示。网站的首页主要代码如下：
高校Web订餐系统
高校Web订餐系统
图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.
