后台管理系统通用设计

一. 总述

一个后台系统大部分是对数据进行各种操作或者对移动端的内容进行配置,数据操作基本是增删改查,排序导出。

此框架顶部是功能模块,左侧是一、二级菜单,右上角是个人资料、设置、消息通知。


图1

二. 列表


图2

列表功能设计要点:

1.列表字段:标明来源和定义,一般来源后台创建、前台业务创建、系统生成、其他模块导入、历史缓存等。例如公司名称取【新建】时的值、【创建时间】取此条数据创建时系统时间,如下表:


表1

2.列表排序:正序、倒序,可以根据创建时间倒序排序,即最新创建的数据在最前面。

3.列表选择:支持复选框,选择后对数据进行批量操作,全选全部数据、全选本页数据、反选全部数据、反选本页数据。

4.翻页:一般20个数据一页,支持翻页,或者跳转到首页、尾页,前端有通用组件可以直接复用。

三. 创建


图3

1. 定义字段的输入类型:原型图可直接示意,如输入框、下拉框、单选、多选。

2. 定义输入元素的文本类型:字符、文本、英文、数字等;

3. 定义选择型元素的枚举值:字段名:姓名,类型:下拉选择,枚举值:男/女。

4. 定义是否必填:进行标记。

5. 提示语:一般灰色显示在输入框,提示用户。

6. 是否可以编辑:编辑是否有其它限制。


表2

四. 编辑

1. 编辑权限设计:哪个个角色有编辑此数据的权限。

2. 操作记录设计:记录此条数据什么人在什么时间做了什么操作。

3. 时效性:如果业务允许多人编辑同一条数据,如果某用户在编辑时,内容已被其他用户修改,可以加“锁”标识,在保存或者其他操作时提示用户,你的数据不是最新的,请刷新后再次编辑。

五. 删除

删除操作注意事项同编辑,敏感操作需要有操作记录,需要根据具体业务设置删除的限制条件。

例如:删除一个销售人员,前置条件为此销售名下没有关联客户,此处就要延伸出一个客户转移的功能。

六. 查询


图4

1. 后台的查询相对前台业务搜索较简单,只需列出查询字段和类型即可,明确好交互。

2. 查询字段名称是否需要模糊检索,下拉选择的枚举值列出来。交互方面是输入后即可查询还是需要点击查询按钮。

七、导出

1. 导出分为:导出列表所有数据、导出当页数据、导出选中数据、导出查询后数据。

2. 数据分为:导出部分字段、导出所有字段。

3. 规定导出的格式是.xls还是.csv。

4. 明确导出数据限制:根据具体业务场景进行设计,没有特殊要求可以设置为10000条数据,拆分多个表导出。


八. 后台常用测试用例整理


你可能感兴趣的:(后台管理系统通用设计)