Front-end application visual development tool and use method

Abstract

The invention discloses a front-end application visual development tool and a use method, and belongs to the technical field of internet front-end development. The front-end application visual development tool comprises ECoder software and a material/template library. The ECoder software is provided with a user login module, an initialization module, a project management editing module, a page editing module, a block editing module, a local service module and an automatic updating module. The using method comprises the following steps: a developer logs in, browses and selects a template initialization project, carries out custom editing on different pages according to project requirements, selects to download a cloud block or a local custom block to carry out ui and logic step editing, andthen carries out content filling; after the real-time visual operation is carried out, a corresponding project code can be generated and allowed to be edited again, and then the application can be issued to a code warehouse or an associated application address through a git panel push in a tool.

Description

technical field [0001] The invention belongs to the technical field of Internet front-end development, and more specifically relates to a front-end application visualization development tool and a usage method. Background technique [0002] Front-end development is the process of creating front-end interfaces such as Web pages or Apps and presenting them to users. Through HTML, CSS, JavaScript, and various derived technologies, frameworks, and solutions, the user interface of Internet products is realized. Throughout the history of front-end development, since the title of front-end engineer, in the process of rapid technological development, front-end development has become more and more engineering and standardized. A relatively complete front-end project development process needs to start with standardized and componentized construction templates , After code writing, code debugging and testing, compilation and packaging, and finally release and launch, each new project r...

AI Technical Summary

Problems solved by technology

[0003] In view of the above-mentioned problems existing in the prior art, the technical problem to be solved by the present invention is to provide a front-end application visual development tool to realize the visual drag-and-drop generation of the front-end page, the visual writing of relevant functional block logic, real-time preview, and automatic saving after saving. The development method of generating page code, and providing standardized project, page and block templates, integrating front-end engineering capabilities while reducing the front-end learning threshold, the overall operation complexity of project flow, and solving the problems of time-consuming and repeated development of front-end business, In this way, the rapid reuse of code can be realized, so that developers can quickly build different front-end applications, and fundamentally improve the work efficiency of front-end application development

Images