用户编辑表单配置 - PC端通用管理模块配置教程(4)

用户编辑表单配置 - PC端通用管理模块配置教程(4)

教程文档：用户编辑表单配置

1. 复制后台用户查询服务

首先，您需要复制现有的后台用户查询服务。此步骤是为了建立一个可以修改用户信息的编辑服务。

2. 改为用户编辑服务

将复制后的服务修改为用户编辑服务。您需要更改服务路径为/user/edit，并且更新流程和后台组件方法调用，使其调用用户表组件的编辑服务。

3. 调试用户编辑服务

在编辑服务中，您需要新增行ID、用户名、密码等入参，以便在编辑用户信息时提供必要的数据。

4. 配置用户管理页组件接口API

在用户管理页组件中，您需要增加编辑接口的配置，具体为：

{
  编辑: "/user/edit"
}

5. 扩展表格列配置

为了在表格中添加操作列，您需要扩展表格列配置，增加如下配置项：

{
  title: "操作",
  dataIndex: "_operate",
  key: "_operate",
}

这将导致在表格中出现查看按钮。当您点击查看按钮时，会显示一个详情弹窗。

6. 打开启用编辑JS

在查看按钮旁边，您需要显示更多修改按钮。为此，您需要在相关JS中设置启用编辑为true。这样，在查看按钮旁边会出现更多和修改按钮。点击修改按钮将显示一个修改弹窗，用于修改表单。修改表单和新增表单都应通过表单字段配置实现。

7. 测试编辑表单

最后，您需要测试编辑表单是否正常工作。确保在编辑弹窗中可以修改用户信息，并且修改后的信息能够正确保存。

8.后台用户表组件编辑权限配置

加上edit 编辑权限

[
    {
        "dataIndex": "用户名",
        "operate": "filter|add|edit",
    },
    {
        "dataIndex": "密码",
        "operate": "filter|add|edit",
    },
]