模拟实现点餐系统

1. 前言

1.1 项目简介

实现一个http点餐系统服务器,支持用户在浏览器上访问服务器,获取餐馆的首页进行点菜;支持商家在浏览器上访问服务器,进行菜品以及订单的管理

在这里插入图片描述

1.2 开发环境

CentOS 7.3 64bit

1.3 技术特点

HTTP 服务器搭建、Mysql 数据库、json序列化、restful 风格接口设计

1.4 模块描述

  1. 网络通信服务器:搭建HTTP服务器来接收客户端的请求,进行业务处理
  2. 数据管理:基于Mysql数据库进行菜品和订单的信息管理
  3. 前端模块:基于网页模板+ vue.js+ ajax 进行前端页面交互

1.5 json的介绍

json的介绍: json理解

2. 数据管理模块

2.1 前言

在这里插入图片描述在这里插入图片描述

2.2 简易Mysql客户端搭建

简易Mysql客户端搭建: 点我

2.3 数据管理模块实现

在这里插入图片描述

数据管理模块实现代码: data.hpp
测试验证:main.cpp

3. 业务处理模块

3.1 前言

在这里插入图片描述

3.2 httplib库

在GitHub上找寻一个搭建http服务器的库:网址
在这里插入图片描述

3.2.1 用httplib库搭建一个简易服务器

httplib库搭建一个简易服务器

3.3 搭建http服务器

点餐系统服务器介绍:介绍
点餐系统服务器代码代码

3.4 测试http服务器

测试代码:smain.cpp

测试工具:Postman
在这里插入图片描述

4. 前端模块

4.1 前言

在这里插入图片描述

4.2 前端代码

4.2.1 用户界面代码

用户界面:index.html

4.2.2 商家界面代码

商家界面:business.html

4.3 测试

4.3.1 用户和商家界面

用户界面在这里插入图片描述

商家界面在这里插入图片描述

4.3.2 用户下单测试

用户下单
在这里插入图片描述

后台显示(此时下单成功) \color{blue}{后台显示(此时下单成功)} 后台显示(此时下单成功)在这里插入图片描述
查询数据库 \color{blue}{查询数据库} 查询数据库
在这里插入图片描述

4.3.3 商家删除订单测试

删除已完成订单 \color{red}{删除已完成订单} 删除已完成订单
在这里插入图片描述

删除成功 \color{brown}{ 删除成功} 删除成功
在这里插入图片描述
查询数据库 \color{blue}{查询数据库} 查询数据库在这里插入图片描述

4.3.4 商家修改订单测试

修改 31 号订单状态 \color{green}{修改31号订单状态} 修改31号订单状态
在这里插入图片描述

修改成功 \color{green}{修改成功} 修改成功
在这里插入图片描述
查询数据库 \color{blue}{查询数据库} 查询数据库
在这里插入图片描述

4.3.5 商家新增菜品测试

添加西游唐僧肉这一菜品 \color{green}{添加西游唐僧肉这一菜品} 添加西游唐僧肉这一菜品
在这里插入图片描述

新增菜品成功 \color{red}{新增菜品成功} 新增菜品成功
在这里插入图片描述 查询数据库 \color{blue}{查询数据库} 查询数据库在这里插入图片描述

4.3.6 商家删除菜品测试

删除西游唐僧肉这一菜品,点击删除按钮如下图所示: \color{green}{删除西游唐僧肉这一菜品,点击删除按钮如下图所示:} 删除西游唐僧肉这一菜品,点击删除按钮如下图所示:
在这里插入图片描述
查询数据库 \color{blue}{查询数据库} 查询数据库在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值