[发明专利]一种POS应用的用户界面的加载方法及装置

权利要求书

1.一种POS应用的用户界面的加载方法，其特征在于，包括：

创建用户界面库，并将具有相同用户界面的分辨率或相同宽高值的用户界面存储于一套用户界面库中；

接收终端发送的加载用户界面的请求信息，所述请求信息包括用户界面标识以及所述终端的标识，通过所述用户界面标识确定目标用户界面；其中，所述用户界面标识为用于表示所述用户界面的属性信息的标识；

根据用户界面标识从用户界面库中获取与所述目标用户界面对应的目标文件，所述目标文件包括超文本标记语言HTML文件以及样式层叠表CSS文件，所述CSS文件中包括用于查询终端的显示屏的配置参数的应用程序编程接口API；

通过所述CSS文件包含的所述API查询所述终端的显示屏的配置参数，根据所述终端的显示屏的配置参数修改所述CSS文件中用户界面的显示分辨率和宽高值；

根据所述终端的标识将所述HTML文件和修改后的所述CSS文件发送至所述终端，以使终端根据所述HTML文件以及修改后的所述CSS文件显示出与终端屏幕配置参数相符的用户界面。

2.如权利要求1所述的POS应用的用户界面的加载方法，其特征在于，所述终端的显示屏的配置参数包括屏幕尺寸或屏幕分辨率；

所述用户界面库中包括CSS工具类，所述CSS工具类包括：元素水平垂直居中工具类、元素阴影工具类以及元素自动圆角工具类中的一个或至少两个；

所述通过所述CSS文件包含的所述API查询所述终端的显示屏的配置参数，根据所述终端的显示屏的配置参数修改所述CSS文件中用户界面的显示分辨率和宽高值，包括：

根据所述显示屏的屏幕尺寸，通过所述用户界面库中包括的所述CSS工具类修改所述用户界面元素的所述CSS文件中所述用户界面的宽高值；

根据所述显示屏的屏幕分辨率，通过所述用户界面库中包括的所述CSS工具类修改所述用户界面元素的所述CSS文件中的显示分辨率。

3.如权利要求1所述的POS应用的用户界面的加载方法，其特征在于，所述创建所述用户界面库，并将具有相同用户界面的分辨率或相同宽高值的用户界面存储于一套用户界面库中，包括：

将具有相同所述显示分辨率或宽高值的基础控件存储于一套基础控件库中；所述基础控件为具有单一属性的用户界面元素；

整合所述基础控件库中的基础控件，以构成业务控件；将具有相同所述显示分辨率或宽高值的所述业务控件存储于一套业务控件库中。

4.如权利要求1所述的POS应用的用户界面的加载方法，其特征在于，所述创建所述用户界面库，还包括：

在所述用户界面库中创建用户界面组件库，所述用户界面组件库由用户界面组件组成；

通过封装多个基础控件得到所述用户界面组件；所述用户界面组件包括：寻卡组件、电子签名组件、数字软键盘组件、通信组件、交易小票组件以及个人识别码PIN输入组件中的一个或至少两个。

5.一种POS应用的用户界面的加载装置，其特征在于，包括：

用户界面库创建单元，用于创建所述用户界面库，并将具有相同用户界面的分辨率或相同宽高值的用户界面存储于一套用户界面库中；

信息接收单元，用于接收终端发送的加载用户界面的请求信息，所述请求信息包括用户界面标识以及所述终端的标识，通过所述用户界面标识确定目标用户界面；其中，所述用户界面标识为用于表示所述用户界面的属性信息的标识；

目标获取单元，用于根据用户界面标识从用户界面库中获取与所述目标用户界面对应的目标文件，所述目标文件包括超文本标记语言HTML文件以及样式层叠表CSS文件，所述CSS文件中包括用于查询终端的显示屏的配置参数的应用程序编程接口API；

参数修改单元，用于通过所述CSS文件包含的所述API查询所述终端的显示屏的配置参数，根据所述终端的显示屏的配置参数修改所述CSS文件中用户界面的显示分辨率和宽高值；

文件发送单元，用于根据所述终端的标识将所述HTML文件和修改后的所述CSS文件发送至所述终端，以使终端根据所述HTML文件以及修改后的所述CSS文件显示出与终端屏幕配置参数相符的用户界面。