Method for displaying runtime customized page based on Bootstrap

Abstract

The invention discloses a method for displaying a runtime customized page based on Bootstrap. The method specifically comprises the steps that page initialization is conducted firstly, wherein a user on the client side sends a page browsing request to the server side, and the server side acquires a page description file according to the ID of the requested page and analyzes the page description file, so that JSON-format data are formed and fed back to the client side; page linkage operation is conducted; a client script calls the JSON data which are fed back to describe a UI page, generates a data Model example, and binds the acquired data to the page, so that linkage between the UI page and the data is achieved. Compared with the prior art, the method has the advantages that after iteration is conducted multiple times with the AdaBoost algorithm, various elements, overall arrangement and functions of the page can be defined according to service requirements, final content display is conducted according to a designed style, practicality is high, and popularization is easy.

Description

technical field [0001] The invention relates to the field of computer technology, in particular to a method for customizing pages displayed at runtime based on Bootstrap, which has strong practicability. Background technique [0002] Bootstrap is a front-end framework for rapid development of web applications and websites. Bootstrap is based on HTML, CSS, JAVASCRIPT. It provides a concise and unified solution for developers to create interfaces, contains powerful built-in components, is easy to customize, it also provides web-based customization, and is open source. [0003] MVVM is the abbreviation of Model-View-ViewModel, which is a three-layer architecture, M layer (Model entity layer), V layer (View presentation layer, which has a DataContext attribute, which can be displayed using DataTemplate template binding VM layer data ), VM layer (ViewModel layer, which performs CRUD operations on the Model layer, and provides data binding to the V layer), the advantage of this ...

AI Technical Summary

Problems solved by technology

[0004] In the prior art, when customizing an HTML UI page, after various elements and layouts in the page change, the data cannot be updated in time, and the entire display process lags behind. If Bootstrap can be used to customize the UI page, this problem can be effectively solved. In practical applications, Bootstrap is responsible for the UI, and Knockout.js is responsible for data binding. According to the formed form description file, the required UI interface can be displayed quickly and concisely, and the data binding update operation can be performed. In theory, there is no need to write redundant JavaScript code and CSS description

Images