場景

Vue+ElementUI+SpringBoot+Mysql

需要設計一些屬性為是否，即只有兩個選擇的屬性字段。

注：

博客：
https://blog.csdn.net/badao_liumang_qizhi
關注公眾號
霸道的程序猿
獲取編程相關電子書、教程推送與免費下載。

實現

首先設計Mysql數據庫，此字段設計為長度為1的tinyint

?

然后在SpringBoot中的實體類中

?private Boolean sfkt;

將其設置為Boolean

這樣在使用代碼生成器等時會自動將0映射為false，將1映射為true。

這樣在mapper的xml中仍然可以使其作為查詢條件

??? <select id="selectKqBcglList" parameterType="KqBcgl" resultMap="KqBcglResult"><include refid="selectKqBcglVo"/><where><if test="bcbh != null? and bcbh != ''"> and bcbh = #{bcbh}</if><if test="sfkt != null? and sfkt != ''"> and sfkt = #{sfkt}</if><if test="xss != null? and xss != ''"> and xss = #{xss}</if><if test="sfyb != null? and sfyb != ''"> and sfyb = #{sfyb}</if></where></select>

在Element中通過axios請求接口后獲取數據時獲取的是0和1。

如果此時不加格式化的化就會在頁面上顯示1和0。

所以在

<el-table-column label="是否跨天" align="center" prop="sfkt" :formatter="sfktFormate" />

添加formatter屬性對應的sfktFormate是一個方法

??? sfktFormate(row, index) {if (row.sfkt == 1) {return "是";} else {return "否";}},

其中row就是傳遞的當前行對象，row.sfkt要對應上面prop的sfkt

這樣就能格式化顯示為是和否

?

總結

以上是生活随笔為你收集整理的ElementUI中显示是否以及SpringBoot中怎样存储实体类属性和数据库怎样设计字段的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。