The invention relates to the technical field of UI design, can be applied to business scenes such as financial science and technology and
medical health, and discloses a page
layout method based on display material driving, which comprises the following steps: obtaining page display materials and storing the materials in a material resource
library, selecting target display materials and generating a
page frame, inserting display blocks of preset elements in the
page frame, and displaying the preset elements in the display blocks. Generating visual preview data based on
layout parameters of the
page frame, outputting the visual preview data to an interface rendering
processing module, performing association coding on
coordinate mapping data of the page frame and a
content identifier of the display block to generate a structured storage file, analyzing terminal feature parameters in the access request, generating an access identifier, and displaying the access identifier to the interface rendering
processing module. And generating a target display interface according to the access identifier. According to the method and the device, the association relationship between the display material and the
coordinate mapping data and the
content identifier is established, and the
layout metadata and the rendering parameters are extracted in combination with the terminal features to complete interface generation, so that the
adaptation accuracy of structured expression of page configuration and interface output is realized.