Method and device for changing skin of web application interface

Abstract

The invention belongs to the field of web interface design, and provides a method and a device for changing a skin of a web application interface, so as to reduce the workload of development, operation and maintenance staffs in an early stage and a later stage for changing the skin of the web application interface. The method comprises the steps of constructing a hierarchy of the web application interface, wherein the hierarchy of the web application interface includes a background layer and a foreground layer above the background layer; determining a transparency effect of the foreground layer; constructing semitransparent foreground elements of the foreground layer according to the transparency effect of the foreground layer; and when receiving a skin changing request of a user, replacing a current picture of the background layer as the background picture directed by the skin changing request. According to the technical scheme provided by the invention, on one hand, the development workload can be greatly reduced; on the other hand, the system operation efficiency can be improved; and in the third aspect, the maintenance workload in the later stage can be greatly reduced.

Description

technical field [0001] The invention belongs to the field of Web interface design, and in particular relates to a method and device for changing the skin of a Web application interface. Background technique [0002] User Interface (UI) is the bridge through which most software systems interact with users. A successful interface solution not only needs to interact with users accurately and efficiently, but also needs to consider the user's individual needs for the appearance of the interface. Therefore, more and more web applications begin to provide "skinning" functions on the interface, allowing users to decide Interface display style. [0003] In most current Web applications, the skinning of the Web interface is realized by switching Cascading Style Sheet (Cascading StyleSheet, CSS) files, pictures, and even HTML structures. The advantage of this method is that it has strong control over details, and rich detail style adjustments can be realized through rewriting at the...

AI Technical Summary

Problems solved by technology

When the interface structure is complex, the overloading and inheritance of multi-layer element styles make the control of skin style particularly cumbersome and difficult;

[0005] 2) It is difficult to maintain in the later stage

If the maintainers are not the same as the original developers, it is almost impossible to complete the task

[0006] 3) The processing is complicated, and the HTML tags need to be regenerated by the application control layer code. After the external CSS file is imported, the interface display layer will be re-rendered by the browser

Of course, if only the CSS file is changed, the browser will not recreate the entire DOM structure, but in the case of the increasingly complex front-end of the modern web system, the loading, parsing, and style rendering of CSS files are still a process. a small expense

Images