Front-end configuration method and system and electronic equipment

A configuration method and page configuration technology, applied in the computer field, can solve the problems of experienced developers, reduce the efficiency of front-end development, and poor code readability, so as to improve reusability and readability, improve development efficiency, and avoid The effect of frequent switching

Pending Publication Date: 2020-05-08
华云数据有限公司
View PDF2 Cites 9 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

Because, in large-scale projects or software scenarios, it will be difficult to maintain, and for the sake of versatility, it is easy to have a giant base class, resulting in poor code readability
Moreover, during the development process, developers have to frequently switch between subclasses and base classes to determine how to overload, which greatly reduces the efficiency of front-end development
In the absence of corresponding code specifications, the method of base class inheritance is also difficult for developers who lack development experience

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 configuration method and system and electronic equipment
  • Front-end configuration method and system and electronic equipment
  • Front-end configuration method and system and electronic equipment

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0046] Such as figure 1 As shown, this embodiment discloses a front-end configuration method, including the following steps.

[0047] Firstly, step S1 is executed to pre-define the component configuration including the attribute configuration in the component library.

[0048] The component configuration in step S1 includes the properties and methods of the component. Components in this embodiment can be understood as objects with certain functions that can be formed into visual controls and written by code. One or more objects constitute the front end. Components are specifically text, lines, dialog boxes, check switches, Slider, accordion or navigation bar etc. The properties of the component are expressed as the color of the text, the size of the text, the display effect of the text, and so on. The method of the component can be expressed as the calling method of the component, the processing method of the component, and so on. combine figure 2 As shown, developers en...

Embodiment 2

[0074] This embodiment shows a modified example of a front-end configuration method, and compared with the front-end configuration direction disclosed in Embodiment 1, the main difference is that in this embodiment, the configuration information is executed according to the configuration of the components. After secondary editing of definition and / or page configuration data also includes:

[0075] For the unexecuted front-end configuration business request, at least one attribute and / or function contained in the executed front-end configuration business request is reused in a reverse inheritance manner through the high-level component 44, and then the back-end service resource library 45 is called The page configuration data matched with the component is rendered to form the front end.

[0076] The front-end configuration method disclosed in the second embodiment causes the rendering module 43 to appear in scenarios such as an unknown error in receiving the front-end configura...

Embodiment 3

[0079] combine figure 2 As shown, it shows a specific implementation of a front-end configuration system of the present invention.

[0080] The front-end configuration system disclosed in this embodiment runs the technical solution shown in the front-end configuration method shown in Embodiment 1, and has a similar inventive idea.

[0081] Specifically, the front-end configuration system includes:

[0082] Business requirements configuration module 41 , component library 42 , rendering module 43 , high-level components 44 and backend service resource library 45 .

[0083] The business requirements configuration module 41 receives the front-end configuration request (i.e. figure 2 The business configuration 411 to business configuration 41m in the business configuration, the parameter m is a positive integer greater than or equal to 1), the front-end configuration request is made by the developer in image 3 UI input shown. A specific service configuration, such as servic...

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 provides a front-end configuration method and system and electronic equipment. The front-end configuration method comprises the following steps: S1, defining component configuration containing attribute configuration in a component library in advance; s2, receiving a front-end configuration service request through a front-end editing page of the nested front-end editor, and obtaininga component matched with component configuration from a component library; and S3, calling page configuration data matched with the component in a back-end service resource library by using a high-order component in the front-end editing page, and performing rendering to form a front end. According to the front-end configuration method, the front-end configuration system and the electronic equipment disclosed by the invention, service code separation and code reuse are realized; the reusability and readability of codes forming the front end are remarkably improved, frequent switching betweensubclasses and base classes by developers is avoided, the development difficulty of the developers to the front end is reduced, and therefore the development efficiency of the front end is remarkablyimproved.

Description

technical field [0001] The present invention relates to the field of computer technology, in particular to a front-end configuration method, system and electronic equipment. Background technique [0002] The front-end is used to display or push pages or pages containing data to users. The pages are embedded in computer devices to run, while the back-end is the underlying code that forms the front-end and is written by developers through code. The front end is generally understood as a page, an application embedded in a page, or a computer program with a GUI (Graphical User Interface) that can be invoked remotely by a user. [0003] Currently, the mainstream technology for front-end development is based on React applications. React is a JavaScript library for building graphical user interfaces. In React applications, the nesting and combination of components is usually used to develop the front-end by splitting the page into regional modules. The page is divided into diffe...

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): G06F8/71G06F8/36
CPCG06F8/71G06F8/36
Inventor 孟繁超梁广玮杨波
Owner 华云数据有限公司
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Try Eureka
PatSnap group products

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

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap