用户编辑表单配置 - 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
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!