1.switch組件
switch組件
1.1代碼寫法
1.1.1綁定的數(shù)據(jù)要具體到 行(row)以及得到的 內(nèi)容($index)
1.1.2點擊事件注意 @click.native 當前激活的這一行
image.png
1.2.傳單個參數(shù)寫法
單個參數(shù)寫法
1.2.1 傳一個對象的話 直接寫成row 一行就表示一個對象的內(nèi)容
傳一個對象
1.3在js里這個只是一個形參蚪燕，不必與后臺傳的字段一一對應(yīng)
js寫法注意
2 用戶權(quán)限 后臺加個userstatus字段
后臺加個userstatus字段
數(shù)據(jù)庫字段的寫法 tinyint
數(shù)據(jù)庫里存的值
2.1注意 為什么數(shù)據(jù)庫是int 而Java是布爾類型呢
因為數(shù)據(jù)庫里的0和1在Java里就是boolean 它會自動進行轉(zhuǎn)換
數(shù)據(jù)庫查詢 一定要定義成大寫的Boolean(封裝類) 不然很容易產(chǎn)生為null 的異常
2.2 userMapper.xml
userMapper.xml布爾寫法
<!--查詢用戶狀態(tài) 前臺綁定的switch組件只有true 和 false 所以這個類型得設(shè)置成Boolean(封裝類)類型-->
<select id="findStatus" parameterType="long" resultType="java.lang.Boolean">
select userstatus from tb_user where id=#{id}
</select>
<!-- 通過id來修改用戶狀態(tài)把0改為1 -->
<update id="updateStatusTo1" parameterType="long">
update tb_user set userstatus=${1} where id=#{id}
</update>
<!-- 通過id來修改用戶狀態(tài)把1改為0 -->
<update id="updateStatusTo0" parameterType="long">
update tb_user set userstatus=${0} where id=#{id}
</update>
2.3 userMapper
userMapper注意
//狀態(tài)查詢 0禁用 1啟用
Boolean findStatus(Long id);
//通過id來修改用戶狀態(tài)0到1
boolean updateStatusTo1(Long id);
//通過id來修改用戶狀態(tài)1到0
boolean updateStatusTo0(Long id);
2.4 userService
//判斷用戶狀態(tài) 0禁用 1啟用
boolean isStatus(Long id);
//通過id來修改用戶狀態(tài)從0到1
boolean updateStatusTo1(Long id);
//通過id來修改用戶狀態(tài)從1到0
boolean updateStatusTo0(Long id);
2.5 userServiceImpl
//判斷用戶狀態(tài)是否為0 默認1為啟用狀態(tài)
@Override
public boolean isStatus(Long id) { //前端先獲取點擊之前的狀態(tài)
boolean status = userMapper.findStatus(id);
if (status==false){ //0代表禁用
updateStatusTo1(id); //將status改為1
return status;
}else {
updateStatusTo0(id);
return status;
}
}
//通過id來修改用戶狀態(tài)0到1
@Override
public boolean updateStatusTo1(Long id) {
boolean status = userMapper.updateStatusTo1(id);
return status;
}
//通過id來修改用戶狀態(tài)1到0
@Override
public boolean updateStatusTo0(Long id) {
boolean status = userMapper.updateStatusTo0(id);
return status;
}
2.6 userController
//修改用戶狀態(tài)
@GetMapping("/userStatus")
public Result userStatus(Long id){
boolean status = userService.isStatus(id);
return Result.ok(status);
}
