[发明专利]一种前后端CRUD代码的生成方法及装置

权利要求书

1.一种前后端增删改查CRUD代码的生成方法，其特征在于，包括：

响应于输入的前端页面的设计图片，识别所述设计图片中包括的各个用户界面UI控件信息和各个文本信息，其中，所述UI控件信息用于标识所述设计图片中的UI控件，所述文本信息用于标识所述设计图片中的文本；

基于识别出的各个UI控件和各个文本，生成对应的静态前端页面代码，并将保存的数据库字典信息中，与所述各个UI控件和各个文本的关联度达到设定阈值的内容，确定为所述静态前端页面代码关联的数据库表；

根据所述静态前端页面代码以及所述数据库表，解析得到各个UI控件各自关联的操作配置文件，并呈现各个操作配置文件和所述静态前端页面代码对应的静态前端页面；

响应于针对所述静态前端页面和各个操作配置文件的确定操作，将所述各个操作配置文件引用的交互脚本与所述静态前端页面代码组合生成前端代码，并基于各个操作配置文件引用的交互脚本以及所述数据库表，生成与所述前端代码对应的后端代码。

2.如权利要求1所述的方法，其特征在于，所述识别所述设计图片中包括的各个用户界面UI控件信息和各个文本信息，包括：

采用训练完成的UI控件检测模型，识别所述设计图片，输出所述设计图片中包括的各个UI控件信息，其中，所述UI控件检测模型是基于单步多框检测SSD架构搭建的，所述UI控件信息至少包括UI控件的类型，以及UI控件的控件位置信息；

采用训练完成的文本检测模型，识别所述设计图片，输出所述设计图片中包括的各个文本信息，其中，所述文本检测模型是基于光学字符识别模型Tesseract-OCR架构搭建的，所述文本信息至少包括文本的内容，以及文本的文本位置信息。

3.如权利要求1所述的方法，其特征在于，所述基于所述设计图片中的各个UI控件和各个文本，生成对应的静态前端页面代码，包括：

根据所述UI控件信息，确定所述设计图片中各个UI控件的控件位置信息，以及根据所述文本信息，确定所述设计图片中各个文本的文本位置信息；

确定每一个UI控件关联的文本，并根据UI控件与文本之间的关联关系，生成专用域语言DSL文件，其中，UI控件的控件位置信息与关联的文本的文本位置信息之间的位置重叠度达到设定值；

采用布局算法解析所述DSL文件，生成布局结构树，并获取UI控件引用的层叠样本表CSS文件，并根据所述布局结构树和所述CSS文件生成超级文本标记语言html文件，以及将所述html文件作为静态前端页面代码。

4.如权利要求1-3任一项所述的方法，其特征在于，所述呈现各个操作配置文件和所述静态前端页面代码对应的静态前端页面之后，进一步包括：

响应于对所述静态前端页面和操作配置文件的编辑操作，识别出编辑后的所述静态前端页面中包括的各个UI控件和各个文本，并返回执行所述基于识别出的各个UI控件和各个文本，生成对应的静态前端页面代码的步骤。

5.如权利要求1-3任一项所述的方法，其特征在于，所述基于各个操作配置文件引用的交互脚本以及所述数据库表，生成与所述前端代码对应的后端代码，包括：

根据所述各个UI控件各自关联的操作配置文件，获取所述操作配置文件引用的直译式脚本语言JS文件，以及根据所述数据库表确定对应的交互接口，并基于所述交互接口以及所述JS文件，生成与所述前端代码对应的后端代码。