上班第二天

一，修改参数（有无女朋友）

法一：①，在实体类tTestBoy里加入String类型的yes属性：

@Transient

private String Yes ;

          ②，通过tTestBoyController的id过滤器进行修改

         List<TTestBoy> records = page.getRecords();

// for(TTestBoy record : records){

// if (record.getHasGirlFriend() == 1){

// record.setYes("有");

// }else {

// record.setYes("没有");

// }

// }

           ③修改前端的代码，将hasGrilFirend修改成yes

     scope . row . hasGirlFriend

注：这种方法可能会报空指针异常

法二：直接在前端用三目运算符进行修改

scope . row . hasGirlFriend ==1 ? "有" :"没有"

二，搜索框的修改（id-age）

  从后端的id过滤器开始修改，把id过滤器修改成为age过滤器

  再修改其前端，将前端的id属性改为age

如图为修改过后的代码：

    

三，查询最大最小年龄

    ①进行前端代码的修改加入一条输出框（一共两条：最大，最小）

<el-col :span="4">

<el-input v-model="listQuery.minAge" size="mini" placeholder="请输入最小年龄"></el-input>

</el-col>

<el-col :span="6">

<el-button type="success" size="mini" icon="el-icon-search" @click.native="search">{{ $t('button.search') }}</el-button>

<el-button type="primary" size="mini" icon="el-icon-refresh" @click.native="reset">{{ $t('button.reset') }}</el-button>

</el-col>

    ②进入tTestBoy界面向 listQuery里面加入参数

minAge:undefined,

maxAge:undefined

    ③在tTestBoyController里加入请求参数，和参数过滤的代码

@RequestParam (required = false ) Long minAge, @RequestParam (required = false ) Long maxAge

page.addFilter( "age" , SearchFilter.Operator. GTE ,minAge);

page.addFilter( "age" , SearchFilter.Operator. LTE ,maxAge);

    ④测试代码