后台管理系统如何设计

动态 未结 置顶 精帖
用户
悬赏:60飞吻

后台管理系统,会根据不同公司、不同业务的要求做出改变。那么,有没有通用的功能和和需求设计模版呢?有的。本文作者基于自身工作经验,总结了一套通用的后台管理系统需求及原型设计,与你分享。

网上很多系统的参考多数为业务中台,过于带有业务色彩。做过三四个后台管理系统,从中总结了一个通用的功能和需求设计模版,供大家参考。本文适用于0-2岁的产品经理做基础功能设计,通俗易懂,放心食用。

一个后台管理系统,大部分是对系统产生对数据进行各种操作,或者是对移动端的内容进行配置。所以对于数据的操作逃脱不了“增删改查”,在这个基础上,扩展一下“排序导出”等功能。

一、页面整体框架大家可以根据前端的技术选型,选择对应的UI框架元件库,目前常见的UI框架是element、iview、ant-design等。这些元件库,在网上有很多付费优质资源,可以直接载入axure中使用。我选取了一个常见的框架样式,为大家讲解。

此框架中,头部为功能模块,左侧为一级菜单、二级菜单,右侧为功能页面。这种适用于业务较多较复杂的后台。右上角为系统设置,个人账号管理等基本功能。

二、列表列表的功能设计要点如下:列表数据的排序:正序、倒序。比如按数据的创建时间倒序,即数据越新的越靠前。如果做的高级一些,可以在时间的位置,设计排序功能,同时支持正序和倒序,可以互相切换。可以根据下表梳理说明,附在原型图的右侧。三、新增新增的功能设计要点如下:定义字段的输入类型:输入框、下拉框、单选、多选等。(就是原型中的表单元素)可以根据下表梳理说明,附在原型图的右侧。四、编辑界定编辑的功能时,需要注意以下几点。权限设计:哪个角色有编辑此数据的权限。删除操作是个敏感操作,注意事项跟编辑类似。哪个角色有权限删除数据,需要有操作记录,并且需要根据具体业务设置删除的限制条件。

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

六、查询后台的查询相对于前台业务的搜索查询简单的多,只需要列出,查询的字段和类型即可,再明确好交互。

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

回帖
  • 消灭零回复
[打开调试信息]