ECS控制檯實例搜索的優化與改進

摘要: 搜索功能是控制檯很是重要的功能,承載着實例管理入口的做用,應該好用,快速和準確。然而,ECS控制檯實例列表的搜索功能常常被吐槽很差用,痛點主要有如下三點: 每次搜索以前須要選擇搜索類型,很是繁瑣。 過濾條件太多了, 搜索框,tag,表格過濾,高級搜索,搜索條件不統一 不支持模糊搜索 從已知的這些問題出發,ECS控制檯將對搜索功能,以及整個實例管理的用戶體驗部分作長期的優化和改進。centos

搜索功能是控制檯很是重要的功能,承載着實例管理入口的做用,應該好用,快速和準確。然而,ECS控制檯實例列表的搜索功能常常被吐槽很差用,痛點主要有如下三點:安全

  1. 每次搜索以前須要選擇搜索類型,很是繁瑣。
  2. 過濾條件太多了, 搜索框,tag,表格過濾,高級搜索,搜索條件不統一
  3. 不支持模糊搜索

從已知的這些問題出發,ECS控制檯將對搜索功能,以及整個實例管理的用戶體驗部分作長期的優化和改進。網絡

已經上線的優化和改進有:優化

1. 自動識別輸入內容的搜索類型spa

搜索框會根據內容自動選擇合適的搜索類型,不須要選擇。支持實例名稱實例ID公網/內網IP等13個搜索類型的主動識別。同時也支持手動選擇搜索類型。3d

2. 搜索條件欄code

統一顯示當前實例列表的搜索條件。合併了表格表頭的過濾條件,標籤選擇條件以及經過地址欄或者其餘控制檯傳遞過來的搜索條件blog

3. 搜索自動提示ip

根據當前搜索的內容,自動彈出下拉框顯示模糊提示(基於當前頁的搜索結果),必定程度解決查詢實例列表的API沒法模糊搜索,又須要模糊查詢的問題。而且支持Up,Down,Enter三種鍵盤操做。get

4. 搜索歷史記錄

自動記錄每一個地域的搜索歷史。默認顯示5條搜索歷史,能夠刪除歷史記錄。

後續,還將進行更多的優化和改進,包括主動識別支持更多的搜索類型;更強大的自動提示;搜索內容匹配高亮以及編輯距離判斷方法等等。

詳細改動

1. 自動識別輸入內容的搜索類型。

主動識別搜索內容,默認不須要選擇搜索類型,使用如下的規則自動匹配

* 實例名稱:      2-128個字符,以大小寫字母或中文開頭,可包含數字、「.」、「_」或「-」,支持模糊搜索,是搜索的默認類型
* 實例ID:        i-開頭,11個或者22個字符,少部分實例是AY開頭,20個字符,多是批量,批量逗號分隔
* 私有IP:        vpc機器的內網ip,通常以10.、192.、172. 開頭
* 內網IP:        經典網絡機器的內網ip,以10.開頭,須要二次選擇
* 公網IP:        須要二次選擇
* 彈性IP:        須要二次選擇
* 鏡像ID:        公共鏡像如centos_7_04_64_20G_alibase_201701015.vhd.vhd結尾, 或m-m5e8omt2xhp513xnhbx6(舉例)
* 安全組ID:      sg開頭
* 密鑰對名稱:    長度爲2-128個字符,不能以特殊字符及數字開頭,只可包含特殊字符中的".","_"或"-"。
* 即將到期:      7,15,30,60天到期,支持輸入天數
* 實例規格:      實例規格列表,可模糊提示
* 專有網絡ID:    vpc-開頭
* 交換機ID:      vsw-開頭

如圖,輸入實例ID後回車,會自動識別實例ID類型進行搜索:
image

此外,也能夠手動選擇搜索項目:
image

有些搜索內容沒法精確識別的時候,須要進行二次選擇,例如公網IP和彈性IP:
image

2. 搜索條件欄

搜索條件欄顯示當前的搜索條件。不管是輸入的搜索內容,選擇的標籤,仍是列表頁的表頭選擇的條件,仍是從其餘控制檯跳轉帶過來的過濾條件,都會統一顯示在搜索條件欄中,能夠方便的清除和所有清除。

搜索內容:
image

選擇標籤:
image

表頭過濾:
image

外部跳轉條件,例如VPC控制檯跳轉到實例列表頁:
image

3. 搜索自動提示

搜索提示字典來自於用戶的當前頁請求回來的數據。適合實例數量小於100的地域,點擊下拉菜單的選項或者鍵盤選擇選項後回車能夠快速查詢。

目前支持Up,Down,Enter三種鍵盤操做。對於不須要輸入的,會主動彈窗等待選擇,如即將到期的選擇,狀態的選擇等等

例如實例名稱:
image

實例規格:
image

即將到期:
image

4. 搜索歷史記錄

自動記錄每一個地域的搜索歷史。默認顯示5條搜索歷史,能夠刪除歷史記錄。
image

5. 其餘改動

標籤除了能夠直接選擇外,目前也已支持搜索過濾:

image

對實例列表頁的排版進行了壓縮,如今每頁能夠顯示更多的實例7-10個.

以上爲控制檯實例列表搜索的優化和改進,感謝閱讀。

原文連接

相關文章
相關標籤/搜索