对客户和用户信息的操作增、删、改、查就需要相应的设计功能。客户和用户比较大同小异，我们以客户信息为例。引用之前的一个学校用户的管理后台为例。

1）新增客户

点击新增按钮，可以新增一个客户。

字段主要分成两类，非标准化的字段和标准化的字段。

非标准化的用输入框，允许自由输入，但是要注意字段的限制。比如说字段长度、是否允许特殊符号、敏感词、其它要求（比如手机号可以校验区号和前三位等）等。

标准化的字段如地址、日期、行业等可以使用下拉控件，提供标准化的内容，让用户点选即可。

各种控件的样式目前都已经标准化了，谷歌的Material Design、阿里的Ant Design、腾讯的TDesign、字节的Arco.Design等等，可以自行访问官网，其中有完整的设计规范、教程、控件等内容。

点击确定时，记得对必填字段和格式进行校验，出错时进行友好报错即可。

2）查询客户

新增客户之后，客户列表中便会多出一条数据。

后台推崇多使用平铺的列表，虽然不够美观，但是字段清晰、查询效率更高。内部的后台不必像用户端一般追求设计感，简单、清晰、易用即可。

列表中显示关键的用户字段并平铺显示，注意过长字段的省略和hover显示。

显示顺序也很重要，可以根据业务需求按创建时间、修改时间、某字段的字母顺序等方式排列。

为了方便查询，可以提供关键字搜索（模糊匹配或精确匹配）、筛选和自定义排序。

客户往往数量很多，因此还需要分页显示。翻页的时候记得继承搜索、筛选和定义排序，避免翻页后相关条件丢失。

3）修改客户

修改客户信息和新增时类似，注意自动代入已有值和不可编辑字段即可。

4）删除客户

删除客户可以分成三类。

• 禁用：暂时禁用客户账号，可以方便地随时启用。
• 软删除：在界面上的删除优先使用软删除，只是不在查询界面显示，但是数据库中仍然保存客户信息。避免误删除之后无法找回。
• 硬删除：在数据库中彻底删除客户信息。

对于禁用和删除这种危险操作，一定要记得增加二次确认弹窗！