更多内容,点击了解:/k/springboot/springboot-interation/1740.html
目录
步骤1:基于前面的知识点
步骤2:先运行,看到效果,再学习
步骤3:模仿和排错
步骤4:TestController
步骤5:普通遍历
步骤6:带状态的遍历
步骤7:结合 select
步骤8:结合 单选框
步骤9:完整的 test.html
步骤10:重启测试
步骤1:基于前面的知识点
本知识点是建立在上一个知识点可运行项目的基础上进行的改进,所以最好把上个知识点理解和消化了.
步骤2:先运行,看到效果,再学习
老规矩,先下载下载区(点击进入)的可运行项目,配置运行起来,确认可用之后,再学习做了哪些步骤以达到这样的效果。
运行Application.java 然后访问如下测试地址:
可以看到如图所示的集中常见遍历需求
1. 单纯表格
2. 取status值的表格
3. 下拉框
4. 单选框
步骤3:模仿和排错
在确保可运行项目能够正确无误地运行之后,再严格照着教程的步骤,对代码模仿一遍。
模仿过程难免代码有出入,导致无法得到期望的运行结果,此时此刻通过比较正确答案( 可运行项目 ) 和自己的代码,来定位问题所在。
采用这种方式,学习有效果,排错有效率,可以较为明显地提升学习速度,跨过学习路上的各个槛。
推荐使用diffmerge软件,进行文件夹比较。把你自己做的项目文件夹,和我的可运行项目文件夹进行比较。
这个软件很牛逼的,可以知道文件夹里哪两个文件不对,并且很明显地标记出来
这里提供了绿色安装和使用教程:diffmerge 下载和使用教程
步骤4:TestController
准备集合 List<Product> 用于视图上显示。
需要注意的是 第5个产品用的是 currentProduct
步骤5:普通遍历
使用 th:each 遍历
步骤6:带状态的遍历
使用 th:each="p,status: ${ps} 方式遍历就把状态放在 status里面了, 同时还用3元表达式判断奇偶
status里还包含了如下信息:
index 属性, 0 开始的索引值
count 属性, 1 开始的索引值
size 属性, 集合内元素的总量
current 属性, 当前的迭代对象
even/odd 属性, boolean 类型的, 用来判断是否是偶数个还是奇数个
first 属性, boolean 类型, 是否是第一个
last 属性, boolean 类型, 是否是最后一个
步骤7:结合 select
还是用 th:each,但是放在option元素上,就可以遍历出多个下拉框出来了。
其中 th:selected 表示被选中的项。
步骤8:结合 单选框
单选框也是同样的做法,其中 th:checked用于判断是否选中
步骤9:完整的 test.html
完整的 test.html
步骤10:重启测试
重新运行 Application.java, 然后测试
更多内容,点击了解:/k/springboot/springboot-interation/1740.html