本文详细介绍了后台管理系统的页面整体框架，包括列表的排序、翻页、选择功能，新增与编辑字段的输入类型和约束，编辑时的权限设计与操作记录，以及删除、查询和导出操作的具体细节。此外，还提到了原型设计中实用的元件和后台测试用例的整理。
前言：网上很多系统的参考多数为业务中台，过于带有业务色彩。做过三四个后台管理系统，从中总结了一个通用的功能和需求设计模版，供大家参考。本文适用于0-2岁的产品经理做基础功能设计，通俗易懂，放心食用。
一个后台管理系统，大部分是对系统产生对数据进行各种操作，或者是对移动端的内容进行配置。所以对于数据的操作逃脱不了“增删改查”，在这个基础上，扩展一下“排序导出”等功能。
此框架中，头部为功能模块，左侧为一级菜单、二级菜单，右侧为功能页面。这种适用于业务较多较复杂的后台。 右上角为系统设置，个人账号管理等基本功能。
一个后台管理系统，大部分是对系统产生对数据进行各种操作，或者是对移动端的内容进行配置。所以对于数据的操作逃脱不了“增删改查”，在这个基础上，扩展一下“排序导出”等功能。
1、页面整体框架
大家可以根据前端的技术选型，选择对应的UI框架元件库，目前常见的UI框架是element、iview、ant-design等。这些元件库，在网上有很多付费优质资源，可以直接载入axure中使用。我选取了一个常见的框架样式，为大家讲解。 此框架中，头部为功能模块，左侧为一级菜单、二级菜单，右侧为功能页面。这种适用于业务较多较复杂的后台。 右上角为系统设置，个人账号管理等基本功能。
最低0.47元/天 解锁文章
1220
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
