JeecgBoot 3.6.1使用Online表单开发生成代码，如何定义自定义查询条件

不脱发的尼古拉斯萧瑟

已于 2024-01-23 12:04:23 修改

阅读量953

点赞数 12

分类专栏： JeecgBoot 文章标签： jeecgboot java 开发语言

于 2024-01-23 10:50:12 首次发布

本文链接：https://blog.csdn.net/VIP_1205169154/article/details/135765676

版权

JeecgBoot 专栏收录该内容

8 篇文章 1 订阅

订阅专栏

本文介绍了如何在Online表单中添加筛选条件，如姓名查询，并提供了使用FormSchema配置数据的例子，包括如何集成JInput和RangePicker组件以及处理数据库字段映射。

摘要由CSDN通过智能技术生成

一、使用Online表单生成代码，运行结果如下

二、如果我们想要加入一些筛选条件，例如用姓名查询

1.可在生成的前端代码中加入如下代码，文件为****data.ts

//查询数据
export const searchFormSchema: FormSchema[] = [
];

2.对如上代码进行编辑

代码如下（示例）：

//查询数据
export const searchFormSchema: FormSchema[] = [
  {
    label: '员工姓名',
    field: 'staffName',// 此处为数据库里的字段名，如果有下划线，此处记得用驼峰标识做区分，我的数据库字段为staff_name
    component: 'JInput',
    //colProps: { span: 6 },
  },// 此处需要注意
  {//时间选择框，
    label: '时间',
    field: 'createTime',
    component: 'RangePicker', //时间选择器
    componentProps:{
      valueType: 'Date', // 如果你的数据库时间字段类型为datetime，则需要此代码
      valueFormat:  "YYYY-MM-DD HH:mm:ss", //可选，绑定值的格式
      showTime:true, //日期选择框中是否显示时间
    },
  },
];