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

編輯導讀：后臺管理系統，會根據不同公司、不同業務的要求做出改變。那么，有沒有通用的功能和和需求設計模版呢？有的。本文作者基于自身工作經驗，總結了一套通用的后臺管理系統需求及原型設計，與你分享。

網上很多系統的參考多數為業務中臺，過于帶有業務色彩。做過三四個后臺管理系統，從中總結了一個通用的功能和需求設計模版，供大家參考。本文適用于0-2歲的產品經理做基礎功能設計，通俗易懂，放心食用。

一個后臺管理系統，大部分是對系統產生對數據進行各種操作，或者是對移動端的內容進行配置。所以對于數據的操作逃脫不了“增刪改查”，在這個基礎上，擴展一下“排序導出”等功能。

一、頁面整體框架

大家可以根據前端的技術選型，選擇對應的UI框架元件庫，目前常見的UI框架是element、iview、ant-design等。這些元件庫，在網上有很多付費優質資源，可以直接載入axure中使用。我選取了一個常見的框架樣式，為大家講解。

此框架中，頭部為功能模塊，左側為一級菜單、二級菜單，右側為功能頁面。這種適用于業務較多較復雜的后臺。右上角為系統設置，個人賬號管理等基本功能。

二、列表

列表的功能設計要點如下：

• 列表數據的排序：正序、倒序。比如按數據的創建時間倒序，即數據越新的越靠前。如果做的高級一些，可以在時間的位置，設計排序功能，同時支持正序和倒序，可以互相切換。
• 數據的翻頁：一般為20個數據一頁，翻頁加載需要前端做好處理?？梢栽黾禹撁嫣D，跳轉至首頁/尾頁的功能。不過在前端組件里，這個是通用組件，可以直接套用。
• 數據的選擇：多選數據（復選框）、分為全選本頁、全選所有數據、反選本頁、反選全部數據。選擇后對此批數據進行批量操作。
• 列表字段：標明字段的來源和定義。例如，公司名稱取【新建】時的值，【創建時間】取此條數據創建時的系統時間。一般來源分為后臺創建、前臺（業務端）創建、系統生成、從其他模塊帶出、歷史緩存。

可以根據下表梳理說明，附在原型圖的右側。

三、新增

新增的功能設計要點如下：

• 定義字段的輸入類型：輸入框、下拉框、單選、多選等。（就是原型中的表單元素）
• 定義輸入型元素的約束條件：字符、文本、英文、數字等。
• 定義選擇型元素的枚舉值：例如，字段名：姓名；類型：下拉選擇；枚舉值：男/女。
• 是否必填：必填項標記出來。
• 提示語：顯示在輸入框里，提示用戶如何填寫。一般為灰色。
• 是否允許編輯：在編輯時，此字段是否允許編輯，編輯是否有其他限制。

可以根據下表梳理說明，附在原型圖的右側。

四、編輯

界定編輯的功能時，需要注意以下幾點。

• 權限設計：哪個角色有編輯此數據的權限。
• 操作記錄：需要記錄此條數據在什么時間被誰做了什么編輯操作。
• 時效性：如果業務允許多人編輯同一條數據，如果某個用戶在編輯時，內容已被其他用戶修改，這里要做一個“鎖”，在保存或者其他操作時提示用戶，你的數據不是最新的，請刷新后再次進行編輯。（此處根據具體業務場景做匹配用戶體驗的功能設計）

五、刪除

刪除操作是個敏感操作，注意事項跟編輯類似。哪個角色有權限刪除數據，需要有操作記錄，并且需要根據具體業務設置刪除的限制條件。

例如：刪除一個銷售人員，前置條件為此銷售名下沒有關聯客戶，此處就要延伸出一個客戶轉移的功能。

六、查詢

后臺的查詢相對于前臺業務的搜索查詢簡單的多，只需要列出，查詢的字段和類型即可，再明確好交互。

查詢字段名稱是否需要模糊檢索，下拉選擇的枚舉值列出來。交互方面是輸入后即可查詢還是需要點擊查詢按鈕。

七、導出

• 導出分為：導出列表所有數據、導出當頁數據、導出選中數據、導出查詢后數據。
• 數據分為：導出部分字段、導出所有字段。規定導出的格式是.xls還是.csv。
• 明確導出數據限制：根據具體業務場景進行設計，沒有特殊要求可以設置為10000條數據，拆分多個表導出。

八、原型設計（極其好用的元件）

有幾個通過中繼器實現的后臺元件，很好用，分享給大家。原創作者：蝸牛。

通過修改中繼器中的值，快速生成表單和導航菜單。無需畫圖，拖入畫布中，修改中繼器中的值即可。元件庫中還有各種利用中繼器快速配置界面的功能，歡迎大家下載。

九、后臺常用測試用例整理

作者平時留意并收集了一些測試用例，對設計后臺的功能非常有幫助，大家在設計時，也可以對照著測試用例看看，是否有描述不到或者不清晰的地方。

本文由@Olivia 原創發布于人人都是產品經理，未經許可，禁止轉載。

題圖來自Unsplash, 基于CC0協議