Front-end interaction page conversion method and device based on artificial intelligence and medium

Abstract

The invention relates to a technical scheme of a front-end interaction page conversion method and device based on artificial intelligence and a medium. The method comprises the steps: carrying out the machine learning of a plurality of assembly elements of HTML5, and obtaining a classification model of HTML5 assemblies; performing machine learning on the part position and the printing font to obtain an OCR character recognition model; obtaining parameter information of a vector graph to be converted, converting the vector graph into an HTML5 definition file according to the parameter information, and generating a plurality of basic parts of HTML5 according to the HTML5 definition file; and selecting the basic part with the highest similarity for filling, performing OCR character recognition model-based recognition on the filled image area, and adding recognition character information of the OCR character recognition model to the basic part. The method has the beneficial effects that an artificial intelligence image classification technology is introduced into front-end interface development, so that the coding work of developers can be reduced, the conversion efficiency of a front-end interface from a UI design drawing to a final finished HTML5 file is improved, and the front-end development becomes efficient.

Description

technical field [0001] The invention relates to the field of computers, in particular to an artificial intelligence-based front-end interactive page conversion method, device and medium. Background technique [0002] At present, various businesses of banks adopt HTML5 as the main human-computer interaction interface, including internal counter systems, monitoring systems, various management applications, and external mobile banking and self-service equipment, resulting in a sharp demand for HTML5 development. Increase. At the same time, the requirements for user experience are getting higher and higher, and UI designers are often required to do a lot of design work first, and then technicians will implement it, thus lengthening the development cycle. [0003] In the traditional HTML5 front-end development scheme, UI designers use Sketch and other tools to carry out prototype design first, and then technicians compare the design drawings to carry out manual coding developmen...

AI Technical Summary

Problems solved by technology

At the same time, the requirements for user experience are getting higher and higher, often requiring UI designers to do a lot of design work first, and then technical personnel to implement, thus lengthening the development cycle

[0003] In the traditional HTML5 front-end development scheme, UI designers use Sketch and other tools to carry out prototype design first, and then technicians compare the design drawings to carry out manual coding development, or use visual tools to carry out re-enactment development; the existing development models all require Considerable development costs are spent on converting the prototype design into an actual usable HTML5 file. This work is often repetitive mechanical labor with low technical difficulty, which pushes up the development cost of the entire project

Images