Skip to content

整理的一些前后端协同工作

1. 数据字典使用

数据字典提供统一查询接口

  • 查询所有字典接口
  • 查询单个字典数据集合
  • 查询部分字典数据集合

结构如下

js
{
 'dicCode1': [
    {
     text: 'show text',
      value: 'code'
    }
  ],
  'dicCode2': [
    {
     text: 'show text',
      value: 'code'
    }
  ]
}

2. BFF层说明

基本结构: 数据结构基本按照页面功能结构。

举例:入库详情页面:

  • 红色框字段:均为一级属性字段。
  • 蓝色框为数组结构字段:蓝色框单个对象在页面上需要展示的字段也是一级属性字段。

隐藏字段说明: 应用接口可能存在一些字段需要在前端应用业务操作的同时,会有部分页面不需要的字段冗余到前端。

3. 接口查询字段需明确

列表查询接口对于查询条件的匹配需要明确。是使用qp-querystring-eq还是qp-querystring-like,需要明确,因为BFF端会封装页面确定需要的查询形式,不是中心透传。

4. 接口文本展示

接口返回字段 code 转换文本的方式处理。

举例:返回的订单列表当中,在数据库当中,trade表会关联存储一个用户code,通过关联user表code可以查询到用户名称。在前端业务页面上面需要显示用户名称,则用户名称需要应用接口处理好对应的用户名称返回到前端。

另一种情况:返回的订单列表里面返回一个tradeStatus,因为订单状态是放在数据字典当中,所以返回到前端的字段不需要进行文本处理,前端通过数据字典数据处理。

总结:

  • 数据字典相关的字段,或者明确静态数据的情况,前端处理
  • 其他的业务字段文本全部由应用接口处理

5. 复杂数据结构处理

6. 日期格式处理

7. 错误文本展示

错误文本展示,对于后端返回的错误信息前端如何处理。

  • 前端显示所有后端返回的错误信息
  • 前端不显示后端返回的错误信息
  • 前端需要取舍后端返回的错误信息

8. 权限处理

  • 资源权限
  • 数据权限
  • 接口权限

Welcome to the site