SideBar設計案例

2021-05-07 14:37:46 字數 927 閱讀 9731

internet

上有各式各樣的資訊源,可以從中獲取自己想要的資訊。但是每個資訊源裡可能包含你並不想要的資訊,例如,你想檢視**資訊時,網頁上有許多廣告。不僅如此,要獲取不同的資訊就必須開啟訪問不同**,例如,如果想同時獲取天氣資訊和**資訊,就必須開啟

2個視窗,分別訪問提供天氣資訊的網頁和提供**資訊的網頁。

如果能夠有乙個軟體,直接在乙個介面上顯示使用者需要的多種資訊,而且沒有廣告等多餘的資訊,將會十分有用。不僅如此,此軟體還應該可以自動隱藏、最小化到工作列,給使用者更好的體驗。

1.1架構設計

本系統分為

2個模組。其中,

webservice

模組主要負責資訊的獲取和過濾工作。從特定的**獲取資料,並對其進行解析。將解析後有用的結果返回給請求資料的客戶端。主介面模組負責從

webservice

接收資料進行顯示。

1.1詳細設計

(1)webservice

模組(已經完成開發)

webservice

模組主要實現了以下功能: ·

獲取天氣資料的功能:從指定的**中獲取資料,進行解析並過濾多餘的資訊,將天氣資料返回給客戶端。 ·

獲取**資料的功能:從指定的**中獲取資料,進行解析並過濾多餘的資訊,將**資料返回給客戶端。 ·

獲取訂閱新聞的功能:從指定的**中獲取新聞,在客戶端顯示。

(2)客戶端模組

客戶端模組主要實現以下幾個功能: ·

定製天氣資訊。 ·

定製**資訊。 ·

定製新聞資訊。 ·

顯示天氣資訊。 ·

顯示**資訊。 ·

顯示新聞資訊。 ·

每塊資訊可放縮,下部的資訊塊相應調整位置。 ·

定時更新每塊內容。**每分鐘更新一次,新聞每

10分鐘更新一次,天氣每小時更新一次。

sideBar控制項的使用方法

最近私下幫朋友做了個類似qq一樣的聊天工具,只是類似,功能少了n多 其中那個分組面板就是了sidebar這個控制項,但查了好久,網上都沒有詳細的介紹,在這裡簡單介紹一下吧 下面介紹一下這個控制項的屬性 imagelist 這個是繫結到imagelist控制項上,顯示頭像時就直接用到imagelist...

antd 實現 sidebar 左側選單 記

關於 antd 之 layout.sider 使用說明請移步這裡 import from antd import from ant design icons import from react import from react router dom import cookies from js c...

html ui設計案例

1.jquery特效 2.jquery外掛程式 3.jquery外掛程式2 4.lightbox 5.6.jquery.幫助文件 7.jquery.api幫助文件 8.fullcalendar jquery外掛程式 9.fullcalendar jquery外掛程式案例 10.datatable j...