简述电子商务网站的后台管理功能设计，牛人设计管理后台

讲解系统管理、菜单管理等设计流程和业务逻辑，主要面向互联网产品设计、技术研发、产品运营人员。

大多数后端管理系统侧重于功能管理。系统包含大量的功能模块，清晰的架构部门必然会提高员工的工作效率。如下所示：

01 功能分析设计功能之前最重要的是需求，清楚地了解想要的功能会让设计变得更加容易。导航的常见功能包括：

页面导航： 菜单最基本的功能是导航，可以在系统内外自由切换。功能拆分： 系统通常包含大量的功能点，模块化划分和层次结构可以让系统架构更加清晰。 权限管理： 对于典型的门户网站来说，主要功能是充当快捷界面。后来系统除了导航功能之外还增加了权限功能。由于后台涉及大量工作，不同页面上可能有多个操作按钮，但操作按钮不能单独存在，必须与相应的菜单关联。

02 字段功能通过以上菜单功能的分析，可以整理出以下必填字段。

菜单名称：直接体现功能父菜单：显示父菜单与子菜单的层级关系跳转方式：系统内部跳转或外部跳转参数值： 站内跳转：系统内跳转，不配置域名的相对路径（ : /user/index)、异地跳转：系统外跳转，将URL设置为带域名的绝对路径（例如http://www.exp）。com） 跳转路径：设置具体跳转地址新页面：跳转后的页面是在原页面还是打开新页面页面操作：跳转页面内的所有操作功能ICON: 页面美化效果（各个系统略有不同，有的根据自己的需要使用照片） Status：导航功能是否正常使用参数值有： On：菜单正常使用Close：菜单识别码无效：系统内部唯一识别的识别信息。主要用于确定页面权限。

03 原型设计列表页原型：

表单页面原型：

上面描述了一些页面操作设计。

我们分析，页面操作也涉及到权限判断，但由于代码中没有写汉字进行逻辑判断，所以需要设计一个也对应功能按钮的识别码。页面上有多个操作按钮，只能看到特定的功能页面。例如，大多数页面都具有查看、详细信息、添加、编辑和删除功能。产品管理页面还具有添加和删除货架的功能，以及财务页面的功能。相关页面也有审计功能，所以这个功能需要动态管理。

04 小知识1、跳转：页面跳转是通过标签实现的，如果a标签中的路径设置为相对路径，则点击跳转时，会在相对路径前自动添加当前系统的域名路径。存在域名的绝对路径。点击跳转会直接跳转到对应的地址。如果后台有多个业务系统，还是到跳转目的地跳转

2、识别码：当后台程序在数据库中存储数据时，数据库会自动分配一个唯一的ID，但以后的某些决策可以通过将ID值硬编码在代码中来指定获取数据。然而，这带来了一个问题；开发期间的测试数据库经常会进行人为的数据删除，但生产数据库会进行定期删除，因此即使数据看起来相同，数据库ID的值也会不同的情况出现。代码中的ID 值引用测试库ID。最终导致该功能上线后无法使用。因此，通常的解决方案是添加可维护的识别码，并通过将识别码硬编码在代码内来获取特定的数据信息。这种方法将在未来的许多设计中使用。

3. 编码识别码： 不同的人对其系统的各种功能进行编码有不同的习惯和要求。我个人的菜单编码是给每一级菜单一个两位数的数字。如果缺少三个级别，请填写。包含零；并且页面的功能按钮按字面翻译成英文。

系统管理[100000]

| 菜单管理[100100] 查看[获取] 添加[添加] 编辑[编辑] 详细信息[详细] 删除[删除]

| 组织结构[100200]

留言管理【110000条】

|- 订单留言[110100]

|-.

4、页面权限判断：当用户进入对应页面时，首先通过菜单识别码（识别码写在代码中）请求后台数据，获取页面功能权限列表，并显示在屏幕上。根据相应的功能识别码显示页面，并显示相应的操作按钮。举例：当用户进入系统管理-菜单管理【100100】时，界面通过100100请求权限接口（例如【get,details】）返回页面功能权限列表。该页面显示视图和高级功能。按钮。

作者：JackLiu；个人微信公众号：远航（ID:Jackai_liu）

本文首发于@Jack的《人人都是产品经理》，未经作者许可，不得转载。

标题图片来自Unsplash，并获得CC0 许可。