在IntelliJ IDEA上使用Maven搭建SSM框架（三）
阿新 • • 發佈：2019-01-31
<%@page contentType="text/html; charset=UTF-8" language="java" %> <%-- 引入jstl--%> <%@include file="common/tag.jsp" %> <!DOCTYPE html> <html> <head> <title>使用者列表頁</title> <%@include file="common/head.jsp" %> </head> <body style="margin-top: 10px"> <form action="/user/addUser" method="post" class="form-inline" role="form"> <div class="container"> <div class="panel panel-default"> <div class="panel-heading text-left"> <h4>新增使用者</h4> </div> <div class="form-group"> <label for="name" class="control-label">使用者名稱：</label> <input type="text" class="form-control" id="name" name="name" placeholder="請輸入名稱"> </div> <div class="form-group"> <label class="control-label">性別：</label> <label class="checkbox-inline"> <input type="radio" name="sex" value="1" checked>男 </label> <label class="checkbox-inline"> <input type="radio" name="sex" value="0">女 </label> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <button type="submit" class="btn btn-default">提交</button> </div> </div> </div> </div> </form> <%--頁面顯示部分--%> <div class="container"> <div class="panel panel-default"> <div class="panel-heading text-center"> <h2>使用者列表</h2> </div> <div class="panel-body"> <table class="table table-hover"> <thead> <tr> <th>id</th> <th>名稱</th> <th>性別</th> <th>建立時間</th> </tr> </thead> <tbody> <c:forEach var="list" items="${list}"> <tr> <td>${list.id}</td> <td>${list.name}</td> <td> <c:if test="${1==list.sex}">男生</c:if> <c:if test="${0==list.sex}">女生</c:if> </td> <td> <fmt:formatDate value="${list.createTime}" pattern="yyyy-MM-dd HH:mm:ss"/> </td> </tr> </c:forEach> </tbody> </table> </div> </div> </div> </body> <!-- jQuery檔案。務必在bootstrap.min.js 之前引入 --> <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script> <!-- 最新的 Bootstrap 核心 JavaScript 檔案 --> <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script> </html>
注：我在除錯的時候發現插入資料庫的資料發生中文亂碼問題