Thymeleaf中条件判断将用户对应的数字转化为对应的男和女

简介: 这篇文章介绍了如何在Thymeleaf模板中使用条件判断来将数字转换为中文形式的性别表示。文章展示了转换前后的效果图,提供了具体的代码实现,其中包括使用`th:switch`和`th:case`属性来根据用户性别的数字(1代表男性,0代表女性)显示对应的中文性别。此外,文章还展示了一个完整的使用Bootstrap样式的table表格示例,表格中包括了性别列的转换。最后,文章提到了SpringMVC中使用Thymeleaf模板解析,控制层使用Model进行数据传输,并使用了Bootstrap框架。

1、实现效果

1.1 未转化前的效果

在这里插入图片描述

1.2 转化后的效果

在这里插入图片描述

2、代码实现

                <td>
                    <div th:switch="${employee.gender}">
                        <span th:case="1">男</span>
                        <span th:case="0">女</span>
                    </div>
                </td>

3、完整的table表格

使用了bootstrap

   <table id="mydataTable" class="table table-hover table-striped">
                <thead>
                <tr>
                    <th>编号</th>
                    <th>姓名</th>
                    <th>邮箱</th>
                    <th>性别</th>
                    <th colspan="2">操作</th>
                </tr>
                </thead>
                <!--查询用户处理-->
                <tbody>
                <tr th:each="employee : ${employeeList}">
                    <td th:text="${employee.id}"></td>
                    <td th:text="${employee.lastName}"></td>
                    <td th:text="${employee.email}"></td>
                    <td>
                        <div th:switch="${employee.gender}">
                            <span th:case="1">男</span>
                            <span th:case="0">女</span>
                        </div>
                    </td>
                    <td>
                        <a class="btn btn-danger btn-xs" @click="deleteEmployee"
                           th:href="@{'/employee/'+${employee.id}}">delete</a>
                        <a class="btn btn-primary btn-xs" th:href="@{'/employee/'+${employee.id}}">update</a>

                    </td>

                </tr>
                </tbody>
            </table>

4、后语

这里是SpringMVC中使用thymeleaf模板解析、控制层使用了Model来进行数据的传输、使用了BootStrap框架
学无止境。。。。。。

相关文章
|
9月前
|
JavaScript
js 输入身份证获取生日性别年龄
js 输入身份证获取生日性别年龄
|
7月前
|
语音技术
语音识别-------求1-100的和讲解,while循环猜数字的实例,用while设置while循环猜数字的案例,while循环的嵌套应用,while嵌套while如何去做,表白送花写法,九九乘法表
语音识别-------求1-100的和讲解,while循环猜数字的实例,用while设置while循环猜数字的案例,while循环的嵌套应用,while嵌套while如何去做,表白送花写法,九九乘法表
|
9月前
|
算法
【错题集-编程题】小红的ABC(字符串 + 找规律)
【错题集-编程题】小红的ABC(字符串 + 找规律)
用输入框输入一个成绩,来判断 成绩的等级 90-100分为优秀,70-89为良好,60-69为及格,60分以下为还需要继续努力,当输入为非数字的时候显示非法字符。
用输入框输入一个成绩,来判断 成绩的等级 90-100分为优秀,70-89为良好,60-69为及格,60分以下为还需要继续努力,当输入为非数字的时候显示非法字符。
469 0
|
9月前
火山中文编程 -- 判断闰年
火山中文编程 -- 判断闰年
39 0
|
9月前
|
JavaScript 计算机视觉
js身份证号输入自动判断其性别和出生年月日呢?进来来来来
js身份证号输入自动判断其性别和出生年月日呢?进来来来来
|
9月前
|
JavaScript 前端开发
js根据身份证号判断性别和生日
js根据身份证号判断性别和生日
122 0
|
JavaScript 前端开发
js实现输入身份证号得出生日、年龄和性别
js实现输入身份证号得出生日、年龄和性别
294 0
|
JavaScript 前端开发
javascript自动判断15位和18为身份证号计算年龄的解决方案
javascript自动判断15位和18为身份证号计算年龄的解决方案
385 0
|
JavaScript
js输入身份证获取生日年龄性别
js输入身份证获取生日年龄性别
87 0