Looking for breakthrough ideas for innovation challenges? Try Patsnap Eureka!

A front-end application visualization development tool and usage method

A development tool, front-end application technology, applied in visual/graphics programming, creating/generating source code, etc., can solve problems such as time-consuming start-up, repeated development, etc., and achieve the effect of solving time-consuming, improving efficiency, and lowering the learning threshold

Active Publication Date: 2020-04-21
JIANGSU ZHUOYI INFORMATION TECH CO LTD +2
View PDF1 Cites 0 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

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

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • A front-end application visualization development tool and usage method
  • A front-end application visualization development tool and usage method
  • A front-end application visualization development tool and usage method

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0066] A front-end application visualization development tool, including ECoder software and a material / template library, the ECoder software has 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 update module. The material / template library provides templates and editable UI for ECoder software. Templates include project templates, page templates and block templates.

[0067] Project templates, page templates, and block templates all follow the same project development specification, that is, they have a unified directory structure, code specification conventions, component output format, and page layout file format. In all project templates, ie9 compatibility processing is unified, which can run smoothly under ie9, and the config directory of the project is specified to store the project running configuration. The .eslintrc.js file records the uniformly agr...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

PUM

No PUM Login to View More

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 to present 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 requires f...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

Application Information

Patent Timeline
no application Login to View More
Patent Type & Authority Patents(China)
IPC IPC(8): G06F8/34
CPCG06F8/34
Inventor 谢智谢乾王吉李昂邱伟伟沈妍胡兵康
Owner JIANGSU ZHUOYI INFORMATION TECH CO LTD
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Patsnap Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Patsnap Eureka Blog
Learn More
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic, Popular Technical Reports.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap|About US| Contact US: help@patsnap.com