【项目实训6】前后端交互的格式以及规则

前后端交互的方式有多种，在经过讨论以后选择了socket进行传递数据，数据格式为json。由于c++并不能直接操作json格式，需要通过jsoncpp第三方库进行操作。

jsoncpp使用也很方便，下载过后，找到amalgamate.py文件然后编译。

编译结束后，会出现dist文件夹，将其中的内容复制到项目中，在使用时，include "json/json.h",即可，编译时应该把jsoncpp.cpp,json.h,json-forward.h一同编译，否则会出现错误。

dist文件夹内容

交互规则，采取前端给出交互信息，然后我返回正确的数据格式，不同的信息采取不同的关键词进行区分，是一个简易的协议，只能处理较为简单的情况，在后面会逐渐完善该协议，能够处理更多的情况。

比如

前提说明：websocket传递的各种操作类型有sort指定

1.createSvg(shapeid)

传递参数:shapeid：图形的shapeid;
sort:"create"  

返回值说明  

svgId:该svg的id(建议为shape类型+cnt#创建一个以后++)
svg:svg的html字符串

  

相应的处理函数

Json::Value createSvg(int shapeid){
    string svg = canva.createElementAtPosition(shapeid,10,10);
   // cout<<svg<<endl;
    Json::Value root;
    root["svgId"] = canva.size-1;
    root["svg"] = svg;
    return root;
}