图床项目
项目设计思路：
- 项目背景
- 项目核心需求
- 项目模块划分
- 设计API
- 项目总结
一. 项目背景
一个网页上的图片是怎样展示的？？？
- 有一个url来表示图片的位置
- 有一个image标签，里面引用这个位置
例如我们随便打开一个网页，查看源代码就可以看到这个image,以及该图片的网络路径
URL：URL 全名叫统一资源定位符，uniform resource Locator，俗称网页或网址，字面上来理解，它就是用来定位资源的。相当于图书上面的标签，有了这些标签，管理员可以很快的找到相应的图书。
一个完整的URL包括以下信息：协议，IP地址，路径，端口号
二. 项目的核心需求：
实现一个HTTP服务器，然后用这个服务器来存储图片，针对每个图片提供一个唯一的url，有了这个url后就可以借助它把图片展示到其他网页上
- 上传图片（得到一个url）；
- 根据图片的url来访问图片，获取图片内容；
- 获取某个图片的属性；
- 删除
三. 项目模块划分：
- 数据存储模块（上传的图片需要存储到服务器）；
- 服务器模块（给前端提供一些接口）；
1.数据存储模块
磁盘文件和数据库（MySQL）
数据库设计：只需要一张表，如下表
针对图片内容，可以直接存在磁盘上。
create table image_table(
image_id int,
image_name varchar(256),
size int,
upload_time varchar(50),
type varchar(50),
path varchar(1024),
md5 varchar(50)
)
注意：：：
**md5:**是一种字符串hash算法
- 不管是哪种字符串，最终得到的md5值都是固定的
- 如果一个字符串内容稍微有变化，得到的md5值差异很大
- 通过原字符串计算md5很容易，但是拿到的md5还原原串理论上是不可能的
md5作用：
md5这个字段用来校验图片内容正确性，上传图片后，服务器就可以计算一个该图片的md5值，后续用户下载图片的时候，也能获取到该图片的md5，用户可以把自己计算的md5和服务器计算的md5对比，即可直到自己的图片是否下载成功
MySQL客户端代码：
#include 2.服务器模块
如何设计一个HTTP服务器？？？
需要借助第三方库 cpp-httplib
我们可以在Github上查找该库
只需要在项目中包含这个头文件即可使用,利用该库生成一个简单的服务器，如下：
#include "httplib.h"
//回调函数,一个函数，调用时机由代码框架和操作系统来决定
void Hello(const httplib::Request& req,httplib::Response& resp){
resp.set_content("hello
","text/html");//“text/html”是HTTP Content-Type
}
int main(){
using namespace httplib;//引用命名空间，在函数内部生效，避免名称冲突
Server server;
//客户端请求 / 路径的时候，执行一个特定的函数
//指定不同的路径对应到不同的函数上，这个过程称为”设置路由“
//第一个参数是路径，第二个参数是函数指针,当客户端请求path
//为/的请求时，就会执行函数指针所指向的函数，相当于把函数注册到了代码框架中，什么时候
//调用不确定，由代码框架和操作系统来决定，此为回调函数
server.Get("/",Hello);
server.listen("0.0.0.0",9094);//此表示了服务器启动的全部过程,ip地址和端口号
return 0;
}
然后启动服务器，在网页上输入你的地址47.98.116.42：9094/hello，（此处用的是阿里云的IP）即可查看
注意：此时不能用局域网ip地址访问，需要用外网Ip访问
查看网页源码
HTTP服务器需要接受http请求，返回http响应，此处需要约定不同的请求来表示不同的操作方式，例如有些请求表示上传图片，有些请求表示查看图片或者删除图片
此处使用Restful风格的设计：
- http method来表示操作动词
----例如：POST（增） DELETE（删） PUT（改） GET（查） - http path表示操作的对象
- body来传递补充信息，通常情况下body使用json格式的数据来组织数据
- 响应数据通常也是用json格式组织
注意：：：
（1）json源于javascript用来表示一个“对象”；是一种数据组织格式，最主要的用途之一就是序列化
（2）json格式的数据都是用**{}括起来的，用键值对的形式**表示的
（3）json优势：方便调试，方便和服务器接受到的数据打通
（4）json劣势：组织格式的效率比较低，更占用存储空间和带宽
(5) protobuf是谷歌出品的一种二进制序列化协议
四. 设计服务器API：
为了让数据库和服务器有更方便的交互，根据MySQL官网提供的一些API（应用程序接口）来实现一个自主客户端
这里我们在ImageTable类中封装了sql语句包括以下一些操作：
1.上传图片
-----POST/image HTTP/1.1（版本号）
Content-Type(和提交表单密切相关；提交表单：即HTML中客户端给服务器上传数据的一种常见方法
2.查看所有图片信息
------GET/image
3.查看指定图片信息
-----GET/image/:image_id
4.查看指定图片内容（保存在磁盘文件上，其他的保存在数据库中）
-----GET/show/:image_id
5.删除图片
-----DELETE/image/:image_id
此处我们需要用到第三方库jsoncpp
注意：该库包含一个核心类，两个重要方法
- 一个核心类：Jsoncpp::Value(类似于std::Map)
- 两个重要方法：1.Reader::parse，Reader类中有一个parse方法，把一个Json字符串中转换为Json::value对象（反序列化过程）
2.Writer::Write，Write类中有一个write方法，把Json::value对象转化为Json字符串（序列化过程） - 序列化：将数据对象按照指定的协议组织成为能够后进行持久化存储/数据传输的二进制数据串
- 反序列化：将二进制数据串按照指定的协议解析得到各个数据对象
安装方式：
yum install jsoncpp-devel.x86_64
是否安装成功，查看ls -l usr/include/jsoncpp/json 中是否有我们需要的一些头文件等
例如html上传图片：
<html>
<head></head>
<body>
<form id="upload-form" action="http://47.98.116.42:9094/image" method="post" enctype="multipart/form-data" >
<input type="file" id="upload" name="upload" /> <br />
<input type="submit" value="Upload" />
</form>
</body>
</html>
form标签表示这是一个form表单，form表单是一种传统的浏览器、网页和服务器交互的方式，其功能就是提供一些选项框，借助这些选项框将数据提交给服务器。注意需要修改form表单中的action,action表示将表单提交给指定服务器。
API接口源码：
#include 五. 总结：
该项目借助httplib库简单实现了一个图片服务器，提供了四个接口，分别是上传图片，获取图片信息，查看图片内容，删除图片；
其中利用md5来校验上传图片内容的正确性，图片内容保存在磁盘文件中，图片信息保存在数据库中，服务器和客户端之间的数据是采用Json格式字符串组织传输的。