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

2023-12-29 12:04:39

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

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",
    },
]

文章来源:https://blog.csdn.net/zyh320888/article/details/135286196
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。