自学内容网 自学内容网

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

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

3.运行

在这里插入图片描述

在这里插入图片描述


原文地址:https://blog.csdn.net/VIP_1205169154/article/details/135765676

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!