代码：
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8"/>
<title>学生列表</title>
<link href="bootstrap/css/bootstrap.css" rel="stylesheet">
</head>
<body> <div class="container">
<nav class="navbar navbar-inverse">
<div class="navbar-header">
<a href="#" class="navbar-brand"><strong>demo</strong>.com</a>
<button class="navbar-toggle" data-toggle="collapse" data-target="#nav1">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<!--<span class="icon-bar"></span>-->
</button>
</div>
<div id="nav1" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="/">首页</a></li>
<li class="active"><a href="/listStudent">学生信息</a></li>
<li><a href="/welcome">图片</a></li>
<!--<li><a href="#">个人中心</a></li>-->
</ul> <form action="" class="navbar-form navbar-right">
<input type="text" placeholder="搜索" class="form-control">
<input type="button" value="搜索" class="form-control">
</form> <a href="#" class="navbar-btn btn btn-sm btn-link navbar-right">登陆</a>
<a href="#" class="navbar-btn btn btn-sm btn-link navbar-right">注册</a>
</div>
</nav>
</div> <div class="container">
<div class="row">
<div class="col-md-12">
<h3 class="page-header">学生信息表</h3>
<!--判断学生列表是否为空-->
<table th:unless="${#lists.isEmpty(studentList)}" class="table table-striped">
<thead>
<tr>
<th>编号</th>
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
<th>电话</th>
</tr>
<thead>
<!--循环遍历学生列表-->
<tbody>
<!--<tr>-->
<!--<td>1</td>-->
<!--<td>Mark</td>-->
<!--<td>Otto</td>-->
<!--<td>@mdo</td>-->
<!--<td>123123</td>-->
<!--</tr>-->
<tr th:each="student : ${studentList}">
<td th:text="${student.id}"></td>
<td th:text="${student.name}"></td>
<td th:text="${student.gender}"></td>
<td th:text="${student.age}"></td>
<td th:text="${student.telephone}"></td>
</tr>
<tbody>
</table>
<div th:if="${#lists.isEmpty(studentList)}" class="alert alert-info" role="alert">
<strong>暂时没有学生信息!</strong>
</div>
</div> </div>
<div class="row">
<div class="col-md-4">
<h4 class="page-header">新增</h4>
<form method="POST" action="/addStudent" class="navbar-form" role="form">
<div class="form-group">
<div>
<input name="id" id="id" type="text" placeholder="编号" class="form-control"/>
</div>
<div>
<input name="name" id="name" type="text" placeholder="姓名" class="form-control"/>
</div>
<div>
<input name="gender" id="gender" type="text" placeholder="性别" class="form-control"/>
</div>
<div>
<input name="age" id="age" type="text" placeholder="年龄" class="form-control"/>
</div>
<div>
<input name="telephone" id="telephone" type="text" placeholder="电话" class="form-control"/>
</div>
<p></p>
<div class="btn-group">
<button type="submit" class="btn btn-default">新增</button>
<button type="button" onclick="location.reload()" class="btn btn-default">刷新</button>
</div>
</div> </form>
</div> <div class="col-md-4">
<h4 class="page-header">删除</h4>
<form action="/deleteStudentById" method="post" role="form" class="form-horizontal">
<div class="form-group col-md-8">
<div>
<input type="text" name="id" placeholder="请输入编号" class="form-control">
</div>
<p></p>
<div class="btn-group">
<button type="submit" class="btn btn-default">删除</button>
<button type="button" class="btn btn-default" onclick="location.reload()">刷新</button>
</div>
</div>
</form>
</div> <div class="col-md-4">
<h4 class="page-header">查询</h4>
<form action="/getStudentById2" method="get" class="form-horizontal" role="form">
<div class="form-group">
<!--<label class="col-md-2 control-label" for="id">编号</label>-->
<div class="col-md-7">
<input type="text" name="id" class="form-control" placeholder="请输入编号"/>
</div>
</div>
<div class="form-group col-md-8">
<button type="submit" class="btn btn-default">查询</button>
</div>
</form> </div> </div>
</div> </body>
</html>
截图：
