[發明專利]一種POS應用的用戶界面的加載方法及裝置

有效

• 申請號: 201710875666.5
• 申請日: 2017-09-25
• 公開（公告）號: CN107729074B
• 公開（公告）日: 2021-02-23
• 發明（設計）人: 潘泉錦
• 申請（專利權）人: 百富計算機技術（深圳）有限公司
• 主分類號: G06F9/445
• 分類號: G06F9/445
• 代理公司: 深圳中一聯合知識產權代理有限公司 44414
• 代理人: 張全文

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文件顯示出與終端屏幕配置參數相符的用戶界面。