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

Front end interface control implementation method based on component development

An interface control and component-based technology, which is applied in the direction of program control devices, software engineering design, instruments, etc., can solve the problems of messy code, slow loading, slow front-end development, etc., and achieve code specification and cleanliness, simple and easy-to-read code, and development efficiency high effect

Active Publication Date: 2017-01-04
SHANDONG LUNENG SOFTWARE TECH
View PDF4 Cites 26 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

Basic page elements can no longer meet existing needs
[0003] To develop rich page display effects according to user requirements, the requirements for developers are also increased accordingly. Many project teams may not have the development capabilities of the front-end of the page, the front-end development is slow, the code is messy, and the browser compatibility is not enough
[0004] The existing front-end framework is highly professional, although it has rich elements, it loads slowly, and it is difficult to access the self-developed development platform, making it difficult to develop

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
  • Front end interface control implementation method based on component development
  • Front end interface control implementation method based on component development

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0032] The present invention will be further described below in conjunction with the accompanying drawings and embodiments.

[0033] like Figure 1-Figure 2 As shown, a component-based development method for implementing front-end interface controls includes the following steps:

[0034] 1. The developer calls the specified type of component through a function.

[0035] 2. Lnui.js uses jquery as the underlying development script, and obtains the target element through the selector of jquery.

[0036] 3. According to the specified type of construction, select the common elements of this function for packaging and combination, and redefine the element style and attribute value.

[0037] 4. Assemble the above elements to form independent configurable display units (components). Each component encapsulates its own unique attributes and events, and supports user-defined extended events.

[0038] 5. Write the component into the target element.

[0039] The framework adopts the d...

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 interface control system based on component development. The front end interface control system comprises a main frame distribution device, a CRUD (create, read, update, delete) control, a form control and a table control, the main frame distribution device is used for distributing divs (divisions) according to designated positions, main positions include top, bottom, left, right and middle, and folding and data loading modes of each div can be selected and set; the CRUD control is used for inline editing services of a table, a line or a table cell is clicked, and a div layer is popped near a cursor to display designated data of the table cell; input, button and select elements are packed by the form control to combine small controls with colorful show modes, and execution efficiency of a form and user experience are improved; data are organized in a table by the table control by the aid of div layering display modes and table elements. According to the system, common pages generate page templates, and rapid and efficient web project development is achieved by the aid of automatic page generation functions of a platform.

Description

technical field [0001] The invention relates to a method for realizing front-end interface control based on component development. Background technique [0002] With the increasing enrichment of business content, the user's display of data is also getting higher and higher. Basic page elements can no longer meet existing needs. [0003] To develop rich page display effects according to user requirements, the requirements for developers are also increased accordingly. Many project teams may not have the development capabilities of the front-end of the page, the front-end development is slow, the code is messy, and the browser compatibility is not enough. [0004] The existing front-end framework is highly professional, although it has rich elements, it loads slowly, and it is difficult to access the self-developed development platform, making development difficult. Contents of the invention [0005] In order to solve the above problems, the present invention proposes a co...

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
IPC IPC(8): G06F9/44
CPCG06F8/38
Inventor 丁书耕戚鲁凤李秀芬王海英孙海涛张学先曹守超张丽萍鹿天保邵常媛
Owner SHANDONG LUNENG SOFTWARE TECH
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