用户逻辑删除配置 - PC端通用管理模块配置教程(5)-多八多AI低代码多端应用开发助手在线IDE

用户逻辑删除配置 - PC端通用管理模块配置教程(5)-多八多AI低代码多端应用开发助手在线IDE

教程文档:用户行逻辑删除配置

目标
  • 实现用户行的逻辑删除功能。
  • 配置后台用户表组件,包括“是否删除”字段的默认值。
详细步骤
  1. 复制后台用户查询服务

    • 在现有用户查询服务的基础上,复制一份作为逻辑删除服务的模板。
  2. 改为用户删除服务

    • 修改服务流程,将后台组件方法调用的逻辑删除服务路径更改为 /user/del
    • 修改调用对象,从原服务组件更改为用户表组件。
  3. 调试用户删除服务

    • 在调用接口中新增行ID参数,确保能够定位到具体要删除的用户行。
    • 执行服务,检查是否能正确响应删除请求。
  4. 提示是否删除字段不存在

    • 如果服务执行后提示“是否删除”字段不存在,进行下一步的修改。
  5. 用户表增加是否删除字段

    • 在用户表中增加一个“是否删除”字段,用于标记逻辑删除状态。
    • 字段类型可以为布尔值或整型,根据实际数据库设计来定。
  6. 再次调试服务

    • 重新执行删除服务,确认“是否删除”字段被正确设置。
    • 验证该字段在删除操作后显示为“1”,代表已删除状态。
  7. 配置用户管理页组件接口API

    • 在用户管理页面的接口API配置中增加删除操作路径。
    • 新增配置项:{ 删除: "/user/del" }
  8. 扩展表格列配置

    • 在表格列配置中增加“是否删除”列。
    • 配置项示例:
    {
        title: "是否删除",
        dataIndex:"是否删除",
        key:"是否删除",
      },
    
  9. 测试查询显示

    • 执行查询操作,验证“是否删除”列以“1”或“0”显示。
  10. 启用删除JS功能

    • 在用户管理页面中启用删除JS功能。
    • 在查看按钮旁边添加“更多”删除按钮。
    • 点击删除按钮,出现删除确认对话框。
  11. 测试删除行

    • 通过删除按钮执行删除操作,验证是否能够成功删除行。
    • 确认删除操作后,“是否删除”列显示为“已删”。
  12. 扩展表格列配置

    • 进一步扩展“是否删除”列的配置。
    • 使用render函数,以文字形式直观显示“已删”或“未删”。
    {
        title: "是否删除",
        dataIndex:"是否删除",
        key:"是否删除",
        render:(text) => {
          return text ? '已删' : '未删';
        }
      },
    
  13. 配置后台用户表组件

    • 在用户表组件的配置中,设置“是否删除”字段的默认值。
    • 确保在未特别配置时,新增用户行的“是否删除”字段默认为“0”(未删除状态)。
代码示例
{
    dataIndex:'是否删除',
    operate:'add|edit',
    default:0
}
注意事项
  • 确保在用户表组件的配置中正确添加了“是否删除”字段。
  • 测试新增用户行时,验证“是否删除”字段是否正确设置为“0”。
结束语
  • 通过上述步骤,您应该能够成功配置后台用户表组件,包括“是否删除”字段的默认值。
  • 如果在实施过程中遇到任何问题,请参考本教程或联系开发支持团队。

你可能感兴趣的:(PC通用管理模块,react,低代码,js,node.js,taro)