直接上代码
<%@page pageEncoding="utf-8" contentType="text/html;charset=utf-8" %> <%@taglib prefix="c1" uri="http://www.tarena.com/mytag" %> <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <c1:sessionValidate/> <html> <head> <title>emplist</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"/> <!-- meta使用viewport以确保页面可自由缩放 --> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- 引入 jQuery Mobile 样式 --> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> <!-- 引入 jQuery 库 --> <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> <!-- 引入 jQuery Mobile 库 --> <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> </head> <body> <!-- Begin PageSingle --> <div data-role="page" id="pageSingle" > <div data-role="header" data-theme="b"> <h1>神农</h1> <div data-role="navbar" > <ul> <li><a href="#" data-transition="fade" data-theme="c" class="ui-btn-active ui-state-persist" >项目列表</a></li> <li><a href="#pageUnSingle" data-transition="fade" data-theme="c" >我的信息</a></li> </ul> </div> </div> <div data-role="content"> <ul data-role="listview" id="singleList" data-filter="true" data-filter-placeholder="请输入姓名或者年龄"> <!-- 动态 显示列表 --> <table class="table"> <tr class="table_header"> <td> ID </td> <td> 项目名 </td> <td> 性别要求 </td> <td> 日期 </td> <td> </td> </tr> <c:forEach var="project" items="${projects}" varStatus="status"> <tr class="row${status.index % 2 + 1}"> <td> ${project.pid} </td> <td> ${project.pname} </td> <td> <c:if test="${user.gender == 'm'}">男</c:if> <c:if test="${user.gender == 'f'}">女</c:if> </td> <td> ${project.date} </td> <td> <a href="pdetail.do?id=${project.pid}">详细</a> </td> </tr> </c:forEach> </table> </ul> </div> <div data-role="footer" data-position="fixed" data-theme="b" data-id="pageFooter"> <div data-role="navbar"> <ul> <li><a href="#" data-transition="slide" data-icon="grid" class="ui-btn-active ui-state-persist" >项目列表</a></li> <li><a href="#pageSystem" data-transition="slide" data-icon="star" >我的项目</a></li> <li><a href="#pageSetting" data-transition="slide" data-icon="gear">系统设置</a></li> </ul> </div> </div> </div> <!-- End PageSingle --> <!-- Begin PageUnSingle --> <div data-role="page" id="pageUnSingle"> <div data-role="header" data-theme="b" > <h1>JokerJason</h1> <div data-role="navbar"> <ul> <li><a href="#pageSingle" data-transition="fade" data-theme="c" >项目列表</a></li> <li><a href="#" data-transition="fade" class="ui-btn-active ui-state-persist" data-theme="c" >我的信息</a></li> </ul> </div> </div> <div data-role="content"> <table class="table"> <tr class="table_header"> <td> ID </td> <td> 姓名 </td> <td> 性别 </td> <td> 日期 </td> <td> </td> </tr> <c:forEach var="user" items="${users}" varStatus="status"> <tr class="row${status.index % 2 + 1}"> <td> ${user.id} </td> <td> ${user.username} </td> <td> <c:if test="${user.gender == 'm'}">男</c:if> <c:if test="${user.gender == 'f'}">女</c:if> </td> <td> ${user.age} </td> <td> <a href="userDetail.do?id=${user.id}">详细</a> </td> </tr> </c:forEach> </table> </div> <div data-role="footer" data-position="fixed" data-theme="b" data-id="pageFooter"> <div data-role="navbar"> <ul> <li><a href="#" data-transition="slide" data-icon="grid" class="ui-btn-active ui-state-persist">项目列表</a></li> <li><a href="#pageSystem" data-transition="slide" data-icon="star">我的项目</a></li> <li><a href="#pageSetting" data-transition="slide" data-icon="gear">系统设置</a></li> </ul> </div> </div> </div> <!--- End PageUnSingle--> </body> </html>