编写一个关于Java Bean类url,包括:name(名称)、site(官网)和property(性质)等属性。在控制器方法中生成一组Url,并在页面中返回。
2021/9/19 11:06:04
本文主要是介绍编写一个关于Java Bean类url,包括:name(名称)、site(官网)和property(性质)等属性。在控制器方法中生成一组Url,并在页面中返回。,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
一、题目
编写一个关于Java Bean类url,包括:name(名称)、site(官网)和property(性质)等属性。在控制器方法中生成一组Url,并在页面中返回。
要求:
1、奇偶行的背景颜色不同;
2、背景色定义在一个css文件中,并通过link标签引入。
示例:
二、实体类
public class Url { private String name; private String site; private String property; }
三、controller
@Controller @RequestMapping("/url") public class UrlController { @GetMapping("/getUrls") public String getUrls(Model model) { List<Url> urls = new ArrayList<>(); urls.add(new Url("xxx", "xxx", "xxx")); urls.add(new Url("xxx", "xxx", "xxx")); urls.add(new Url("xxx", "xxx", "xxx")); urls.add(new Url("xxx", "xxx", "xxx")); model.addAttribute("urls", urls); return "url"; } }
四、css文件
table.gridtable { font-family: verdana, arial, sans-serif; font-size: 11px; color: #333333; border-width: 1px; border-color: #666666; border-collapse: collapse; } table.gridtable th { border-width: 1px; padding: 8px; border-style: solid; border-color: #666666; background-color: #dedede; } table.gridtable td { border-width: 1px; padding: 8px; border-style: solid; border-color: #666666; } .evenrowcolor { background-color: red; } .oddrowcolor { background-color: coral; }
五、html页面
<!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>url</title> <link th:href="@{/css/url.css}" rel="stylesheet" type="text/css"> </head> <body> <h1>Url 列表</h1> <table class="gridtable"> <thead> <tr> <th>名称</th> <th>xxx</th> <th>xxx</th> </tr> </thead> <tbody> <!--取出我们当前遍历出对象的状态,根据我们状态中的count属性来修改我们class属性--> <tr th:each="url,atr:${urls}" th:class="${atr.count%2==0}? 'evenrowcolor':'oddrowcolor'"> <td th:text="${url.name}"></td> <td th:text="${url.site}"></td> <td th:text="${url.property}"></td> </tr> </tbody> </table> </body> </html>
效果演示
这篇关于编写一个关于Java Bean类url,包括:name(名称)、site(官网)和property(性质)等属性。在控制器方法中生成一组Url,并在页面中返回。的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-10-06小米11i印度快充版ROM合集:极致体验,超越期待
- 2024-10-06【ROM下载】小米11i 5G 印度版系统, 疾速跃迁,定义新速度
- 2024-10-06【ROM下载】小米 11 青春活力版,青春无极限,活力全开
- 2024-10-05小米13T Pro系统合集:性能与摄影的极致融合,值得你升级的系统ROM
- 2024-10-01基于Python+Vue开发的医院门诊预约挂号系统
- 2024-10-01基于Python+Vue开发的旅游景区管理系统
- 2024-10-01RestfulAPI入门指南:打造简单易懂的API接口
- 2024-10-01初学者指南:了解和使用Server Action
- 2024-10-01Server Component入门指南:搭建与配置详解
- 2024-10-01React 中使用 useRequest 实现数据请求