2022.2.28

Posted 2022-03-03 houzhicongone

实习的日记：

1. 今天进行三张表的连表的查询，使用left join进行连接，这个连接的特点主表会全部进行显示，即使连接的右表没有，比如rulid主表有两个为1，连接的表也有1个或者两个为1，使用这个字段进行连接的时候会出现很多的数据最多为2*2，可以用两个字段连接来进行具体的关联解决这个方法。
2. 使用elementUI的scope.$index可以取到行数，它是从0开始的。
3. elementUI的表头的变色和字体大小可以进行相关的修改。代码如下：
   在

<el-table :header-cell-style="tableHeaderRowStyle"> 
 </el-table>

在css样式中加上：

// 表头
.el-table__header tr,
.el-table__header th 
  padding: 0;
  height: 50px;
  background-color: palevioletred !important;
  color:white !important;
  font-weight: 500;
  font-size:18px !important;
  

可以加上！important表示权重为最高的。

5. 前端的相关的数组的过滤可以把字段类型为1的进行过滤出来得到一个新的数组：

 this.dataList=dataList.filter(function(type)
            
            return type.type=='1';
          );

6. 进行多表的连接查询，可以建立实体类extends字段较多的那张表，然后把需要展示的字段加上，如果在resultMap中的属性名和字段名一样可以不用再次写上，或者直接建立一个DTO把需要展示的所有字段进行声明，然后resultType返回这个DTO就好
7. 需要操作多张表格的时候的一些操作。