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

MVVM (Model-View-View Model) architecture based Web front-end presentation system

A framework and basic technology, applied in the field of web front-end display system based on MVVM architecture, can solve problems such as easy to cause confusion, achieve the effect of convenient development and improve development efficiency

Inactive Publication Date: 2016-03-30
STATE GRID INFORMATION & TELECOMM GRP +1
View PDF3 Cites 30 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

This way of development, when the business logic and data content is complex and associated with multiple page components, it is often easy to cause confusion

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
  • MVVM (Model-View-View Model) architecture based Web front-end presentation system

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0026] The following will clearly and completely describe the technical solutions in the embodiments of the present invention with reference to the accompanying drawings in the embodiments of the present invention. Obviously, the described embodiments are only some, not all, embodiments of the present invention. Based on the embodiments of the present invention, all other embodiments obtained by persons of ordinary skill in the art without creative efforts fall within the protection scope of the present invention.

[0027] The embodiment of the present invention discloses a Web front-end display system based on MVVM architecture, so as to increase the richness of interface display and improve development efficiency.

[0028] see figure 1 , a Web front-end presentation system based on the MVVM architecture provided by the embodiment of the present invention includes:

[0029] Basic core framework 100, HTML custom tag public component library 200 and display interaction module ...

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 present invention discloses an MVVM (Model-View-View Model) architecture based Web front-end presentation system. The system comprises a basic core framework, an HTML custom tag public component library and a presentation interactive module. The basic core framework is used for encapsulating an API (Application Programming Interface) of a Knockout and providing a basic function of the Knockout, so as to implement a basic core function of an MVVM architecture mode. The HTML custom tag public component library is based on the basic core framework, and implements a general-purpose component in manner of a custom front-end HTML tag by combining a Bootstrap ui framework and a Highcharts ui framework. The presentation interactive module comprises a presentation view unit and a user-defined presentation interactive unit. Thus according to the MVVM architecture based Web front-end presentation system disclosed by the present invention, by means of the basic core framework, the HTML custom tag public component library and the presentation interactive module, richness of interface display is improved, and development efficiency is improved.

Description

technical field [0001] The present invention relates to the technical field of Web front-end display, and more specifically, relates to a Web front-end display system based on MVVM architecture. Background technique [0002] Traditional JS frameworks such as JQuery, ExtJS and other frameworks use JS code to dynamically generate, modify, and delete dom elements on HTML pages. The skills mastered by designers and developers are often HTML tags and css style writing, lack of understanding of JS, and JS code writers are relatively clear about business logic, but the developed interface lacks aesthetic feeling, and the two are difficult to coordinate. Mature UI display frameworks such as KendoUI, JQueryEasyUI, JQueryUI, Bootstrap, etc., when the user performs page operations and causes the content of a component to change, the developer needs to track and judge the change in the code, and execute the background logic to modify the data according to the change content; at the sam...

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/24G06F8/31G06F8/38
Inventor 王亚玲李晓珍王胜杨超李春阳王宝令刘彬程华沈
Owner STATE GRID INFORMATION & TELECOMM GRP
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