CN112416363A - 一种前后端crud代码的生成方法及装置 - Google Patents
一种前后端crud代码的生成方法及装置 Download PDFInfo
- Publication number
- CN112416363A CN112416363A CN202011446446.9A CN202011446446A CN112416363A CN 112416363 A CN112416363 A CN 112416363A CN 202011446446 A CN202011446446 A CN 202011446446A CN 112416363 A CN112416363 A CN 112416363A
- Authority
- CN
- China
- Prior art keywords
- text
- control
- code
- generating
- static
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 27
- 230000003068 static effect Effects 0.000 claims abstract description 136
- 238000013461 design Methods 0.000 claims abstract description 110
- 230000004044 response Effects 0.000 claims abstract description 11
- 238000001514 detection method Methods 0.000 claims description 37
- 238000013515 script Methods 0.000 claims description 31
- 230000003993 interaction Effects 0.000 claims description 23
- 230000002452 interceptive effect Effects 0.000 claims description 18
- 238000012015 optical character recognition Methods 0.000 claims description 10
- 238000004422 calculation algorithm Methods 0.000 claims description 8
- 238000012986 modification Methods 0.000 claims description 7
- 230000004048 modification Effects 0.000 claims description 7
- 238000007792 addition Methods 0.000 claims 2
- 238000012217 deletion Methods 0.000 claims 2
- 230000037430 deletion Effects 0.000 claims 2
- 238000011161 development Methods 0.000 abstract description 15
- 238000012827 research and development Methods 0.000 abstract description 5
- 230000010365 information processing Effects 0.000 abstract description 2
- 238000012545 processing Methods 0.000 description 37
- 238000010586 diagram Methods 0.000 description 17
- 238000004458 analytical method Methods 0.000 description 12
- 230000000007 visual effect Effects 0.000 description 12
- 238000004590 computer program Methods 0.000 description 8
- 230000006870 function Effects 0.000 description 5
- 238000005516 engineering process Methods 0.000 description 3
- 230000009286 beneficial effect Effects 0.000 description 2
- 238000007405 data analysis Methods 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 238000012549 training Methods 0.000 description 2
- 230000003044 adaptive effect Effects 0.000 description 1
- 230000004075 alteration Effects 0.000 description 1
- 238000012790 confirmation Methods 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 238000013507 mapping Methods 0.000 description 1
- 239000011159 matrix material Substances 0.000 description 1
- 238000003032 molecular docking Methods 0.000 description 1
- 238000003058 natural language processing Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000012216 screening Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/40—Transformation of program code
- G06F8/41—Compilation
- G06F8/44—Encoding
- G06F8/447—Target code generation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/25—Integrating or interfacing systems involving database management systems
- G06F16/252—Integrating or interfacing systems involving database management systems between a Database Management System and a front-end application
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/80—Information retrieval; Database structures therefor; File system structures therefor of semi-structured data, e.g. markup language structured data such as SGML, XML or HTML
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06V—IMAGE OR VIDEO RECOGNITION OR UNDERSTANDING
- G06V10/00—Arrangements for image or video recognition or understanding
- G06V10/20—Image preprocessing
- G06V10/22—Image preprocessing by selection of a specific region containing or referencing a pattern; Locating or processing of specific regions to guide the detection or recognition
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06V—IMAGE OR VIDEO RECOGNITION OR UNDERSTANDING
- G06V30/00—Character recognition; Recognising digital ink; Document-oriented image-based pattern recognition
- G06V30/10—Character recognition
- G06V30/14—Image acquisition
- G06V30/148—Segmentation of character regions
- G06V30/153—Segmentation of character regions using recognition of characters or words
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- Databases & Information Systems (AREA)
- Multimedia (AREA)
- Data Mining & Analysis (AREA)
- Computer Vision & Pattern Recognition (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本公开涉及信息处理技术领域，尤其涉及一种前后端CRUD代码的生成方法及装置，解决前后端CRUD代码的生成依赖于人工编码，研发成本高且编程效率低的问题，方法为：识别设计图片中包括的UI控件信息和文本信息，生成对应的静态前端页面代码，并将数据库字典信息中，与所述各个文本的关联度达到设定阈值的内容，确定为所述静态前端页面代码关联的数据库表，解析所述各个UI控件各自关联的操作配置文件，并响应于所述用户的确定操作，生成前端代码和后端代码。这样，借助于软件界面设计图片，自动生成对应的前后端CRUD代码，相比于现有技术下的开发方式，极大的节省了开发时间，极大的提高了开发效率，降低了研发成本。
Description
技术领域
本公开涉及信息处理技术领域，尤其涉及一种前后端CRUD代码的生成方法及装置。
背景技术
随着对软件产品的需求的逐渐提高，目前为实现软件***代码的快速生成，一种实现方式为，在开发软件***的前端时，直接调用预先封装好的用户界面(UserInterface，UI)组件，实现对软件***前端的组装；另一种实现方式为，采用对象关系映射(Object Relational Mapping，ORM)中间件逆向生成技术，生成软件***后端的创建/检索/更新/删除(Create Retrieve Update Delete，CRUD)代码。
但是，在第一种实现方式下，由于UI组件库建设成本高，软件***代码的生成依赖于人工编码实现，在无法有效提高编程效率的同时，无法生成完整的前后端CRUD代码，而对于第二种实现方式，虽然有效提高了后端代码的生成效率，但是生成的代码无法直接对接前端，需要根据前端的配置进行适应性的调整，需要投入额外的人力成本用于完成前后端的对接。
发明内容
本公开实施例提供一种前后端CRUD代码的生成方法及装置，用以解决现有技术中存在的前后端CRUD代码的生成依赖于人工编码，研发成本高且编程效率低的问题。
本公开实施例提供的具体技术方案如下：
第一方面，提出一种前后端增删改查CRUD代码的生成方法，包括：
响应于输入的前端页面的设计图片，识别所述设计图片中包括的各个用户界面UI控件信息和各个文本信息，其中，所述UI控件信息用于标识所述设计图片中的UI控件，所述文本信息用于标识所述设计图片中的文本；
基于识别出的各个UI控件和各个文本，生成对应的静态前端页面代码，并将保存的数据库字典信息中，与所述各个UI控件和各个文本的关联度达到设定阈值的内容，确定为所述静态前端页面代码关联的数据库表；
根据所述静态前端页面代码以及所述数据库表，解析得到各个UI控件各自关联的操作配置文件，并呈现各个操作配置文件和所述静态前端页面代码对应的静态前端页面；
响应于针对所述静态前端页面和各个操作配置文件的确定操作，将所述各个操作配置文件引用的交互脚本与所述静态前端页面代码组合生成前端代码，并基于各个操作配置文件引用的交互脚本以及所述数据库表，生成与所述前端代码对应的后端代码。
可选的，所述识别所述设计图片中包括的各个用户界面UI控件信息和各个文本信息，包括：
采用训练完成的UI控件检测模型，识别所述设计图片，输出所述设计图片中包括的各个UI控件信息，其中，所述UI控件检测模型是基于单步多框检测SSD架构搭建的，所述UI控件信息至少包括UI控件的类型，以及UI控件的控件位置信息；
采用训练完成的文本检测模型，识别所述设计图片，输出所述设计图片中包括的各个文本信息，其中，所述文本检测模型是基于光学字符识别模型Tesseract-OCR架构搭建的，所述文本信息至少包括文本的内容，以及文本的文本位置信息。
可选的，所述基于所述设计图片中的各个UI控件和各个文本，生成对应的静态前端页面代码，包括：
根据所述UI控件信息，确定所述设计图片中各个UI控件的控件位置信息，以及根据所述文本信息，确定所述设计图片中各个文本的文本位置信息；
确定每一个UI控件关联的文本，并根据UI控件与文本之间的关联关系，生成专用域语言DSL文件，其中，UI控件的控件位置信息与关联的文本的文本位置信息之间的位置重叠度达到设定值；
采用布局算法解析所述DSL文件，生成布局结构树，并获取UI控件引用的层叠样本表CSS文件，并根据所述布局结构树和所述CSS文件生成超级文本标记语言html文件，以及将所述html文件作为静态前端页面代码。
可选的，所述呈现各个操作配置文件和所述静态前端页面代码对应的静态前端页面之后，进一步包括：
响应于对所述静态前端页面和操作配置文件的编辑操作，识别出编辑后的所述静态前端页面中包括的各个UI控件和各个文本，并返回执行所述基于识别出的各个UI控件和各个文本，生成对应的静态前端页面代码的步骤。
可选的，所述基于各个操作配置文件引用的交互脚本以及所述数据库表，生成与所述前端代码对应的后端代码，包括：
根据所述各个UI控件各自关联的操作配置文件，获取所述操作配置文件引用的直译式脚本语言JS文件，以及根据所述数据库表确定对应的交互接口，并基于所述交互接口以及所述JS文件，生成与所述前端代码对应的后端代码。
第二方面，提出一种前后端增删改查CRUD代码的生成装置，包括：
识别单元，用于响应于输入的前端页面的设计图片，识别所述设计图片中包括的各个用户界面UI控件信息和各个文本信息，其中，所述UI控件信息用于标识所述设计图片中的UI控件，所述文本信息用于标识所述设计图片中的文本；
确定单元，用于将保存的数据库字典信息中，与识别出的各个UI控件和各个文本的关联度达到设定阈值的内容，确定为所述静态前端页面代码关联的数据库表；
呈现单元，用于根据所述静态前端页面代码以及所述数据库表，解析得到各个UI控件各自关联的操作配置文件，并呈现各个操作配置文件和所述静态前端页面代码对应的静态前端页面；
生成单元，用于基于识别出的各个UI控件和各个文本，生成对应的静态前端页面代码，并响应于针对所述静态前端页面和各个操作配置文件的确定操作，将所述各个操作配置文件引用的交互脚本与所述静态前端页面代码组合生成前端代码，并基于各个操作配置文件引用的交互脚本以及所述数据库表，生成与所述前端代码对应的后端代码。
可选的，所述识别所述设计图片中包括的各个用户界面UI控件信息和各个文本信息时，所述识别单元具体用于：
采用训练完成的UI控件检测模型，识别所述设计图片，输出所述设计图片中包括的各个UI控件信息，其中，所述UI控件检测模型是基于单步多框检测SSD架构搭建的，所述UI控件信息至少包括UI控件的类型，以及UI控件的控件位置信息；
采用训练完成的文本检测模型，识别所述设计图片，输出所述设计图片中包括的各个文本信息，其中，所述文本检测模型是基于光学字符识别模型Tesseract-OCR架构搭建的，所述文本信息至少包括文本的内容，以及文本的文本位置信息。
可选的，所述基于所述设计图片中的各个UI控件和各个文本，生成对应的静态前端页面代码时，所述确定单元具体用于：
根据所述UI控件信息，确定所述设计图片中各个UI控件的控件位置信息，以及根据所述文本信息，确定所述设计图片中各个文本的文本位置信息；
确定每一个UI控件关联的文本，并根据UI控件与文本之间的关联关系，生成专用域语言DSL文件，其中，UI控件的控件位置信息与关联的文本的文本位置信息之间的位置重叠度达到设定值；
采用布局算法解析所述DSL文件，生成布局结构树，并获取UI控件引用的层叠样本表CSS文件，并根据所述布局结构树和所述CSS文件生成超级文本标记语言html文件，以及将所述html文件作为静态前端页面代码。
可选的，所述呈现各个操作配置文件和所述静态前端页面代码对应的静态前端页面之后，所述呈现单元进一步用于：
响应于对所述静态前端页面和操作配置文件的编辑操作，识别出编辑后的所述静态前端页面中包括的各个UI控件和各个文本，并触发所述生成单元执行代码的生成操作。
可选的，所述基于各个操作配置文件引用的交互脚本以及所述数据库表，生成与所述前端代码对应的后端代码时，所述生成单元进一步用于：
根据所述各个UI控件各自关联的操作配置文件，获取所述操作配置文件引用的直译式脚本语言JS文件，以及根据所述数据库表确定对应的交互接口，并基于所述交互接口以及所述JS文件，生成与所述前端代码对应的后端代码。
第三方面，提出一种电子设备，包括：
存储器，用于存储可执行指令；
处理器，用于读取并执行存储器中存储的可执行指令，以实现上述第一方面中任一项所述的前后端CRUD代码的生成方法。
第四方面，提出一种计算机可读存储介质，当所述存储介质中的指令由电子设备执行时，使得所述电子设备能够执行上述第一方面中任一项所述的前后端CRUD代码的生成方法。
本公开有益效果如下：
本公开实施例中，响应于输入的前端页面的设计图片，识别所述设计图片中包括的各个用户界面UI控件信息和各个文本信息，其中，所述UI控件信息用于标识所述设计图片中的UI控件，所述文本信息用于标识所述设计图片中的文本，再基于识别出的各个UI控件和各个文本，生成对应的静态前端页面代码，并将保存的数据库字典信息中，与所述各个文本的关联度达到设定阈值的内容，确定为所述静态前端页面代码关联的数据库表，然后根据所述静态前端页面代码以及所述数据库表，解析所述各个UI控件各自关联的操作配置文件，并呈现各个操作配置文件和所述静态前端页面代码对应的静态前端页面，再响应于针对所述静态前端页面和各个操作配置文件的确定操作，将所述各个操作配置文件引用的交互脚本与所述静态前端页面代码组合生成前端代码，并基于各个操作配置文件引用的交互脚本以及所述数据库表，生成与所述前端代码对应的后端代码。这样，借助于软件界面设计图片，自动生成对应的前后端CRUD代码，相比于现有技术下的开发方式，极大的节省了开发时间，极大的提高了开发效率，避免依赖于大量人工编码的进行处理，降低了研发成本。
附图说明
图1为本公开实施例中前后端CRUD代码生成的流程示意图；
图2为本公开实施例中解析DSL文件的流程示意图；
图3为本公开实施例中处理设备内部的功能组件划分示意图；
图4为本公开实施例中处理设备内部各组件间的交互示意图；
图5为本公开实施例中前后端CRUD代码生成的逻辑结构示意图；
图6为本公开实施例中前后端CRUD代码生成的实体结构示意图。
具体实施方式
为了使本公开的目的、技术方案及有益效果更加清楚明白，以下结合附图及实施例，对本公开进行进一步详细说明。应当理解，此处所描述的具体实施例仅用以解释本公开，并不用于限定本公开。
本领域技术人员知道，本公开的实施方式可以实现为一种***、装置、设备、方法或计算机程序产品。因此，本公开可以具体实现为以下形式，即：完全的硬件、完全的软件(包括固件、驻留软件、微代码等)，或者硬件和软件结合的形式。
为了解决现有技术中存在的前后端CRUD代码的生成依赖于人工编码，研发成本高且编程效率低的问题，本公开提出响应于输入的前端页面的设计图片，识别所述设计图片中包括的各个用户界面(User Interface，UI)控件信息和各个文本信息，所述控件信息用于标识所述设计图片中的UI控件，所述文本信息用于标识所述设计图片中的文本，再基于识别出的各个UI控件和各个文本，生成对应的静态前端页面代码，并将保存的数据库字典信息中，与所述各个文本的关联度达到设定阈值的内容，确定为所述静态前端页面代码关联的数据库表，然后根据所述静态前端页面代码以及所述数据库表，解析所述各个UI控件各自关联的操作配置文件，并呈现各个操作配置文件和所述静态前端页面代码对应的静态前端页面，再响应于针对所述静态前端页面和各个操作配置文件的确定操作，将所述各个操作配置文件引用的交互脚本与所述静态前端页面代码组合生成前端代码，并基于各个操作配置文件引用的交互脚本以及所述数据库表，生成与所述前端代码对应的后端代码。
这样，借助于软件界面的设计图片，自动生成对应的前后端CRUD代码，相比于现有技术下的开发方式，极大的节省了开发时间，极大的提高了开发效率。
本公开实施例中，执行前后端CRUD代码生成的处理设备可以是服务器，或者，可以是由若干个服务器和/或电子设备组成的处理平台，本公开在此不具体限定执行前后端CRUD代码生成的设备类型。CRUD是网页开发领域的一个通用术语，具体体现为软件界面能够提供的用户操作为增、删、改、查，本公开意图生成具有CRUD操作功能的前后端代码。
下面结合附图，对本公开优选的实施例进行详细说明：
参考附图1，其为本公开实施例中前后端CRUD代码生成的流程示意图：
步骤101：响应于输入的前端页面的设计图片，识别所述设计图片中包括的各个UI控件信息和各个文本信息。
具体的，处理设备接收前端页面的设计图片，其中，所述设计图片的存在形式包括但不限于以下任意一项：
a、低保真设计图片。
低保真设计图片具体是指根据实际需要设计的线框图，用以示意设计界面大致的框架。
b、高保真设计图片。
高保真设计图片具体是指根据实际需要设计的界面的图片，图片中的内容包含设计界面的细节和添加有诸如配色的各部分内容。
c、低保真设计界面截图。
低保真设计界面截图具体是以线框的形式示意性的设计出界面后，将设计完成的界面进行截图后得到的。
d、高保真设计界面截图。
高保真设计界面截图具体是设计出高保真设计界面后，将设计完成的界面进行截图后得到的。
所述处理设备得到前端页面的设计图片后，识别出所述设计图片中包括的各个UI控件信息和各个文本信息，其中，所述UI控件信息用于标识所述设计图片中的UI控件，所述文本信息用于标识所述设计图片中的文本，UI控件具体可以是复选框、开关、按钮、下拉菜单、文本框、表格等等。
所述处理设备识别所述设计图片中包括的各个UI控件信息和各个文本信息时，对于UI控件的检测，所述处理设备可以采用训练完成的UI控件检测模型，识别所述设计图片，输出所述设计图片中包括的各个UI控件信息，其中，所述UI控件检测模型是基于单步多框检测SSD架构搭建的，所述UI控件信息至少包括UI控件的类型，以及UI控件的控件位置信息。
具体的，所述处理设备根据识别的设计图片的图片形式，获取同种形式的图片作为训练样本，并利用获取的训练样本对UI控件检测模型进行训练，使得训练完成的UI控件检测模型能够识别出设计图片中包括的各个UI控件以及各个UI控件的控件位置信息，其中，UI控件的控件位置信息可以是基于设计图片建立二维坐标系后，UI控件在二维坐标系上的坐标位置。
需要说明的是，考虑到UI控件通常由设计图片中的一部分区域所示意，故在表征某UI控件的控件位置信息时，通常还包括该UI控件对应的覆盖区域。
同理，所述处理设备在对设计图片中的文本进行识别时，采用训练完成的文本检测模型，识别所述设计图片，输出所述设计图片中包括的各个文本信息，其中，所述文本检测模型是基于光学字符识别模型Tesseract-OCR架构搭建的，所述文本信息至少包括文本的内容，以及文本的文本位置信息。
具体的，所述处理设备按照所识别的设计图片的图片形式，获取同样形式的图片生成样本图片，并根据获取的样本图片对文本检测模型进行训练，使得训练完成的文本检测模型能够识别出设计图片中包括的各个文本和文本的文本位置信息。
这样，借助于UI控件检测模型和文本检测模型，能够识别出设计图片中包括的各个UI控件和各个文本，保证了对于设计图片的有效分析，同时保证了后续生成的前后端CRUD代码的准确性和有效性。
步骤102：基于识别出的各个UI控件和各个文本，生成对应的静态前端页面代码，并将保存的数据库字典信息中，与所述各个UI控件和各个文本的关联度达到设定阈值的内容，确定为所述静态前端页面代码关联的数据库表。
处理设备在根据识别出的各个UI控件信息和各个文本信息，生成对应的静态前端页面时，所述处理设备根据UI控件信息，确定所述设计图片中各个UI控件的控件位置信息，以及根据文本信息，确定所述设计图片中各个文本的文本位置信息，再确定每一个UI控件关联的文本，并根据UI控件与文本之间的关联关系，生成专用域语言DSL文件，其中，UI控件的控件位置信息与关联的文本的文本位置信息之间的位置重叠度达到设定值，然后，采用布局算法解析所述DSL文件，生成布局结构树，并获取UI控件引用的层叠样本表CSS文件，并根据所述布局结构树和所述CSS文件生成超级文本标记语言html文件，以及将所述html文件作为静态前端页面代码。
具体的，所述处理设备获取从设计图片中识别出的各个UI控件信息和文本信息后，根据各个UI控件信息确定设计图片中包括的各个UI控件及UI控件的控件位置信息，以及根据各个文本信息确定设计图片中包括的文本及文本的文本位置信息后，确定每一个UI控件关联的文本，具体的，确定UI控件关联的文本的实现方式为，处理设备采用矩阵重叠算法，针对每一个UI控件，根据该UI控件的UI控件信息和各个文本的文本信息，计算该UI控件与各个文本之间的位置重叠度，并筛选出达到设定阈值的位置重叠度，获取筛选出的位置重叠度对应的目标文本，并将获取的目标文本作为与该UI控件关联的文本。
进一步的，所述处理设备确定各个UI控件各自关联的文本后，根据UI控件与文本的关联关系，输出专用域语言(domain-specific language，DSL)文件，再采用布局算法解析所述DSL文件，生成布局结构树。
参考图2所示，其为本公开实施例中解析DSL文件的流程示意图，采用布局算法解析DSL文件的具体实现逻辑如下：
步骤201：读取DSL文件，解析DSL文件中的所有容器组件。
需要说明的是，在DSL文件中自定义的设置节点后，由节点间隔的UI控件和文本作为一个容器。容器组件负责组织容器内的所有UI控件和文本。
步骤202：获取一个容器组件。
步骤203：计算容器组件中包含的子容器相对于父容器的左边距和上边距。
步骤204：解析出容器组件中的所有行组件，并遍历容器组件中的所有行组件，确定每个行组件与容器组件之间的绝对坐标关系，以及计算出每个行组件相对于父容器的上边距和左边距。
需要说明的是，行组件为前端页面中处于同一行的UI控件和文本。
步骤205：获取一个行组件，解析出行组件内的所有组件，计算每一个组件相对于左侧组件的左边距和相对于所述行组件的上边距。
步骤206：判断全部行组件是否获取完成，若是，执行步骤207，否则，返回执行步骤205。
步骤207：判断容器组件是否全部获取完成，若是执行步骤208，否则，返回执行步骤202。
步骤208：生成布局结构树。
进一步的，所述处理设备预先创建UI控件库，所述UI控件库由标准的元素elementUI控件代码构成，所述处理设备解析生成的布局结构树，确定布局结构树中涉及到的各类UI控件，并从UI控件库中获取相应的UI控件代码生成相应的HTML代码，同时，所述处理设备根据布局结构树中包括的各个UI控件引入相应的层叠样本表CSS文件，并根据HTML代码和CSS文件，生成静态前端页面代码。
本公开实施例中，在生成静态前端页面代码后，将保存的数据库字典信息中，与各个UI控件和各个文本的关联度达到设定阈值的内容，确定为所述静态页面代码关联的数据库表。也就是说，根据静态页面中包括的各个UI控件和各个文本，分别确定各个UI控件和各个文本所对应的数据库字典中的内容，确定需要访问的数据内容，进而获得与静态前端页面代码关联的数据库表。
步骤103：根据静态前端页面代码以及数据库表，解析各个UI控件各自关联的操作配置文件，并呈现各个操作配置文件和所述静态前端页面代码对应的静态前端页面。
处理设备生成设计图片对应的静态前端页面代码，以及确定静态前端页面代码关联的数据库表后，根据所述静态前端页面代码以及所述数据库表，解析对应的静态前端页面中包括的各个UI控件各自关联的操作配置文件，所述操作配置文件具体限定了各个UI控制各自能够执行的动态操作。
进一步的，所述处理设备呈现各个操作配置文件和所述静态前端页面代码对应的静态前端页面，以便能够对页面的呈现效果和各个UI控件可执行的操作进行预览，为后续对于页面的编辑和修改操作提供依据。
步骤104：响应于针对所述静态前端页面和各个操作配置文件的确定操作，将所述各个操作配置文件引用的交互脚本与所述静态前端页面代码组合生成前端代码，并基于各个操作配置文件引用的交互脚本以及所述数据库表，生成与所述前端代码对应的后端代码。
处理设备在确定呈现的静态前端页面未被编辑后，响应于针对所述静态前端页面和各个操作配置文件的确定操作，将所述各个操作配置文件所引用的交互脚本与所述静态前端页面代码组合生成前端代码，其中，所述前端页面代码对应能够进行动态操作的前端页面。
进一步的，基于所述各个操作配置文件所引用的交互脚本以及获得的关联的数据库表，生成与所述前端页面对应的后端代码。所述处理设备根据所述各个UI控件各自关联的操作配置文件，获取所述操作配置文件引用的直译式脚本语言JS文件，以及根据所述数据库表确定对应的交互接口，并基于所述交互接口以及所述JS文件，生成与所述前端代码对应的后端代码。
具体的，处理设备首先构建UI控件库和操作代码库，其中，所述UI控件库中包括有各个UI控件对应的代码，所述操作代码库中包括有各类动态操作所对应的实现代码，进而根据所述各个操作配置文件，获取操作代码库中对应的操作代码，并根据数据库表，确定对应的交互接口，进而根据UI控件库中对应前端页面上的UI控件的代码，各个操作配置文件对应的操作代码，以及交互接口，生成与前端页面代码对应的后端代码。
需要说明的是，本公开实例中，呈现静态前端页面和各个操作配置文件之后，当确定对于静态前端页面和/或各个操作配置文件进行修改时，响应于对所述静态前端页面和操作配置文件的编辑操作，识别出编辑后的所述静态前端页面中包括的各个UI控件和各个文本，并返回执行步骤102所述基于识别出的各个UI控件和各个文本，生成对应的静态前端页面代码的步骤，并顺序执行步骤103-104所限定的操作。
根据页面中包括的各个UI控件和各个文本，生成前端代码和后端代码的过程已经在上面的叙述中进行详细说明，本公开在此不再赘述。
进一步的，处理设备根据设计图片生成前端代码和后端代码后，可以响应于实际的操作需要，支持下载所述前端代码和后端代码。
参考图3所示，其为本公开实施例中处理设备内部的功能组件划分示意图。具体的，包括有UI控件检测组件、UI文本识别组件、页面关联操作解析组件、页面关联数据库表解析组件、CRUD代码生成组件、静态页面生成组件，以及可视化编辑组件，其中，
UI控件检测组件，用于对输入的图片进行检测，输出图片中包括的UI控件信息，所述UI控件信息包括有UI控件和UI控件的位置信息。
UI文本识别组件，用于对输入的图片中的文本进行识别，输出图片中包括的文本信息，所述文本信息包括有文本和文本的文本位置信息。
页面关联数据库表解析组件，用于采用文本相似度分析的方式，根据识别出的文本，确定预配置的数据库字典信息中与所述文本的相似度达到设定阈值的内容，作为与所述文本关联的数据库表。
页面关联操作解析组件，根据识别出的UI控件、文本，以及关联的数据库表，采用自然语言处理技术，确定各个UI控件关联的操作，以及确定操作的数据库表中的具体字段。
CRUD代码生成组件，借助于UI控件检测组件、UI文本识别组件、页面关联数据库表解析组件，以及页面关联操作解析组件，根据得到的图片，生成静态前端页面代码，并在获得对于静态前端页面和操作配置文件的确定操作后，对应生成前后端CRUD代码。
静态页面生成组件，根据从图片中识别出的UI控件信息和文本信息，生成相应的静态前端页面。
可视化编辑组件，实现软件页面可视化呈现和编辑，支持通过可视化拖拉拽和可视化配置的方式，对呈现的前端页面和操作配置文件进行检查和编辑，以及呈现与操作配置文件对应的各操作的配置项信息，以便于用户查看配置项信息。
参考图4所示，其为本公开实施例中处理设备内部各组件间的交互示意图。
步骤401：可视化编辑组件接收用户上传的设计图片。
步骤402：可视化编辑组件将设计图片发送至CRUD代码生成组件。
步骤403：可视化编辑组件请求调用静态页面生成组件的功能，请求生成静态前端页面。
步骤404：静态页面生成组件调用UI控件检测组件，请求识别图片中的UI控件信息。
步骤405:UI控件检测组件识别出图片中包括的各个UI控件的UI控件信息。
步骤406：UI控件检测组件将识别出的UI控件信息发送至静态页面生成组件。
步骤407：静态页面生成组件调用UI文本识别组件，请求识别图片中的文本信息。
步骤408：UI文本识别组件识别出图片中包括的各个文本的文本信息。
步骤409：UI文本识别组件将识别出的文本信息发送至静态页面生成组件。
步骤410：静态页面生成组件根据UI控件信息和文本信息，生成静态前端页面。
步骤411：静态页面生成组件将静态前端页面的信息反馈给CRUD代码生成组件。
步骤412：CRUD代码生成组件调用页面关联数据库表解析组件，请求解析静态前端页面关联的数据库表。
步骤413：页面关联数据解析组件解析与文本信息对应的数据库表。
步骤414：页面关联数据解析组件将解析得到的数据库表发送至CRUD代码生成组件。
步骤415：CRUD代码生成组件调用页面关联操作解析组件，请求解析得到各个UI控件的操作配置文件。
步骤416：页面关联操作解析组件解析各个UI控件各自关联的操作配置文件。
步骤417：页面关联操作解析组件将得到的操作配置文件发送至CRUD代码生成组件。
步骤418：CRUD代码生成组件将得到的操作配置文件和静态前端页面返回给可视化编辑组件。
步骤419：可视化编辑组件呈现静态前端页面和操作配置文件，并确定接收到确认操作后，向CRUD代码生成组件提交修订后的静态前端页面和挂链操作配置文件。
步骤420：CRUD代码生成组件基于静态前端页面、操作配置文件，以及数据库表生成对应的前后端CRUD代码。
步骤421：CRUD代码生成组件将生成的前后端CRUD代码返回至可视化编辑组件。
步骤422：可视化编辑组件呈现得到的前后端CRUD代码。
基于同一发明构思，参阅图5所示，其为本公开实施例中前后端CRUD代码生成的逻辑结构示意图，包括：识别单元501，确定单元502，呈现单元503，生成单元504，其中，
识别单元501，用于响应于输入的前端页面的设计图片，识别所述设计图片中包括的各个用户界面UI控件信息和各个文本信息，其中，所述UI控件信息用于标识所述设计图片中的UI控件，所述文本信息用于标识所述设计图片中的文本；
确定单元502，用于将保存的数据库字典信息中，与识别出的各个UI控件和各个文本的关联度达到设定阈值的内容，确定为所述静态前端页面代码关联的数据库表；
呈现单元503，用于根据所述静态前端页面代码以及所述数据库表，解析得到各个UI控件各自关联的操作配置文件，并呈现各个操作配置文件和所述静态前端页面代码对应的静态前端页面；
生成单元504，用于基于识别出的各个UI控件和各个文本，生成对应的静态前端页面代码，并响应于针对所述静态前端页面和各个操作配置文件的确定操作，将所述各个操作配置文件引用的交互脚本与所述静态前端页面代码组合生成前端代码，并基于各个操作配置文件引用的交互脚本以及所述数据库表，生成与所述前端代码对应的后端代码。
可选的，所述识别所述设计图片中包括的各个用户界面UI控件信息和各个文本信息时，所述识别单元501具体用于：
采用训练完成的UI控件检测模型，识别所述设计图片，输出所述设计图片中包括的各个UI控件信息，其中，所述UI控件检测模型是基于单步多框检测SSD架构搭建的，所述UI控件信息至少包括UI控件的类型，以及UI控件的控件位置信息；
采用训练完成的文本检测模型，识别所述设计图片，输出所述设计图片中包括的各个文本信息，其中，所述文本检测模型是基于光学字符识别模型Tesseract-OCR架构搭建的，所述文本信息至少包括文本的内容，以及文本的文本位置信息。
可选的，所述基于所述设计图片中的各个UI控件和各个文本，生成对应的静态前端页面代码时，所述确定单元502具体用于：
根据所述UI控件信息，确定所述设计图片中各个UI控件的控件位置信息，以及根据所述文本信息，确定所述设计图片中各个文本的文本位置信息；
确定每一个UI控件关联的文本，并根据UI控件与文本之间的关联关系，生成专用域语言DSL文件，其中，UI控件的控件位置信息与关联的文本的文本位置信息之间的位置重叠度达到设定值；
采用布局算法解析所述DSL文件，生成布局结构树，并获取UI控件引用的层叠样本表CSS文件，并根据所述布局结构树和所述CSS文件生成超级文本标记语言html文件，以及将所述html文件作为静态前端页面代码。
可选的，所述呈现各个操作配置文件和所述静态前端页面代码对应的静态前端页面之后，所述呈现单元503进一步用于：
响应于对所述静态前端页面和操作配置文件的编辑操作，识别出编辑后的所述静态前端页面中包括的各个UI控件和各个文本，并触发所述生成单元504执行代码的生成操作。
可选的，所述基于各个操作配置文件引用的交互脚本以及所述数据库表，生成与所述前端代码对应的后端代码时，所述生成单元504进一步用于：
根据所述各个UI控件各自关联的操作配置文件，获取所述操作配置文件引用的直译式脚本语言JS文件，以及根据所述数据库表确定对应的交互接口，并基于所述交互接口以及所述JS文件，生成与所述前端代码对应的后端代码。
基于同一发明构思，参阅图6所示，其为本公开实施例中前后端CRUD代码生成的实体结构示意图。装置600包括处理组件622，其进一步包括一个或多个处理器，以及由存储器632所代表的存储器资源，用于存储可由处理组件622的执行的指令，例如应用程序。存储器632中存储的应用程序可以包括一个或一个以上的每一个对应于一组指令的模块。此外，处理组件622被配置为执行指令，以执行上述开发设备侧的方法。
装置600还可以包括一个电源组件626被配置为执行装置600的电源管理，一个有线或无线网络接口650被配置为将装置600连接到网络，和一个输入输出(I/O)接口658。装置600可以操作基于存储在存储器632的操作***。
基于同一发明构思，本公开实施例中基于前后端CRUD代码生成的实施例中提供一种计算机可读存储介质，当所述存储介质中的指令由电子设备执行时，使得所述电子设备能够执行上述前后端CRUD代码生成的方法。
综上所述，本公开实施例中，响应于输入的前端页面的设计图片，识别所述设计图片中包括的各个用户界面UI控件信息和各个文本信息，其中，所述UI控件信息用于标识所述设计图片中的UI控件，所述文本信息用于标识所述设计图片中的文本，再基于识别出的各个UI控件和各个文本，生成对应的静态前端页面代码，并将保存的数据库字典信息中，与所述各个文本的关联度达到设定阈值的内容，确定为所述静态前端页面代码关联的数据库表，然后根据所述静态前端页面代码以及所述数据库表，解析所述各个UI控件各自关联的操作配置文件，并呈现各个操作配置文件和所述静态前端页面代码对应的静态前端页面，再响应于针对所述静态前端页面和各个操作配置文件的确定操作，将所述各个操作配置文件引用的交互脚本与所述静态前端页面代码组合生成前端代码，并基于各个操作配置文件引用的交互脚本以及所述数据库表，生成与所述前端代码对应的后端代码。这样，借助于软件界面设计图片，自动生成对应的前后端CRUD代码，相比于现有技术下的开发方式，极大的节省了开发时间，极大的提高了开发效率，避免依赖于大量人工编码的进行处理，降低了研发成本。
本领域内的技术人员应明白，本发明的实施例可提供为方法、***、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本发明是参照根据本发明实施例的方法、设备(***)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
尽管已描述了本发明的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例作出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本发明范围的所有变更和修改。
显然，本领域的技术人员可以对本发明实施例进行各种改动和变型而不脱离本发明实施例的精神和范围。这样，倘若本发明实施例的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。
Claims (10)
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文件，生成与所述前端代码对应的后端代码。
6.一种前后端增删改查CRUD代码的生成装置，其特征在于，包括：
识别单元，用于响应于输入的前端页面的设计图片，识别所述设计图片中包括的各个用户界面UI控件信息和各个文本信息，其中，所述UI控件信息用于标识所述设计图片中的UI控件，所述文本信息用于标识所述设计图片中的文本；
确定单元，用于将保存的数据库字典信息中，与识别出的各个UI控件和各个文本的关联度达到设定阈值的内容，确定为所述静态前端页面代码关联的数据库表；
呈现单元，用于根据所述静态前端页面代码以及所述数据库表，解析得到各个UI控件各自关联的操作配置文件，并呈现各个操作配置文件和所述静态前端页面代码对应的静态前端页面；
生成单元，用于基于识别出的各个UI控件和各个文本，生成对应的静态前端页面代码，并响应于针对所述静态前端页面和各个操作配置文件的确定操作，将所述各个操作配置文件引用的交互脚本与所述静态前端页面代码组合生成前端代码，并基于各个操作配置文件引用的交互脚本以及所述数据库表，生成与所述前端代码对应的后端代码。
7.如权利要求6所述的装置，其特征在于，所述呈现各个操作配置文件和所述静态前端页面代码对应的静态前端页面之后，所述呈现单元进一步用于：
响应于对所述静态前端页面和操作配置文件的编辑操作，识别出编辑后的所述静态前端页面中包括的各个UI控件和各个文本，并触发所述生成单元执行代码的生成操作。
8.如权利要求6所述的装置，其特征在于，所述基于各个操作配置文件引用的交互脚本以及所述数据库表，生成与所述前端代码对应的后端代码时，所述生成单元进一步用于：
根据所述各个UI控件各自关联的操作配置文件，获取所述操作配置文件引用的直译式脚本语言JS文件，以及根据所述数据库表确定对应的交互接口，并基于所述交互接口以及所述JS文件，生成与所述前端代码对应的后端代码。
9.一种电子设备，其特征在于，包括：
存储器，用于存储可执行指令；
处理器，用于读取并执行存储器中存储的可执行指令，以实现如权利要求1至5中任一项所述的前后端CRUD代码的生成方法。
10.一种计算机可读存储介质，其特征在于，当所述存储介质中的指令由电子设备执行时，使得所述电子设备能够执行如权利要求1至5中任一项所述的前后端CRUD代码的生成方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011446446.9A CN112416363B (zh) | 2020-12-09 | 2020-12-09 | 一种前后端crud代码的生成方法及装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011446446.9A CN112416363B (zh) | 2020-12-09 | 2020-12-09 | 一种前后端crud代码的生成方法及装置 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112416363A true CN112416363A (zh) | 2021-02-26 |
| CN112416363B CN112416363B (zh) | 2024-03-19 |
Family
ID=74776070
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011446446.9A Active CN112416363B (zh) | 2020-12-09 | 2020-12-09 | 一种前后端crud代码的生成方法及装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112416363B (zh) |
Cited By (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113157310A (zh) * | 2021-04-01 | 2021-07-23 | 北京三快在线科技有限公司 | 配置信息的获取方法、装置、设备及计算机可读存储介质 |
| CN113326045A (zh) * | 2021-08-03 | 2021-08-31 | 成都中科合迅科技有限公司 | 基于设计文件的界面代码生成方法 |
| CN113377365A (zh) * | 2021-07-09 | 2021-09-10 | 北京字跳网络技术有限公司 | 代码显示方法、装置、设备、计算机可读存储介质及产品 |
| CN113485706A (zh) * | 2021-07-05 | 2021-10-08 | 中国工商银行股份有限公司 | 基于dsl的多技术栈前端代码生成方法及装置 |
| CN113656028A (zh) * | 2021-08-11 | 2021-11-16 | 广州虎牙科技有限公司 | Ui组件代码生成、crud页面生成方法、装置和设备 |
| CN113805871A (zh) * | 2021-09-26 | 2021-12-17 | 平安国际智慧城市科技股份有限公司 | 前端代码的生成方法、装置及计算机设备 |
| CN117971190A (zh) * | 2024-03-28 | 2024-05-03 | 易方信息科技股份有限公司 | 基于大语言模型的页面自动化操作生成方法及相关装置 |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103383645A (zh) * | 2013-07-29 | 2013-11-06 | 北京邮电大学 | 代码生成方法及*** |
| CN105404509A (zh) * | 2015-11-11 | 2016-03-16 | 神州数码国信信息技术（苏州）有限公司 | 基于ExtJS UI可视化生成代码的方法 |
| CN109543690A (zh) * | 2018-11-27 | 2019-03-29 | 北京百度网讯科技有限公司 | 用于提取信息的方法和装置 |
| US20190250891A1 (en) * | 2018-02-12 | 2019-08-15 | Oracle International Corporation | Automated code generation |
| CN110990010A (zh) * | 2019-12-03 | 2020-04-10 | 锐捷网络股份有限公司 | 一种软件界面代码的生成方法及装置 |
| CN111414165A (zh) * | 2019-01-06 | 2020-07-14 | 阿里巴巴集团控股有限公司 | 界面代码的生成方法及设备 |
-
2020
- 2020-12-09 CN CN202011446446.9A patent/CN112416363B/zh active Active
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103383645A (zh) * | 2013-07-29 | 2013-11-06 | 北京邮电大学 | 代码生成方法及*** |
| CN105404509A (zh) * | 2015-11-11 | 2016-03-16 | 神州数码国信信息技术（苏州）有限公司 | 基于ExtJS UI可视化生成代码的方法 |
| US20190250891A1 (en) * | 2018-02-12 | 2019-08-15 | Oracle International Corporation | Automated code generation |
| CN109543690A (zh) * | 2018-11-27 | 2019-03-29 | 北京百度网讯科技有限公司 | 用于提取信息的方法和装置 |
| CN111414165A (zh) * | 2019-01-06 | 2020-07-14 | 阿里巴巴集团控股有限公司 | 界面代码的生成方法及设备 |
| CN110990010A (zh) * | 2019-12-03 | 2020-04-10 | 锐捷网络股份有限公司 | 一种软件界面代码的生成方法及装置 |
Cited By (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113157310A (zh) * | 2021-04-01 | 2021-07-23 | 北京三快在线科技有限公司 | 配置信息的获取方法、装置、设备及计算机可读存储介质 |
| CN113485706A (zh) * | 2021-07-05 | 2021-10-08 | 中国工商银行股份有限公司 | 基于dsl的多技术栈前端代码生成方法及装置 |
| CN113377365A (zh) * | 2021-07-09 | 2021-09-10 | 北京字跳网络技术有限公司 | 代码显示方法、装置、设备、计算机可读存储介质及产品 |
| CN113326045A (zh) * | 2021-08-03 | 2021-08-31 | 成都中科合迅科技有限公司 | 基于设计文件的界面代码生成方法 |
| CN113656028A (zh) * | 2021-08-11 | 2021-11-16 | 广州虎牙科技有限公司 | Ui组件代码生成、crud页面生成方法、装置和设备 |
| CN113656028B (zh) * | 2021-08-11 | 2023-11-14 | 广州虎牙科技有限公司 | Ui组件代码生成、crud页面生成方法、装置和设备 |
| CN113805871A (zh) * | 2021-09-26 | 2021-12-17 | 平安国际智慧城市科技股份有限公司 | 前端代码的生成方法、装置及计算机设备 |
| CN113805871B (zh) * | 2021-09-26 | 2023-08-15 | 平安国际智慧城市科技股份有限公司 | 前端代码的生成方法、装置及计算机设备 |
| CN117971190A (zh) * | 2024-03-28 | 2024-05-03 | 易方信息科技股份有限公司 | 基于大语言模型的页面自动化操作生成方法及相关装置 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112416363B (zh) | 2024-03-19 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN112416363B (zh) | 一种前后端crud代码的生成方法及装置 | |
| US11635944B2 (en) | Methods and systems for programmatic creation of an interactive demonstration presentation for an envisioned software product | |
| CN115617327A (zh) | 低代码页面搭建***、方法及计算机可读存储介质 | |
| US11100917B2 (en) | Generating ground truth annotations corresponding to digital image editing dialogues for training state tracking models | |
| US20210232591A1 (en) | Transformation rule generation and validation | |
| CN110941427B (zh) | 代码生成方法及代码生成器 | |
| US10049095B2 (en) | In-context editing of output presentations via automatic pattern detection | |
| CN106933887B (zh) | 一种数据可视化方法及装置 | |
| CN109684584B (zh) | 一种浏览器内核的智能切换方法、装置、终端及存储介质 | |
| KR101950126B1 (ko) | 수학공식 처리방법, 장치, 설비 및 컴퓨터 저장 매체 | |
| US9141344B2 (en) | Hover help support for application source code | |
| Vyshnavi et al. | Efficient way of web development using python and flask | |
| CN107015903B (zh) | 一种界面测试程序的生成方法、装置及电子设备 | |
| CN110727429B (zh) | 一种前端页面的生成方法、装置及设备 | |
| US10248392B2 (en) | Replicating a web technology | |
| CN114138244A (zh) | 模型类文件自动生成方法、装置、存储介质及电子设备 | |
| CN110647322A (zh) | 列表渲染方法、装置、电子设备和计算机可读介质 | |
| US9772986B2 (en) | Transforming HTML forms into mobile native forms | |
| US20220083907A1 (en) | Data generation and annotation for machine learning | |
| US20200272785A1 (en) | Transformation of resource files using mapped keys for tracking content location | |
| Mironov et al. | Situation-oriented databases: processing office documents | |
| CN111158648A (zh) | 一种基于实景语义理解的互动帮助***开发方法及其平台 | |
| US9594737B2 (en) | Natural language-aided hypertext document authoring | |
| US10915599B2 (en) | System and method for producing transferable, modular web pages | |
| CN112000416B (zh) | 卡片视图生成方法、装置及计算机可读存储介质 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |