摘 要：本文针对校园的网上订餐和传统网上订餐服务不同之处在于，目标客户更集中，送餐目的地更集中，餐厅更集中。网上订餐，尤其是针对校园的网上订餐很有前景。本文提出针对校园的在线订餐网站的设计解决方案。

　　关键词：在线；订餐服务；网站设计；网站实现

　　1 网上订餐现状

　　在数字化电子商务的大趋势下，网上订餐业务将成为下个增长点，尤其是致力于校园周边的订餐服务。数字化互联网的优势在于信息的搜集与处理，电子商务正是数据密集型的行业，而网上订餐则比通常意义上的电子上午更简单，库存管理，物流等更简单。当前（2014年），网上订餐并没有形成巨大的规模，一些订餐网站（如百度外卖）等也在边缘摸索阶段，经营模式等还未脱离传统，只是引入互联网等数字化媒介进行数据管理，并没有其他创新。专注于校园周边的网上订餐也比较稀少，在这个领域有模式创新的则少之又少。传统的在线订餐服务比较简单，由一个信息中心（订餐网站）存储信息，并不负责调度。消费者在网站上查看菜单等信息，然后向网站登记订餐信息，生产者（店家）看到信息后，根据对应信息送餐。

　　2 网上订餐存在的问题

　　我院全校共有师生大约13，000人，其中经常订餐的有1600人/次/天，平均订餐金额在10元，如果有80%的人使用我们的平台进行单据的调度，每单我们收取10%的信息费，则在后期平台成熟后，可实现毛利润40，000元/月（每月营运时间按25天计）。

　　同时对于不订餐的客户可以加强宣传，诱导他们消费.在后期平台成熟后，订餐无排队无等待，则可以吸引到80%的额外订餐者（根据调查问卷：如果网上订餐让你等待10分钟左右就能送餐到你家门口，你会使用网上订餐业务吗？）加入到网上订餐的大军中来，通过调查统计，现行订餐主要是通过学生电话/短信订餐，存在极大局限性：

　　（1）信息有效性差，饭店更换菜品或电话则无法顺利订餐。（2）订餐效率低下，同时对双方都有电话费等额外费用。（3） 信息完整性差，订餐时没有菜单，无法引起食欲，无法促进销售。（4）信息时效性差，如订单的状态不清晰，后台对单据的人工管理混乱等。（5）周边服务不到位，无法配送小食品香烟等。（6）快递信息不统一，出现极大资源浪费，快递各自为政效率差。

　　3 网上订餐系统优化设计

　　3.1 系统总体设计

　　本系统跨平台。由nginx进行反向，一台使用JavaSE技术自行编写的应用服务器驱动。应用服务器自带数据库驱动（sqlite3）和中间层缓冲，以及代码压缩，验证码生成等辅助功能。应用服务器模块化设计，方便插入新的功能和维护原有代码，多线程并发，效率高。系统功能结构图如图1：

　　3.2 网站功能设计

　　网站设计给多个用例，网站本身并不涉及任何财务操作，没有任何资金流经本网站。所有资金交易都在各个环节当即完成，如：物流从餐厅取餐时完成物流对餐厅的资金交易（如a元，a

　　3.2.1 消费者浏览菜单订餐。这是网站的主要功能，默认登陆后，显示菜单，消费者可以根据自己喜好订餐。webapp会根据消费者提供的信息生成餐单，提交至应用服务器。消费者可以与其他在线的用户聊天，给餐厅留言，约定送餐时间等。餐单提交完毕后，会自动跳转到餐单追踪页面，时刻跟踪餐单的制作，配送进程。也可以检索历史餐单，给餐厅，物流人员进行评论，提高服务质量。

　　3.2.2 商家管理，制作餐单。商家登陆后自动进入餐单维护页面，可以查看到所有发往本店，需本店制作的餐单。可以接受/拒接餐单，并进入制作过程，此时，网站可以作为“管家”，代为管理餐单，减少人工劳动成本。餐单制作完毕后，商家标记餐单为制作完成，餐单自动进入物流环节。

　　3.2.3 物流人员进行抢单配送。物流人员可以看到所有待配送的单子，进行抢单。抢单后，物流人员去商家搜集所有需要配送的单子，一次配送到位（同一个目的地）。系统会记录物流人员编号，之后可用于计算工作效率，作为薪酬配发的参考。

　　3.3 前端功能实现

　　前端使用基于jQuery的，自主开发的布局引擎，Holo-Dark，Holo-Light两种风格可选。可自适应布局，同一套代码，自动为PC和手机生成对应布局。

　　3.3.1 界面设计。界面设计思想是：简单，紧凑，拟物。使用webapp设计模式。

　　（1）登陆视图。登陆视图集合了登陆和注册两个功能。为防止机器恶意注册或穷举密码，包含了验证码校验功能。同时可以在这个视图上选择界面风格，目前有白色，黑色主题可选。如图2所示：

　　（2）主视图。初次使用会提示基本使用方法，如图3所示：

　　左上角可选择餐。中间是对应的菜单，点击可折叠，已经选购的餐点会高亮。右上角是个人信息和控制面板。左边是聊天记录，左下角可进行在线聊天。右边是购物车，显示已经购买的餐点，当前视图内餐点会高亮。如图4所示：

　　（3）单据管理试图。需要注意的单据以高亮标出。左边可对餐单进行标记处理。如图5所示：

标签：网上信息网站设计可以物流