[發明專利]一種列表的顯示方法及裝置

在審

• 申請號: 201711403343.2
• 申請日: 2017-12-22
• 公開（公告）號: CN110020316A
• 公開（公告）日: 2019-07-16
• 發明（設計）人: 張朝陽;林子豪;肖興智;李憶南;張福軍;陳皓;陳懿
• 申請（專利權）人: 航天信息股份有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957
• 代理公司: 北京同達信恒知識產權代理有限公司 11291
• 代理人: 黃志華

本發明公開了一種列表的顯示方法及裝置，所述方法包括：接收用戶輸入的圖標信息、每一行的標題內容和每一行的附加信息，將標題內容和附加信息寫入HTML文檔中；將圖標信息寫入CSS文檔中；根據CSS文檔中保存的附加信息的樣式信息，按照對應樣式顯示每一行的附加信息；根據CSS文檔中保存的標題內容的顯示位置信息，在對應的位置顯示每一行的標題內容；根據CSS文檔中保存的圖標信息的顯示位置信息，在對應的位置顯示每一行的圖標信息。由于在本發明實施例中，將圖標信息寫入CSS文檔中，并且CSS文檔中只寫有一個圖標信息，因此減少了HTML文檔和CSS文檔總的代碼量，使得占用帶寬資源較少，降低了系統負荷。

技術領域

本發明涉及列表顯示領域，尤其涉及一種列表的顯示方法及裝置。

背景技術

網頁中經常會用到列表來顯示多條相同格式不同內容的信息，列表中通常包含列表圖標、標題文本、附加信息。附加信息包括時間、內容分類、其他操作按鈕等，通常使用超文本標記語言(Hyper Text Markup Language，HTML)和層疊樣式表(Cascading StyleSheets，CSS)對列表樣式進行控制。HTML用于定義頁面元素的內容；CSS用于控制頁面元素的樣式。

目前常用的列表的顯示方法為：將待顯示列表的每一行的圖標信息、標題內容和附加信息寫入HTML文檔中，將圖標信息所屬的標簽的樣式信息、標題內容所屬的標簽的樣式信息以及附加信息所屬的標簽的樣式信息寫入CSS文檔中，進而根據CSS文檔中的樣式信息，顯示HTML文檔中的每一行的圖標信息、標題內容和附加信息。

一般，列表中多行內容是對應同一個圖標信息的，而現有技術中是將圖標信息寫在了HTML文檔中，這樣，列表中每一行中都包括圖標信息，HTML文檔就會有多個重復的圖標信息，使得HTML文檔和CSS文檔總的代碼量較大，占用帶寬資源較多，系統負荷較大。

發明內容

本發明實施例提供了一種列表的顯示方法及裝置，用以解決現有技術中列表顯示時HTML文檔和CSS文檔總的代碼量較大，占用帶寬資源較多，系統負荷較大的問題。

本發明實施例提供了一種列表的顯示方法，所述方法包括：

接收用戶輸入的待顯示列表的圖標信息、每一行的標題內容和每一行的附加信息，將所述每一行的標題內容和每一行的附加信息寫入超文本標記語言HTML文檔中；將所述圖標信息寫入與所述HTML文檔對應的層疊樣式表CSS文檔中；

根據寫入到所述HTML文檔中的每一行的附加信息及所述CSS文檔中保存的每一行的附加信息的樣式信息，按照對應樣式顯示每一行的附加信息；根據寫入到所述HTML文檔中的每一行的標題內容及所述CSS文檔中保存的每一行的標題內容的顯示位置信息，在對應的位置顯示每一行的標題內容；根據寫入到所述CSS文檔中的圖標信息及所述CSS文檔中保存的圖標信息的顯示位置信息，在對應的位置顯示每一行的圖標信息。

進一步地，所述附加信息包括：

時間信息和/或內容分類信息。

進一步地，所述附加信息的樣式信息包括：

附加信息的浮動顯示樣式信息。

進一步地，所述標題內容的顯示位置信息包括：

標題內容與列表左側邊框的距離信息，或者標題內容與列表右側邊框的距離信息。

進一步地，所述圖標信息的顯示位置信息包括：

圖標信息在水平方向和垂直方向的顯示位置信息。

進一步地，所述將所述每一行的標題內容和每一行的附加信息寫入HTML文檔中包括：

針對每一行的標題內容和附加信息，在HTML文檔中，將該行的附加信息寫在該行的標題內容之前。