springboot–简单的课程信息表

编程初学者01

已于 2023-03-10 10:32:39 修改

阅读量770

点赞数 3

分类专栏： springboot 文章标签： bootstrap spring boot java intellij-idea mvc

于 2023-03-08 00:42:09 首次发布

本文链接：https://blog.csdn.net/m0_67587248/article/details/129394790

版权

springboot 专栏收录该内容

28 篇文章 0 订阅

订阅专栏

本文介绍了如何使用SpringBoot框架，结合Thymeleaf模板引擎和Bootstrap来创建一个显示课程信息的页面。通过创建实体类、配置YAML、编写控制类以及设计HTML页面，实现了课程表的显示。重点在于利用注解简化代码，并展示了Thymeleaf在数据绑定上的应用。

摘要由CSDN通过智能技术生成

学习springboot之课程表显示

在本次课程结束后，汪老师给我们布置了一个作业如下：
使用thymeleaf和bootstrap显示课程信息表（内容自定）的页面。
那么就让我们快速解决这个问题吧！在学习了springboot后我发现其实掌握了springboot的核心配置后，要写的代码便会减少很多啦，很多时候可以使用注解，在今天的作业中我们也会看到。

ps:注意一下内容不完成，不要复制粘贴！！！

一、项目结构

在这里插入图片描述

二、建立实体类

在com.itheima下建立一个unity包，在包下建立课程信息类。这里用了很多注解就减少了代码的写入量

public class Course {
    private Integer id;
    private String name;
    private double credit;
    private Integer hour;
    private String type;
}

三、yaml配置

server:
  port: 80
spring:
  thymeleaf:
    cache: false

四、pom.xml文件

其中导入你需要的依赖,不止这些

<dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>

五、建立控制类

这里还是使用thymeleaf模板将对象实例化，内容自写。（不完整实例如下）

@Controller
public class courseController {
    @GetMapping("/index")
    public String index(Model model){
        Course c1=new Course(1,"高等数学（1）",3.0,36,"必修课");
        Course c2=new Course(2,"高等数学（2）",3.0,36,"必修课");
       
        List<Course> list=new ArrayList();
        list.add(c1);
        list.add(c2);
       
        model.addAttribute("Courses",list);
        return "show";
    }
}

六、建立我们需要渲染的网页show.html

里面含有大量thymeleaf和html语法，不熟悉的同学可以自行重新学习。记得自行建立bootstrap的css和js。

    <title>首页</title>
    <link th:href ="@{http://localhost/css/bootstrap.css}" rel="stylesheet">
    <link th:href ="@{http://localhost/js/bootstrap.js}" rel="stylesheet">
</head>
<body>
<div class="container">
    <table class="table">
        <thead>
        <th>课程编号</th>
        <th>课程名字</th>
        <th>学分</th>
        <th>学时</th>
        <th>类型</th>
        </thead>
        <tbody>
        <tr th:each="Cou:${Courses}">
            <td th:text="${Cou.id}"></td>
            <td th:text="${Cou.name}"></td>
            <td th:text="${Cou.credit}"></td>
            <td th:text="${Cou.hour}"></td>
            <td th:text="${Cou.type}"></td>
        </tr>
        </tbody>
    </table>
</div>