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

Web end UI (user interface) component application frame system

An application framework and component technology, applied in special data processing applications, instruments, electrical and digital data processing, etc., can solve the problems of JS components without WYSIWYG designer, ExtJS components with complex design, low operating efficiency, etc., to achieve a simple implementation process and The effect of event listening, shortening application development cycle and reducing workload

Inactive Publication Date: 2012-06-13
FOUNDER INTERNATIONAL CO LTD
View PDF3 Cites 37 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0005] However, the ExtJS application framework also has the following problems: 1. The ExtJS component design is complex, and it is almost impossible to write and expand new components by itself; 2. Due to the large number of functions, the compressed runtime reaches 1MB, and the uncompressed version reaches 4MB, and so on Huge JavaScript is extremely rare in web applications; 3. Because it provides powerful functions, it is very complicated to use, which also leads to low operating efficiency; 4. The layout is complex and nested layer by layer, so it is impossible to design the page visually, only by feeling 5. This technology is difficult to get started, difficult to master, and has a high threshold for developers
[0006] However, there is still no ideal WYSIWYG designer for JS components, and developers can only rely on the running results to understand the component display style

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
  • Web end UI (user interface) component application frame system
  • Web end UI (user interface) component application frame system
  • Web end UI (user interface) component application frame system

Examples

Experimental program
Comparison scheme
Effect test

Embodiment

[0023] like Figure 1 ~ Figure 3 As shown, the web-side UI component application framework system includes a page engine, a component designer, and a layout designer. The component designer displays the interface according to the simulation part of the XML document, and lists the attributes and events of the component; the layout The designer is used for the layout design of the components on the page, and realizes the interface simulation of the HTML page and the setting of the attribute configuration mode; the components are encapsulated by FACADE PATTERN and only provide the public methods required by the page engine; the page engine drives the entire page data Loading process, and control component rendering and default behavior.

[0024] The front-end UI of the platform has the following five principles:

[0025] Encapsulation and integration are compatible with existing JS components, and all types are available. Although compatible, but not dependent, these non-depend...

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 web end UI (user interface) component application frame system, which comprises a page engine. The web end UI component application frame system is characterized by further comprising a component designer and a layout designer, an interface is displayed by the component designer according to a simulation portion of an XML (extensible markup language) document, and attributes and events of components are listed; the layout designer is used for designing layout of the components on a page and setting interface simulation and an attribute configuration mode of the HTML (hypertext markup language) page; only a public method required by the page engine is provided after the components are packed by the aid of FACADEPATTERN; and the page engine drives a data loading procedure of the integral page, and controls presence and default behaviors of the components.

Description

technical field [0001] The invention belongs to the technical field of JS development, and in particular relates to a web-side UI component application framework system. Background technique [0002] In web application development, JavaScript is a necessary programming technology for the dynamic display of the front-end UI, but the industry does not have a set of standardized and unified specifications. Because the technology is easy to get started but difficult to master, most of the code is very confusing and cannot be reused and productized. No matter the function, component, or verification, if another project wants to use it again, it still needs to be modified. Without a standard version, the development speed will not increase significantly with the accumulation of projects. There are many existing JavaScript technology frameworks, but generally speaking, the same project will not use multiple frameworks at the same time, resulting in the inability to reuse functions...

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 Applications(China)
IPC IPC(8): G06F9/44G06F17/30
Inventor 戚雨
Owner FOUNDER INTERNATIONAL 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