JSON self-described structure-based webpage interface generation method and apparatus

A web interface and self-describing technology, applied in the computer field, can solve the problems of complex UI framework and laborious interaction of basic events, saving R&D man-hours and reducing the error rate.

Active Publication Date: 2018-10-16
厦门南讯股份有限公司
View PDF5 Cites 23 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

At the same time, as the current popular UI frameworks are becoming more and more complex and bulky, component layout and basic event interaction are laborious, and each upgrade requires a lot of personnel training and familiarization cycles

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
  • JSON self-described structure-based webpage interface generation method and apparatus
  • JSON self-described structure-based webpage interface generation method and apparatus
  • JSON self-described structure-based webpage interface generation method and apparatus

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0034] In order to make the object, technical solution and advantages of the present invention clearer, the present invention will be further described in detail below in conjunction with the accompanying drawings and embodiments.

[0035] The invention discloses a method for generating a webpage interface based on a JSON self-describing structure, such as figure 1 shown, including the following steps:

[0036] S1: Extract the solidified page structure in the business system and define the template page type.

[0037] For the business systems that are commonly used at present, a large number of samples are collected, and the relatively solid page structure is extracted from them, and the following template page types are summarized, including list interface, simple form interface and report interface. Among them, the list interface refers to the page where the user provides data line by line to view, filter, and operate buttons; the simple form interface refers to the interfa...

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 relates to the technical field of computers, and discloses a JSON self-described structure-based webpage interface generation method. The method comprises the steps of defining a template page type; performing definition of a standard page description structure of a template page, generating core content blocks, and forming a rendering template; generating a JSON structure describedby the structure of a design interface; loading a rendering engine into the JSON structure of the design interface, and loading the corresponding rendering template; recursively calling the renderingengine by the rendering engine, enabling component elements in the JSON structure of the design interface to generate interface controls, and writing interaction event scripts in API functions of thecontrols; according to a page ID, caching the design interface in an LRU by the rendering engine, and outputting a page HTML to a browser; and executing a JS component frame at a browser end, performing rendering and finally presenting the design interface. The data binding is no longer only limited to a development stage, and the adjustment also can be performed according to the requirements in implementation and trial operation stages, thereby greatly reducing and shortening the error rate and the deployment cycle in page development, and saving the research and development time.

Description

technical field [0001] The invention relates to the field of computer technology, in particular to a method and device for generating a web page interface based on a JSON self-describing structure. Background technique [0002] With the popularity of B / S technology, software developers often encounter situations such as updating the interface JS framework and modifying the interface style from time to time. Because interface layout, style elements, interactive actions, and data logic belong to page art and front-end development. At the same time, as the current popular UI frameworks are becoming more and more complex and bulky, component layout and basic event interaction are labor-intensive, and each upgrade requires a large number of personnel training and familiarization cycles. How to better isolate business development and UI presentation, reuse and reorganize existing components, let business development only focus on the business interaction process, and improve R&D ...

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/38
CPCG06F8/38
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