。

使用oatpp框架做web后台开发时#xff0c;发现按照官方的示例使用的话#…背景

之前做过一个前端低代码编辑平台可以实现简单的移动端页面组件拖拽编辑

https://github.com/li-car-fei/react-visual-design

最近基于C的oatpp框架实现了一下后台。

使用oatpp框架做web后台开发时发现按照官方的示例使用的话很难在多表多控制视图模式下进行开发因此修改了一些它的使用方法以面向对象的方式对各个部分管理高效开发。

github链接https://github.com/li-car-fei/oatpp-low-code

star~~

表某个低代码编辑图的基础信息一个project对应多个componentcomponent

表组件表储存组件类别、属性、序号等一个component对应0个或多个childComponnetchildComponent

表子组件表存储子组件属性、序号等

project_id);DTO_FIELD(EnumComponentType::AsString,

component_type);DTO_FIELD(Int32,

components_index);DTO_FIELD(String,

header,

{DTO_INIT(ComponentTransferDto,

ComponentRecordDto)DTO_FIELD(Vectoroatpp::ObjectChildComponentTranserDto,

childs,

std::shared_ptroatpp::orm::Executor

executor):

userDb(std::make_sharedUserDb(executor)),projectDb(std::make_sharedProjectDb(executor)),componentDb(std::make_sharedComponentDb(executor)),childComponentDb(std::make_sharedChildComponentDb(executor)){std::cout

start

std::endl;oatpp::orm::SchemaMigration

migration(executor);migration.addFile(1

start

executor-getSchemaVersion();OATPP_LOGD(Db,

Migration

version);};std::shared_ptrUserDb

userDb;std::shared_ptrProjectDb

projectDb;std::shared_ptrComponentDb

componentDb;std::shared_ptrChildComponentDb

childComponentDb;

每个表的服务定义一个service虚继承基础服务类保证后续派生类只有一个Db连接提供每个表自己独立的服务

service都继承自基础服务类即共用一个数据库连接池共用一套集成好的

SQL

两个表相关的服务且有层次关系的如组件和子组件则采用继承方式实现使得组件服务可以调用子组件服务

project

oatpp::web::protocol::http::Status

m_database;public:BaseService(std::shared_ptrDb

database)

{public:ChildComponentService(std::shared_ptrDb

database)

(普通继承则不用调用直接继承的基类的构造即可)*/ComponentService(std::shared_ptrDb

database)

ChildComponentService(database)

{};/*

提供的对象需要从环境中找到序列化/反序列化器objectMapper用于其初始化

MyController将所有实例只需一个挂载到里面并对外提供统一的controller相关操作接口如router配置

/***

*/MyController(std::shared_ptrDb

database)

userController(UserController::createShared(database)),projectController(ProjectController::createShared(database)),componentController(ComponentController::createShared(database)),childComponentController(ChildComponentController::createShared(database)),uploadController(UploadController::createShared()){};/*

静态函数MyController

std::make_sharedMyController(database);}/*

MyController

setRouter(oatpp::web::server::api::Endpoints

docEndpoints,std::shared_ptroatpp::web::server::HttpRouter

router){docEndpoints.append(router-addController(userController)-getEndpoints());docEndpoints.append(router-addController(projectController)-getEndpoints());docEndpoints.append(router-addController(componentController)-getEndpoints());docEndpoints.append(router-addController(childComponentController)-getEndpoints());docEndpoints.append(router-addController(uploadController)-getEndpoints());};/*

Controller

*/std::shared_ptrUserController

userController;std::shared_ptrProjectController

projectController;std::shared_ptrComponentController

componentController;std::shared_ptrChildComponentController

childComponentController;std::shared_ptrUploadController

uploadController;

};另外运用oatpp的文件上传接口提供图片上传用于AI模型识别识别后调用projectComplete的服务存储完整低代码视图信息

{info-summary

REQUEST(std::shared_ptrIncomingRequest,

request))

{oatpp::data::stream::FileOutputStream

fileOutputStream(UPLOADFILEPATH);request-transferBodyToStream(fileOutputStream);

transfer

createResponse(Status::CODE_200,

OK);