February 18, 2021
By: dirk

后台管理系统开发规范

  1. 后台管理系统开发规范
    1. 列表页面
    2. 表单页面
    3. 详情页面
    4. 危险操作
    5. 其他

后台管理系统开发规范

后台管理系统是每个系统不可或缺的一部分,由于共性比较强,都是由查询列表、表单组成;为提高开发效率,统一制定下开发规范,也欢迎大家补充或修改。

列表页面

  1. 查询框
    • 查询框类型:文本框、下拉选择框、日期选择框(范围)
    • 下拉选择框支持输入匹配(showSearch)
    • 查询框输入后能够清除(allowClear)
    • 查询框提示信息要准确(placeholder)
    • 查询框长度显示控制,日期控制内容要显示完整
    • 查询结果分页后,查询条件保持
    • 重置按钮、查询按钮是否起作用
  2. 列表页
    • 列表字段显示顺序,重要的在前面
    • 列表每个字段显示长度控制,标题超过20个汉字时显示省略号,鼠标移上后出现悬浮
    • 每页显示条数统一,一般默认一页10条
    • 列表字段过多时,锁定操作按钮,其他列可拖动

表单页面

  • 表单样式选择:弹窗/页面
  • 表单标题显示,右上角关闭按钮,底部是取消及提交按钮,标题下面有一条分割线,取消及提交按钮上面有一条分割线
  • 弹窗表单大小控制,内容过多时,内部出现滚动条
  • 表单字段提示信息要准确,对于图片类的提示要有明确的大小提示
  • 表单必填项显示,未填写时提示信息要准确
  • 表单字段类型校验(手机号、邮箱、密码....)
  • 密码字段需要二次确认,密码位数及规则控制(正则)
  • 表单标题(label)右对齐

详情页面

  • 表单标题显示,标题下有分割线,右上角关闭按钮
  • 表单标题右对齐
  • 字典数据/级联数据要显示内容,而不是id或编码
  • 图片显示(无图片时样式控制,需要有统一占位图)

危险操作

  • 删除、审核、退出时需要弹出确认框

其他

  • 数据字典要在开发时就是设计好,不要开发完成再修改
Tags: style