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

一、使用Online表单生成代码,运行结果如下JeecgBoot 3.6.1使用Online表单开发生成代码,如何定义自定义查询条件_第1张图片

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

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, //日期选择框中是否显示时间
    },
  },
];

3.运行

JeecgBoot 3.6.1使用Online表单开发生成代码,如何定义自定义查询条件_第2张图片

JeecgBoot 3.6.1使用Online表单开发生成代码,如何定义自定义查询条件_第3张图片

你可能感兴趣的:(JeecgBoot,jeecgboot,java,开发语言)