代码拉取完成,页面将自动刷新
// 根节点
{
option : { // 页面渲染配置项
column: [
... // 每个字段的渲染配置项
]
... // 表格的配置项
}
}
具体的格式参考 :
负责定义一个组,前端根据这个组来确定模版,单个服务中必须唯一否则会出现覆盖的情况。
后端接口服务的配置路径,支持Spring的环境变量配置的表达式 -> ${xxx}
。
list : 列表的服务访问路径
save : 新增的服务请求路径
update : 修改的服务请求路径
del : 删除的服务请求路径
messageField: 接口的消息提示字段名称
successField : 代表服务返回成功的字段名称
successKeyword: 根据返回字段的关键字做匹配来判断当前请求是否成功
success
,successKeyword = true
,如果为false那么会显示messageField
指定的提示字段。表格的参数
page开头: 代表分页请求的返回结果编排。
表单的参数
successKeyword
: 增删改的接口返回成功的标识关键字分页的配置参数定义,需要与后台的接口返回做适配。
举例:
{
"success":true,
"errorCode":null,
"message":null,
"pageModel":{ // pageRoot : 根路径
"rowTotal":0,
"pageSize":10, // pageSize : 每页大小
"count":1,
"total":1, // pageTotal : // 每页总数
"beginIndex":0,
"endIndex":0,
"resultSet":[ // pageData : 每页的数据名称
{
"id":"HW1RIXwBi112tDv4JLJf",
"ruleName":"所有项目通用规则",
"project":"all",
"title":"通用规则",
"status":-1,
"creator":"",
"createDate":1632646538330,
"updator":"",
"updated":1632909056496
}
],
"orderby":"",
"totalRow":0
}
}
按钮事件组,通过指定确定布局的方式,去找对应的函数执行内容。执行方法是一个个模版,通过注解传递过去的参数来触发按钮的事件。
type : 按钮类型参考类型 : 参考 element-ui -> https://element.eleme.cn/#/zh-CN/component/button
icon : 按钮标题
btnName: 按钮名称
fieldNames : 按钮参数
attrExt: 拓展属性
methodName: 方法名称
定义在ruoyi-avue-ui/src/api/crud/event/rowClickEvent.js中的方法名称
事件名称 | 事件参数 | 事件描述 |
---|---|---|
hrefClick | url : 跳转的URL | 点击跳转到特定的页面 |
confirmClickRemoteApi | title : 确认的标题 url : 处理的后台地址 method: 接口的请求方法[post,get] 默认是post |
点击弹出确认框,确认之后出发一个后台接口调用 |
openWindowJsonRemote | attrExt:{ submitUrl: "提交地址", url: "弹窗内容渲染JSON,默认 /avue/crud ",group: "路由的分组名称"} |
点击按钮,弹出一个弹窗,内容渲染按照递归的方式查找渲染JSON。 |
数据校验规则
必填项等等...
允许递归嵌套处理。
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。