中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

開發吐槽原型說明不清晰，領導催促原型要快細節再說，真是夾縫中生存的產品。今天教大家一個方法，既快又全。文末提供模板，可直接用

對提前準備原型規范、說明模板還不明白的朋友，可以先點擊查看《如何解決原型說明寫不全？》

本期組件：基礎表格

組件概述：內容頁中最基礎組件，用于展示多條結構類似的數據，可對數據進行排序、篩選、對比或其他自定義操作，使用時可根據需求進行擴展。

一、 約定基礎規范

本節主要與研發約定默認實現內容，通過規范文檔維護。

1. 基礎樣式

1、樣式：表頭與表體在視覺上需有明確區分，表格各行建議使用斑馬紋，更易區分各行數據。

2、尺寸：在顯示區域需鋪滿，并伴隨窗口大小變化自適應調整

3、表頭：默認平均寬度，有特別要求的表頭，需在說明中明確

4、操作列：常規操作用主題色/鏈接文字顏色

危險操作需用危險色，如：刪除、取消等反向危險操作等。

2. 基礎交互

1、表頭說明：鼠標懸停于符號，有”氣泡提示”【點擊查看規范】，熱區為整個圖標。若表頭支持排序，兩者不沖突。

具體哪個表頭需要說明，說明什么內容，在可控參數中說明

2、表頭排序：支持排序的表頭有上下箭頭符號，熱區為整個圖標

第一次點擊，升序；第二次點擊，降序；第三次點擊，恢復。

表頭排序具有互斥性，當表格有多個列支持排序時，只激活一個排序。

如：A、B列都可排序，激活A排序時，再點擊B排序。此時激活B排序，關閉A排序。

具體哪個表頭需要說明，說明什么內容，在可控參數中說明

3、內容滾動：顯示行數超出窗口顯示區域，則在表格內容區內滾動顯示（即滾動時，表頭不動）

4、內容交互：鼠標懸停、單擊、選中需有對應樣式做區分；表格內容可點擊/懸停有交互，有對應樣式區分

5、內容刷新：默認無感更新，需有對應刷新樣式（較大數據量需等待）；即不刷新整個頁面，有特殊要求另外說明。

3. 異常情況

1）表格整體異常

• 行數不夠：縮減顯示行數，不出現空行情況
• 無數據、搜索后無結果：顯示對應提示
• 網絡錯誤：顯示對應提示
• 無查看權限：顯示對應提示

2）單元格異常

• 內容超出：超出部分使用”…”代替，鼠標懸停通過“氣泡提示”【點擊查看規范】顯示全
• 內容為空：使用”–“占位

4. 原型要求

1、字段展示：需在原型中填寫所有字段，可超出原型頁面（實際頁面中需做滾動）

2、無需填充表格：原型中僅展示必要的行數據，如：默認有的數據，數據不同狀態等

3、多狀態呈現方式：如果表格內容有不同狀態，則各狀態數據需列出說明

• 狀態區分：默認不通過顏色區分，可選通過成功、警告、危險等方式區分不同狀態顏色（圖中采用整行顯示方式，具體可UI定義）
• 不同操作列：若內容可操作，不同狀態內容會對應不同操作，需將各種操作形式列出

二、約定可控參數

本節主要與研發約定原型中可控制的參數，也通過規范文檔維護。文中會提供示例參數，及參數填寫說明

1.表格整體

1、數據來源：說明數據的來源，以確保團隊理解無二義

2、默認數據：如原型第1、2行所示 / 為空（需用戶自行創建）

3、數據狀態：如原型第N行所示，

4、默認排序：按創建時間先后順序倒序排序

為何建議默認“按時間順序倒序排序”，因為大部分表格用于處理時效性數據，如：訂單，審批單等。使用場景往往是：收到通知有“新訂單”，然后打開界面處理，此時越晚出現的數據排越前面是友好的。

5、默認行數：

• 行數不多（100行內），且未來增加量很小，不分頁能有更好體驗，則寫“不分頁”
• 行數較多，且未來會不停增加，需分頁，并規定一頁默認行數，如“一頁默認20行”（為何建議20行，因為正好能鋪滿通用的1080p屏幕，及對辦公電腦性能友好。）

6、固定列：默認無需，如需要則說明：

• 左側：列名1、列名2
• 右側：列名3、列名4

7、列寬：默認無要求，如需要則按整個表格100%寬度劃分

• 列名1：20%
• 列名2：10%

8、更新方式：如果無需，則描述“無需”；如果需要，則要描述自動更新邏輯，如：

• 每隔1分鐘（大數據運算不建議高頻自動更新，會消耗大量服務器性能）
• 完成**操作時

9、緩存：默認“無需”；如果需要，則要描述緩存位置。需注意：一般都不緩存，大量緩存會逐漸占用系統資源。

2.表頭

1、數據說明：如果是編號，需說明對編號的要求，如長度，編號體現的信息等

2、數據格式：如金額顯示小數點后N位需說明

3、氣泡提示：如需要，表頭則有個?符號，鼠標懸停有氣泡提示，提示信息寫在該項即可；無需則寫“無需”

4、支持排序：支持/無需

5、數據交互：如果有鼠標左擊跳轉鏈接、鼠標懸停顯示完整內容、鼠標右擊復制需描述操作后結果

3.行操作

不同數據狀態對應有不同操作，如：訂單、工單等，務必在表格中將不同狀態數據示例出來，并逐個說明。

三、輸出說明模板

組件名稱前加個“規范”，便于團隊識別規范組件；模板可直接寫入注釋，并存為Axure/墨刀元件庫

注：一份表格說明，通常由三部分組成：

1. 表格整體說明（一個表一份說明）
2. 表頭表體說明（幾個表頭幾個說明，也可根據實際情況簡略）
3. 行操作說明（如果不同數據狀態有不同狀態，則每狀態一個說明

1、表格整體說明

組件名稱：規范-基礎表格

數據來源：

默認數據：如原型展示

數據狀態：如原型狀態列所示

默認排序：按創建時間先后順序正序排序

默認行數：20行

固定列：無需

列寬：無要求

更新方式：完成XX操作時

緩存：無需

2、表頭說明

組件名稱：規范-表頭

數據說明：

數據格式：

氣泡提示：無

支持排序：無

數據交互：無

3、行操作說明

組件名稱：規范-行操作

操作1

• 提示信息：
• 操作后置結果：

操作2

• 提示信息：
• 操作后置結果：

操作3

• 提示信息：
• 操作后置結果：

結語

本系列持續更新，喜歡的朋友請點個【關注】或【收藏】，您的鼓勵是我們持續分享的動力。