February 18, 2021
By: dirk
后台管理系统开发规范
后台管理系统开发规范
后台管理系统是每个系统不可或缺的一部分,由于共性比较强,都是由查询列表、表单组成;为提高开发效率,统一制定下开发规范,也欢迎大家补充或修改。
列表页面
- 查询框
- 查询框类型:文本框、下拉选择框、日期选择框(范围)
- 下拉选择框支持输入匹配(showSearch)
- 查询框输入后能够清除(allowClear)
- 查询框提示信息要准确(placeholder)
- 查询框长度显示控制,日期控制内容要显示完整
- 查询结果分页后,查询条件保持
- 重置按钮、查询按钮是否起作用
- 列表页
- 列表字段显示顺序,重要的在前面
- 列表每个字段显示长度控制,标题超过20个汉字时显示省略号,鼠标移上后出现悬浮
- 每页显示条数统一,一般默认一页10条
- 列表字段过多时,锁定操作按钮,其他列可拖动
表单页面
- 表单样式选择:弹窗/页面
- 表单标题显示,右上角关闭按钮,底部是取消及提交按钮,标题下面有一条分割线,取消及提交按钮上面有一条分割线
- 弹窗表单大小控制,内容过多时,内部出现滚动条
- 表单字段提示信息要准确,对于图片类的提示要有明确的大小提示
- 表单必填项显示,未填写时提示信息要准确
- 表单字段类型校验(手机号、邮箱、密码....)
- 密码字段需要二次确认,密码位数及规则控制(正则)
- 表单标题(label)右对齐
详情页面
- 表单标题显示,标题下有分割线,右上角关闭按钮
- 表单标题右对齐
- 字典数据/级联数据要显示内容,而不是id或编码
- 图片显示(无图片时样式控制,需要有统一占位图)
危险操作
- 删除、审核、退出时需要弹出确认框
其他
- 数据字典要在开发时就是设计好,不要开发完成再修改