校园订餐系统设计.pdfVIP

校园订餐系统设计 本系统主要由响应式Web 前端、后台管理系统、数据库三部 含下单方和配送方，需要实现如下功能： 分构成。前端设计主要采用HTML5 、CSS3 、JavaScript来设计实 （1 ）“首页”页面主要包含：校园主要服务商家如各种餐 现，通过Bootstrap框架完成响应式设计。后台管理系统项目采用 厅、各个超市、各个水果饮品店；校园主要服务商品如华泰餐厅的 Gulp工具进行构建，搭建Node.js 运行环境。数据库管理系统采用 水饺、华宇超市的方便面等。 MySQL ，通过phpMyAdmin工具实现对数据库的各种操作。本文着 （2 ）“订单”页面主要功能为订单信息的跟踪。如接单情 重介绍校园订餐系统前端设计中的技术分析和功能实现。 况、配送情况以及评价等。 近些年来由于Online To Offline即线上到线下(o2o)模式的发展和兴 （3 ）“抢单”页面主要包含：目前系统的订单信息，一遍快 起，各种服务网站不断建立，提高了人们工作和生活的效率。在这个 速抢单。 新的消费模式潮流引领之下，大学生作为新科技，新文化最直接的接 （4 ）“我的”页面为个人中心，主要包含账号余额、订单情 触者和受益者，利用互联网平台为大学生提供快捷，高效的服务，是 况和接单情况。 商业化发展的需求，也是解决大学生学习与生活之间的可行方法。 Bootstrap 是快速开发Web应用程序的前端工具包。它是一个 2 校园订餐系统技术 CSS ，HTML和JS 的集合，Bootstrap是目前特别受欢迎的HTML 、 2.1 安装环境设计 CSS和JS框架，用于开发响应式布局、移动设备优先的Web项目， 在Bootstrap 官网上下载Bootstrap 的最新版本，下载Bootstrap 为Web开发提供了时尚的版式、表单、Buttons 、表格、网格系统 CSS、JavaScript和字体的预编译的压缩版本。Bootstrap预编译文件 等，很适合做响应式的网站效果，同时满足PC端和移动端效果。 是Bootstrap开发团队为我们预先编译好的版本，预编译版本中不包 含文档和最初的源代码文件。下载成功后解压将看到Bootstrap 的预 1 校园订餐系统需求情况 编译文件和目录结构。 1.1 系统简介 后台管理系统采用Gulp工具进行构建，在安装Gulp工具前，需 校园订餐系统是一款专门为学校师生准备的校园订餐服务平 要先搭建Node.js运行环境。Node.js 是基于Chrome 的V8 JavaScript 台，为在校师生提供了餐饮捎带、水果代买、超市代购等服务，打 引擎开发的JavaScript运行环境，它可以让JavaScript运行在服务器 造了一个便捷的校园生活。学生可以在这里下单，也可以自己成为 端。Npm是Node.js 的包管理器，在安装Node.js 时会自动安装相应的 一名捎带者，在空余时间赚零花钱，简单易用。配送的价格订单上 npm版本，不需要单独安装。 会直接显示，配送完成之后，相关的配送费会直接进入配送员的钱 2.2 数据库设计 包，平台不会收取提成，收益更可观。 本系统服务员校园，关于产品信息以及用户信息需要建立数据 1.2 系统功能需求分析 管理系统，用于建立、使用和管理数据库的软件系统，本系统采用 本系统作为校园订餐服务平台，不仅要为大学生提供代买服 MySQL数据库管理系统。MySQL是一种非常流行的数据库管理系 务，同时也为大学生提供代送服务，就这两者而言，本系统主要包 统，采用结构化查询语言进行数据库管理，支持大型数据，可以在 图1 系统前端流程图