場景

Vue+ElementUI+SpringBoot+Mysql

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

注：

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

實現(xiàn)

首先設(shè)計Mysql數(shù)據(jù)庫，此字段設(shè)計為長度為1的tinyint

?

然后在SpringBoot中的實體類中

?private Boolean sfkt;

將其設(shè)置為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請求接口后獲取數(shù)據(jù)時獲取的是0和1。

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

所以在

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

添加formatter屬性對應(yīng)的sfktFormate是一個方法

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

其中row就是傳遞的當(dāng)前行對象，row.sfkt要對應(yīng)上面prop的sfkt

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

?

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。