[发明专利]一种页面显示方法、装置、设备及存储介质

权利要求书

1.一种页面显示方法，其特征在于，包括：

加载待显示页面对应的采用结构化语言的页面视图描述文件；

对所述页面视图描述文件进行解析，得到页面视图元数据，其中所述页面视图元数据包括所述待显示页面所包含页面视图的属性参数、页面视图的数据绑定协议、以及页面视图之间的层级结构信息，所述数据绑定协议用于定义对应页面视图的属性参数与数据源中数据的绑定关系；

根据所述页面视图元数据创建所述待显示页面的视图控件层级结构；

根据预先设置的数据源地址获取数据源；

依次遍历所述视图控件层级结构中的视图控件，根据遍历到的视图控件对应的数据绑定协议从数据源读取对应的数据，根据读取的数据为遍历到的视图控件的属性参数进行赋值；

根据赋值结果进行页面的渲染和显示。

2.根据权利要求1所述的方法，其特征在于，对所述页面视图描述文件进行解析，得到页面视图元数据，包括：

将所述页面视图描述文件解析成视图节点数组；

遍历视图节点数组中的视图节点，对遍历到的视图节点进行解析，缓存解析得到的视图节点的属性参数、视图节点父子关系和数据绑定协议；

根据解析出的视图节点父子关系，建立视图节点的父子关系树，作为页面视图之间的层级结构信息。

3.根据权利要求1所述的方法，其特征在于，根据所述页面视图元数据创建所述待显示页面的视图控件层级结构，包括：

根据所述页面视图元数据创建所述待显示页面所包含页面视图对应的视图控件，根据页面视图的属性参数设置对应视图控件的属性参数，并将页面视图的数据绑定关系赋值给对应的视图控件；

根据页面视图之间的层级结构信息，将创建的视图控件添加到该视图控件的父视图控件上。

4.根据权利要求3所述的方法，其特征在于，根据所述页面视图元数据创建所述待显示页面的视图控件层级结构，还包括：

为创建的视图控件设定事件处理函数，其中所述事件处理函数用于对针对所述视图控件的触控操作进行响应和处理。

5.根据权利要求1所述的方法，其特征在于，根据赋值结果进行页面的渲染和显示，包括：

根据所述视图控件层级结构计算各视图控件的布局参数，所述布局参数包括位置参数和尺寸参数；

根据所述布局参数和所述赋值结果对各视图控件进行渲染和显示，并缓存所述布局参数，以使后续使用缓存的所述布局参数对相同视图控件进行渲染和显示。

6.根据权利要求1-5中任一项所述的方法，其特征在于，所述结构化语言为JavaScript对象标记JSON语言或可扩展标记语言XML。

7.根据权利要求1-5中任一项所述的方法，其特征在于，采用自动化解析工具，对所述页面视图描述文件进行解析，得到页面视图元数据；

采用自动化构建工具，根据所述页面视图元数据创建所述待显示页面的视图层级结构。

8.一种页面显示装置，其特征在于，包括：

页面视图描述文件加载模块，用于加载待显示页面对应的采用结构化语言的页面视图描述文件；

页面视图描述文件解析模块，用于对所述页面视图描述文件进行解析，得到页面视图元数据，其中所述页面视图元数据包括所述待显示页面所包含页面视图的属性参数、页面视图的数据绑定协议、以及页面视图之间的层级结构信息，所述数据绑定协议用于定义对应页面视图的属性参数与数据源中数据的绑定关系；

视图控件层级结构创建模块，用于根据所述页面视图元数据创建所述待显示页面的视图控件层级结构；

数据源获取单元，用于根据预先设置的数据源地址获取数据源；

属性参数赋值单元，用于依次遍历视图控件层级结构中的视图控件，根据遍历到的视图控件对应的数据绑定协议从数据源读取对应的数据，根据读取的数据为遍历到的视图控件的属性参数进行赋值；

页面显示单元，用于根据赋值结果进行页面的渲染和显示。