loading jquery loading 加载的效果,图片的用的是百度图片,方便观看

<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
<title>日志管理</title>
<c:set var="ctx" value="${pageContext.request.contextPath }"></c:set>
<meta name="decorator" content="default" />
<script type="text/javascript">
 function page(n, s) {
  $("#pageNo").val(n);
  $("#pageSize").val(s);
  $("#searchForm").submit();
  return false;
 }
</script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
 $(window).load(function() {
  $("#loading").hide();
 })
</script>
 
<link href="/jeesite/static/jquery/loading.css" rel="stylesheet"/>
 
<link href="/jeesite/jquery-jbox/2.3/Skins/Bootstrap/jbox.min.css" rel="stylesheet" />
 <link href="/jeesite/jquery-jbox/2.3/Skins/Bootstrap/loading.css" rel="stylesheet" />
 
 <link href="/jeesite/jquery-jbox/2.3/Skins/Bootstrap/jbox.min.css" rel="stylesheet" />
 
<link href="/jeesite/static/common/jeesite.min.css" type="text/css" rel="stylesheet" />
<link href="/jeesite/static/common/load.css" type="text/css" rel="stylesheet" />
<style type="text/css">
#loading {
 position: absolute;
 width: 300px;
 top: 0px;
 left: 50%;
 margin-left: -150px;
 text-align: center;
 padding: 7px 0 0 0;
 font: bold 11px Arial, Helvetica, sans-serif;
}
</style>

</head>
<body>
  <ul class="nav nav-tabs"> 
    <li class="active"><a href="${ctx}/sys/log/">日志列表</a></li> 
  </ul> 
 <form:form id="searchForm" action="${ctx}/sys/log/" method="post"
  class="breadcrumb form-search">
  <input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}" />
  <input id="pageSize" name="pageSize" type="hidden"
   value="${page.pageSize}" />
  <div>
   <label>操作菜单:</label><input id="title" name="title" type="text"
    maxlength="50" class="input-mini" value="${log.title}" /> <label>用户ID:</label><input
    id="createBy.id" name="createBy.id" type="text" maxlength="50"
    class="input-mini" value="${log.createBy.id}" /> <label>URI:</label><input
    id="requestUri" name="requestUri" type="text" maxlength="50"
    class="input-mini" value="${log.requestUri}" />
  </div>
  <div style="margin-top: 8px;">
   <label>日期范围:&nbsp;</label><input id="beginDate" name="beginDate"
    type="text" readonly="readonly" maxlength="20"
    class="input-mini Wdate"
    value="<fmt:formatDate value="${log.beginDate}" pattern="yyyy-MM-dd"/>"
    onclick="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:false});" />
   <label>&nbsp;--&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label><input
    id="endDate" name="endDate" type="text" readonly="readonly"
    maxlength="20" class="input-mini Wdate"
    value="<fmt:formatDate value="${log.endDate}" pattern="yyyy-MM-dd"/>"
    onclick="WdatePicker({dateFmt:'yyyy-MM-dd',isShowClear:false});" />&nbsp;&nbsp;
   &nbsp;<label for="exception"><input id="exception"
    name="exception" type="checkbox"
    ${log.exception eq '1'?' checked':''} value="1" />只查询异常信息</label>
   &nbsp;&nbsp;&nbsp;<input id="btnSubmit" class="btn btn-primary"
    type="submit" value="查询" />&nbsp;&nbsp;
  </div>
 </form:form>
 <sys:message content="${message}" />
 <table id="contentTable"
  class="table table-striped table-bordered table-condensed">
  <thead>
   <tr>
    <th>操作-菜单</th>
    <th>操作用户</th>
    <th>所在公司</th>
    <th>所在部门</th>
    <th>URI</th>
    <th>提交方式</th>
    <th>操作者IP</th>
    <th>操作时间</th>
  </thead>
  <div id="loading">数据正在加载.....请稍候<img src="http://z.k1982.com/design_img/201408/2014081721544114661.gif" width="20000" height="2000" alt="loading.." /></div> 
  
  <tbody>
   <%
    request.setAttribute("strEnter", "\n");
    request.setAttribute("strTab", "\t");
   %>
   <c:forEach items="${page.list}" var="log">
    <tr>
     <td>${log.title}</td>
     <td>${log.createBy.name}</td>
     <td>${log.createBy.company.name}</td>
     <td>${log.createBy.office.name}</td>
     <td><strong>${log.requestUri}</strong></td>
     <td>${log.method}</td>
     <td>${log.remoteAddr}</td>
     <td><fmt:formatDate value="${log.createDate}" type="both" /></td>
    </tr>
    <c:if test="${not empty log.exception}">
     <tr>
      <td colspan="8"
       style="word-wrap: break-word; word-break: break-all;">
       <%--      用户代理: ${log.userAgent}<br/> --%> <%--      提交参数: ${fns:escapeHtml(log.params)} <br/> --%>
       异常信息: <br />
       ${fn:replace(fn:replace(fns:escapeHtml(log.exception), strEnter, '<br/>'), strTab, '&nbsp; &nbsp; ')}
      </td>
     </tr>
    </c:if>
   </c:forEach>
  </tbody>
 </table>
 <div class="pagination">${page}</div>
</body>
</html>

转载于:https://my.oschina.net/thomas2/blog/512241

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值