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框架
学无止境。。。。。。

相关文章
|
6月前
|
语音技术
语音识别-------求1-100的和讲解,while循环猜数字的实例,用while设置while循环猜数字的案例,while循环的嵌套应用,while嵌套while如何去做,表白送花写法,九九乘法表
语音识别-------求1-100的和讲解,while循环猜数字的实例,用while设置while循环猜数字的案例,while循环的嵌套应用,while嵌套while如何去做,表白送花写法,九九乘法表
|
7月前
|
人工智能 BI 索引
小红的字符串构造和小红的排列构造
小红的字符串构造和小红的排列构造
63 1
|
6月前
|
语音技术 数据安全/隐私保护 Python
语音识别---数据输入(input语句),布尔类型和比较运算符,if语句的基本格式,Python通过空格缩进来判断代码块的归属关系,我要买票吗讲解?if_elif_else
语音识别---数据输入(input语句),布尔类型和比较运算符,if语句的基本格式,Python通过空格缩进来判断代码块的归属关系,我要买票吗讲解?if_elif_else
|
8月前
|
算法
【错题集-编程题】小红的ABC(字符串 + 找规律)
【错题集-编程题】小红的ABC(字符串 + 找规律)
|
8月前
|
存储 人工智能 BI
小红的排列构造(dp优化)
小红的排列构造(dp优化)
73 0
|
8月前
|
JavaScript 计算机视觉
js身份证号输入自动判断其性别和出生年月日呢?进来来来来
js身份证号输入自动判断其性别和出生年月日呢?进来来来来
|
8月前
|
JavaScript 前端开发
js根据身份证号判断性别和生日
js根据身份证号判断性别和生日
117 0
|
JavaScript 前端开发
js实现输入身份证号得出生日、年龄和性别
js实现输入身份证号得出生日、年龄和性别
284 0
|
JavaScript 前端开发
javascript自动判断15位和18为身份证号计算年龄的解决方案
javascript自动判断15位和18为身份证号计算年龄的解决方案
367 0
|
算法 JavaScript 前端开发
【JavaScript数据结构与算法】数组类(电话号码的字符组合)
【JavaScript数据结构与算法】数组类(电话号码的字符组合)
124 0