项目 点餐系统

项目介绍

项目名称

点餐系统

项目简介

用户可以通过浏览器与后台服务器进行交互，实现用户查看菜品信息以及下单功能，以及管理员对菜品和订单的管理功能

开发环境

Linux

项目开发语言及工具

C++、Makefile、vim、g++、Json、mysql、http、线程、html

框架

相类似的MVC框架：其中业务模块是管理数据的，如菜品信息和菜品订单，外界想要访问数据必须通过这个模块来完成。用户界面模块也就是浏览器前端界面，用户或者管理员的操作都是通过这个界面来完成的。业务控制模块主要是针对页面请求完成相对应的业务处理

项目实现概要

数据管理模块：基于mysql数据库实现数据存储管理，并且封装数据库访问类向外提供与业务分离的数据信息

业务处理模块：基于http协议使用httplib库搭建http服务器，与前端进行通信，并且采用RESTful风格的网络接口设计来实现与前端动态数据的交互，如：菜品信息、菜品数据、订单数据等进行交互

前端界面模块：基于简单的html与css和vue.js以及ajax实现前端界面的静态展示以及动态数据获取渲染功能

代码实现概要

源代码----点餐系统
一 ) 业务数据管理模块
1、数据存储工具：mysql

2、数据库的设计：两张表，其中一张是菜品信息表，该表字段有菜品id、菜品名称、菜品单价、添加时间。另一张是订单表，该表的字段有订单id、订单菜品、订单状态、修改时间

3、数据管理代码设计：主要有两个类，一个是菜品数据类、一个是订单数据类。在这两个类中都提供对应的增删改查的接口，其中菜品数据类的查操作又分为两种，一种是获取单个菜品，一种是获取所有菜品。而订单数据类中的改操作也分为两种，一种是修改订单中的菜品，一种是修改当前订单的状态。查操作一种也是获取所有订单，另一种是获取单个订单

二) 业务控制模块
该模块主要是从网页获取客户端的请求，对该请求处理后反馈给用户

1、搭建服务器：HTTP-TCP服务器（采用httplib库搭建）

2、CS通信接口设计：指定的请求对应的是指定的业务处理和响应。例如获取所有订单GET / orders HTTP/1.1
其中客户端的请求分为静态页面请求和动态数据请求
2.1、静态页面请求主要是通过html页面来实现（以及依赖的css/js文件）
菜品信息主页面----index.html。对应的客户端所发送的请求：GET /index.html HTTP/1.1。而服务端对该请求的响应：首行HTTP/1.1 200 OK、响应头部Content-Type:text/html、正文/index.html文加数据
2.2、动态数据请求主要有菜品数据和订单数据，其通信接口设计采用RESTful的设计风格：这里采用Json格式定义正文序列化方式
定义的操作类型：添加-POST、删除-DELETE、修改-PUT、获取-GET
例如：添加菜品----客户端请求格式POST /dish HTTP/1.1正文：{“name”: “鱼香肉丝”, “price”: 15}；对应的服务端响应格式HTTP/1.1 200 OK或者添加失败时HTTP1.1 500 正文：{“result”:“false”, “reason”:",mysql error"}。后面的操作以及订单数据操作都类似

三) 前端界面模块
主要是对html的代码编写及渲染
1、html代码实现：html+css+js，html主要完成页面框架、css主要是对页面框架进行渲染、js主要完成页面的动态渲染

httplib工作流程

httplib中主要有三个类

​ httplib::Server

​ httplib::Request

​ httplib::Response

Server类中主要有的成员是一个map类型的请求与处理的路由表map<pair<string,string>, function> route

该表的主要功能就是完成请求方式资源路径和对应的处理函数的映射关系，其中key是由请求方式和资源路径组成的，而val就是对应的指向处理函数的指针

接口listen(“0.0.0.0”, 8080)主要是搭建了一个能够监听当前主机多有IP，主机号为8080的TCP服务器，

当有服务端收到一个客户端的连接时，会将新建立的连接抛入到线程池中，而线程池中的线程负责与指定的客户端进行通信

线程工作流程：

1. 接收请求数据，按照http请求协议格式进行解析（请求方法、资源路径、查询字符串、头部字段、正文等等…）

2. 实例化httplib::Request对象，然后将解析得到的信息填入到该对象中

3. 根据请求信息，在route路由表中查找针对这个请求有没有对应的处理函数，如果没有则直接返回404，表示资源不存在，如果有这个路径并且有对应的处理函数，则执行对应的处理函数，传入求情信息，并实例化一个空的httplib::Response对象，将其传入到处理函数中，然后针对用户的请求完成对应的业务处理后，将对应的响应结果信息填充到Response对象中

   class Response
   {
   int status; //响应状态码
   string body; //响应正文
   map<string,string> headers;//头部信息
   }

4. 线程执行完处理函数之后，就得到了一个填充完毕的Response对象，然后根据该对象的填充后的属性组织http响应协议格式的数据，然后回复给客户端

5. 最后一步是等待下一个http请求，如果有则处理，没有就关闭连接

运行结果

index.html页面
主页面

选择需要点的菜品

点击下单

后台数据库得到更新

admin.html页面

添加菜品

添加成功