山东华宇工学院 张巧岭

本系统主要由响应式Web前端、后台管理系统、数据库三部分构成。前端设计主要采用HTML5、CSS3、JavaScript来设计实现，通过Bootstrap框架完成响应式设计。后台管理系统项目采用Gulp工具进行构建，搭建Node.js运行环境。数据库管理系统采用MySQL，通过phpMyAdmin工具实现对数据库的各种操作。本文着重介绍校园订餐系统前端设计中的技术分析和功能实现。

近些年来由于Online To Offline即线上到线下(o2o)模式的发展和兴起，各种服务网站不断建立，提高了人们工作和生活的效率。在这个新的消费模式潮流引领之下，大学生作为新科技，新文化最直接的接触者和受益者，利用互联网平台为大学生提供快捷，高效的服务，是商业化发展的需求，也是解决大学生学习与生活之间的可行方法。

Bootstrap是快速开发Web应用程序的前端工具包。它是一个CSS，HTML和JS的集合，Bootstrap是目前特别受欢迎的HTML、CSS和JS框架，用于开发响应式布局、移动设备优先的Web项目，为Web开发提供了时尚的版式、表单、Buttons、表格、网格系统等，很适合做响应式的网站效果，同时满足PC端和移动端效果。

1 校园订餐系统需求情况

1.1 系统简介

校园订餐系统是一款专门为学校师生准备的校园订餐服务平台，为在校师生提供了餐饮捎带、水果代买、超市代购等服务，打造了一个便捷的校园生活。学生可以在这里下单，也可以自己成为一名捎带者，在空余时间赚零花钱，简单易用。配送的价格订单上会直接显示，配送完成之后，相关的配送费会直接进入配送员的钱包，平台不会收取提成，收益更可观。……