当前位置: 首页 > news >正文

amis组件crud使用踩坑

crud注意

过滤条件参数同步地址栏

默认 CRUD 会将过滤条件参数同步至浏览器地址栏中,比如搜索条件、当前页数,这也做的目的是刷新页面的时候还能进入之前的分页。

但也会导致地址栏中的参数数据合并到顶层的数据链中,例如:自动给同名的表单项设置默认值。如果不希望这个功能,可以设置 syncLocation: false 来关闭。

如果需要使用接口联动,需要设置syncLocation: false

syncLocation开启后,数据域经过地址栏同步后,原始值被转化为字符串同步回数据域,但布尔值(boolean)同步后不符合预期数据结构,导致组件渲染出错。比如查询条件表单中包含Checkbox组件,此时可以设置{“trueValue”: “1”, “falseValue”: “0”},将真值和假值设置为字符串格式规避。从3.5.0版本开始,已经支持parsePrimitiveQuery,该配置默认开启。

同样也可以在可视化编辑器中配置来关闭。
在这里插入图片描述

快速开始

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  1. 先做好后端接口可以快速生成表格,中文标题需要自己调整。
  2. 增删改查直接勾选即可,接口、事件等需要自己配置

分页

{"status": 0,"msg": "","data": {"items": [{// 每一行的数据。"id": 1,"xxx": "xxxx"}],"total": 200 // 注意这里不是当前请求返回的 items 的长度,而是数据库一共有多少条数据,用于生成分页,}
}

后端数据返回格式:
在这里插入图片描述

后端后续补充

字典配置

  1. 可以直接在后端完成转换
  2. maping实现前端转换 官方文档
    eg:
    在这里插入图片描述

字段组合

字段组合可以使用Tpl模板 官方文档
在这里插入图片描述
eg:
在这里插入图片描述

后续踩坑后续补充

http://www.lryc.cn/news/534163.html

相关文章:

  • 离线统信系统的python第三方库批量安装流程
  • 韶音科技:消费电子行业售后服务实现数字化转型,重塑客户服务体系
  • 神经网络|(九)概率论基础知识-泊松分布及python仿真
  • 114,【6】攻防世界 web wzsc_文件上传
  • 【Kubernetes的SpringCloud最佳实践】有Service是否还需要Eureka?
  • SQL最佳实践(笔记)
  • vue3学习四
  • C# LiteDB 使用教程
  • Python Pandas(3):DataFrame
  • 使用通义灵码 ai编程 来提高开发效率
  • 【OpenCV】入门教学
  • 大数据项目4:基于spark的智慧交通项目设计与实现
  • netcore openTelemetry+prometheus+grafana
  • Spring Boot接入Deep Seek的API
  • Git、Github和Gitee完整讲解:丛基础到进阶功能
  • MyBatis的工作流程是怎样的?
  • Maven 安装配置(完整教程)
  • 分享如何通过Mq、Redis、XxlJob实现算法任务的异步解耦调度
  • 发布:大彩科技DN系列2.8寸高性价比串口屏发布!
  • 集合类不安全问题
  • 【基于SprintBoot+Mybatis+Mysql】电脑商城项目之上传头像和新增收货地址
  • AI知识库和全文检索的区别
  • 20240817 联想 笔试
  • IntelliJ IDEA 安装与使用完全教程:从入门到精通
  • 【JVM详解一】类加载过程与内存区域划分
  • 250207-MacOS修改Ollama模型下载及运行的路径
  • Win10 部署llama Factory 推荐教程和遇到的问题
  • 如何在Android Studio中开发一个简单的Android应用?
  • ubuntu下迁移docker文件夹
  • 嵌入式面试题 C/C++常见面试题整理_7