|
自己做的一個資源管理頁面 注意頭部使用的一個頁面 下面的數(shù)據(jù)是用ajax動態(tài)加載的。 具體的代碼 上部分： <%@ page contentType="text/html; charset=UTF-8" %> <%@ include file="/common/taglibs.jsp"%> <%@page import="java.util.*" %> <%@page import="org.my431.base.model.BaseProperties" %> <%@page import="org.my431.base.services.CacheBasePropertiesManager" %> <% String userId = request.getSession().getAttribute("wsUserId").toString(); request.setAttribute("userId",userId); %> <% response.setHeader("P3P","CP=\"CURa ADMa DEVa PSAo PSDo OUR BUS UNI PUR INT DEM STA PRE COM NAV OTC NOI DSP COR\""); %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www./TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www./1999/xhtml"> <head> <meta http-equiv="Cache-Control" content="no-cache" /> <meta http-equiv="Content-Type" content="text/html"/> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <link rel="stylesheet" type="text/css" href="${portalLoginUrl}/portal/skins/blue/css/layout.css" /> <link rel="stylesheet" type="text/css" href="${portalLoginUrl}/portal/skins/blue/css/colorskin.css" /> <script type="text/javascript" src="${portalLoginUrl}/portal/skins/blue/js/jquery-1.8.3.min.js"></script> <script src="${portalLoginUrl}/common/js/lhgdialog/lhgdialog_1.min.js?skin=idialog"></script> <script type="text/javascript" src="${portalLoginUrl}/portal/skins/blue/js/form.js"></script> <script type="text/javascript"> /** * 翻頁 */ function goToPage(value){ var clickNode=$("#bookNode").val(); var resourceType=$("#resType").val(); $.ajax({ type: "POST", url: '${root}/resource/SdResResource/resourceReportList.jspx?resourceType='+resourceType+'&subjectCode=${subjectCode}&versionId=${versionId}&clickNode='+clickNode+'&reportCnt=${reportCnt}&reporter=${reporter}&title=${title}&beginTime=${beginTime}&endTime=${endTime}&resourceType=${resourceType}&pageNo='+value+'&date='+new Date().getTime(), success: function(msg){ $("#admin_index_div").html(msg);//返回結(jié)果填充div } }); } /** * 選擇學科 */ function selectSubject(root,subjectCode,versionId){ document.location.href="${root}/resource/SdResResource/resourceReportIndex.jspx?subjectCode="+subjectCode+"&versionId="+versionId; } /** * 刪除資源 */ function deleteRelatedMaterial(root,resId) { $.dialog.confirm('確定要刪除這條資源么？', function(){ $.ajax({ type: "get", url: root+'/resource/SdResResource/deleteRelatedMaterial.jspx?resId='+resId, error: function(XMLHttpRequest, textStatus, errorThrown) { alert(errorThrown); }, success: function(msg){ document.location.href = '${root}/resource/Search/resAdministration.jspx?searchValue=${searchValue}&searchType=${searchType}&pageNo=${pageNo}'; } }); }, function(){ }); } /** * 封殺資源 */ function forbidden(id,flag){ $.ajax({ type:"get", url: "${root}/resource/SdResResource/fengshaRes.jspx?id="+id+"&flag="+flag+"&date="+new Date().getTime(), error: function(XMLHttpRequest, textStatus, errorThrown) { //alert('Error loading'); }, success: function(msg){ if(flag=='1'){ $("#"+id+"_for").replaceWith("<a id=\""+id+"_for\" href=\"javascript:;\" onclick=\"forbidden('"+id+"','0')\" class=\"btngp btn-canceled\" ><i> </i><b>封殺</b></a>"); }else{ $("#"+id+"_for").replaceWith("<a id=\""+id+"_for\" href=\"javascript:;\" onclick=\"forbidden('"+id+"','1')\" class=\"btngp btn-preview\" ><i> </i><b>解封</b></a>"); } } }); } /** * 查找 */ function doMySearch(root,beginTime,endTime,pageNo){ var resourceType=$("#resType").val(); var clickNode=$("#bookNode").val(); var subjectCode=$("#subjectCode").val(); var versionId=$("#versionId").val(); var reportCnt=$("#reportCnt").val(); var title=$("#title").val(); var reporter=$("#reporter").val(); $.ajax({ type: "POST", url: root+'/resource/SdResResource/resourceReportList.jspx?subjectCode='+subjectCode+'&versionId='+versionId+'&clickNode='+clickNode+'&reportCnt='+reportCnt+'&reporter='+reporter+'&title='+title+'&beginTime='+beginTime+'&endTime='+endTime+'&resourceType='+resourceType+'&date='+new Date().getTime(), success: function(msg){ $("#admin_index_div").html(msg);//返回結(jié)果填充div } }); } </script> <script src="${portalLoginUrl}/common/js/lhgdialog/lhgdialog_1.min.js?skin=idialog"></script> <script src="${portalLoginUrl}/common/js/My97DatePicker/WdatePicker.js" type="text/javascript"></script> </head> <body class="wrapr20"> <div class="breadcrumb">當前位置： <span>備課</span><i>|</i> <span>素材舉報</span><i>|</i> <span>列表</span> </div> <form action="${root}/resource/Search/resAdministration.jspx?searchValue=${searchValue}&searchType=${searchType}&pageNo=${pageNo}" name="frm" method="get"> <!-- 學科，版本，年級教材章節(jié) 翻頁用 <input type="hidden" name="subjectCodePage" id="subjectCodePage" value="${subjectCode}"/> <input type="hidden" name="versionIdPage" id="versionIdPage" value="${versionId}"/> <input type="hidden" name="hiddenpageNo" id="hiddenpageNo" value="${pageNo}"/> <input type="hidden" name="codePage" id="codePage" value="${code}"/> <input type="hidden" name="resTypePage" id="resTypePage" value="${pageNo}"/> <input type="hidden" name="resourceTypePage" id="resourceTypePage" value="${resourceType}"/> <input type="hidden" name="creatorPage" id="creatorPage" value="${creator}"/> <input type="hidden" name="hiddenpageNo" id="hiddenpageNo" value="${pageNo}"/> --> <div class="layoutop paddt0 clearfix"> <span class="qy-cond" style="float:left;"> 學科： <select name="subjectCode" id="subjectCode" class="select w130" onchange="selectSubject('${root}',this.value,'${versionId}')"> <c:forEach items="${subjectList}" var="sub"> <option <c:if test="${subjectCode eq sub.propertyKey}">selected</c:if> value="${sub.propertyKey}">${sub.propertyValue}</option> </c:forEach> <!-- <option value="res.type.video" <c:if test="${searchType eq 'res.type.video'}">selected="selected"</c:if>>課例</option> --> </select> 版本：<select name="versionId" id="versionId" class="select w130" onchange="selectSubject('${root}','${subjectCode}',this.value)"> <c:forEach items="${versionList}" var="ver"> <option <c:if test="${versionId eq ver.id}">selected</c:if> value="${ver.id}">${ver.name}</option> </c:forEach> </select> 章節(jié)：<select id="bookNode" name="bookNode" class="select w130" size="1"> <c:forEach items="${treeList}" var="element"> <c:if test="${fn:length(element.code)==6}"> <option <c:if test="${clickNode eq element.code}">selected</c:if> value="${element.code}">${my431fn:bj2qj(element.name)}</option> </c:if> <c:if test="${fn:length(element.code)==12}"> <option <c:if test="${clickNode eq element.code}">selected</c:if> value="${element.code}"> ${my431fn:bj2qj(element.name)}</option> </c:if> <c:if test="${fn:length(element.code)==18}"> <option <c:if test="${clickNode eq element.code}">selected</c:if> value="${element.code}"> ${my431fn:bj2qj(element.name)}</option> </c:if> <c:if test="${fn:length(element.code)==24}"> <option <c:if test="${clickNode eq element.code}">selected</c:if> value="${element.code}"> ${my431fn:bj2qj(element.name)}</option> </c:if> </c:forEach> </select> 類型：<select name="resType" id="resType" class="select w130" size="1"> <option value="">全部</option> <c:forEach items="${bps}" var="val"> <option value="${val.propertyKey}">${val.propertyValue}</option> </c:forEach> </select> <script> $("#resType").val('${resourceType}'); </script> <br></br> 標題：<input type="text" style="margin-top:-6px;" class="text w200" id="title" name="title" size="15" value="${title}" /> <input type="hidden" style="margin-top:-6px;" class="text w200" id="reporter" name="reporter" size="15" value="${reporter}" /> 舉報次數(shù)：<input type="text" style="margin-top:-6px;" class="text w200" id="reportCnt" name="reportCnt" size="15" value="${reportCnt}" /> </span> <span class="qy-cond" style="float: right;"> <a style="margin-top:40px;" href="javascript:;" onclick="doMySearch('${root}','','','1')" class="text-rt btngp btn-search"><i> </i><b>查詢</b></a> </span> </div> <div id="admin_index_div"></div> <script> doMySearch('${root}','','','1'); </script> </form> </body> </html> 下面的ajax加載的 <%@ page contentType="text/html; charset=UTF-8" %> <%@ include file="/common/taglibs.jsp"%> <!-- 學科，版本，年級教材章節(jié) 刪除刷新用 --> <input type="hidden" name="subjectCodeDel" id="subjectCodeDel" value="${subjectCode}"/> <input type="hidden" name="versionIdDel" id="versionIdDel" value="${versionId}"/> <input type="hidden" name="codeDel" id="codeDel" value="${clickNode}"/> <input type="hidden" name="resourceTypeDel" id="resourceTypeDel" value="${resourceType}"/> <input type="hidden" name="deleteFlagDel" id="deleteFlagDel" value="${forbiddenFlag}"/> <input type="hidden" name="titleDel" id="deleteFlagDel" value="${title}"/> <input type="hidden" name="beginTimeDel" id="beginTimeDel" value="${beginTime}"/> <input type="hidden" name="endTimeDel" id="endTimeDel" value="${endTime}"/> <input type="hidden" name="orderDel" id="orderDel" value="${order}"/> <input type="hidden" name="isTOPDel" id="isTOPDel" value="${isTop}"/> <table width="100%" cellspacing="1" cellpadding="0" border="0" style=";word-break: break-all; word-wrap: break-word;" class="tab-lt tab-hover"> <tr class="tab-thead td-white"> <th style="width:5%;">序號</th> <th style="width:5%;"><input name="allbox" onclick="changeAll(this.form,0)" type="checkbox"/></th> <th style="width:30%;">名稱</th> <th style="width:10%;">創(chuàng)建者</th> <th style="width:10%;">資源大小</th> <th style="width:5%;">資源格式</th> <th style="width:10%;">創(chuàng)建時間</th> <th style="width:4%;">狀態(tài)</th> <th style="width:5%;">評分</th> <th style="width:10%;">操作</th> </tr> <c:forEach items="${dataList}" var="res" varStatus="index"> <tr class="dg_row <c:if test="${index.index %2 == 0}">td-gray</c:if><c:if test="${index.index %2 == 1}">td-white</c:if>"> <td class="text-ct" >${pageSize*(pageNo-1)+index.index+1}</td> <td class="text-ct" ><input type="checkbox" name="ids" value="${res['0']}" onclick="changeOne(this,'trLine<c:out value="${((index.index+1) mod 2)+1 }" />');"></input> </td> <td class="text-ct" > <a href="${portalLoginUrl}/1s1k/sportal/admin_view_one_res.jsp?resId=${res['0']}" target="_blank">${res[1]}</a> </td> <td class="text-ct" style="text-align: center;"> ${my431fn:getRedisUserById(res[8]).baseUser.realname} </td> <td class="text-ct" >${my431fn:getFileSize2(res[2],1)}</td> <td class="text-ct" >${res[3]}</td> <td class="text-ct" ><fmt:formatDate value="${res[9]}" pattern="yyyy-MM-dd HH:ss"/> </td> <td class="text-ct" ><c:if test="${res['11'] eq '1'}"><FONT color="black">否</font></c:if> <c:if test="${res['11'] eq '0'}"><FONT color="red">是</font></c:if></td> <td class="text-ct" >${res[13]}</td> <td class="text-ct" > <c:if test="${res['14'] eq '0'}"><a id="${res['0']}_top" class="btngp-sm btn-up" onclick="setTop('${res['0']}','1')" title="置頂" href="javascript:void(0);"><i></i><b></b></a></c:if> <c:if test="${res['14'] eq '1'}"><a id="${res['0']}_top" class="btngp-sm btn-down" onclick="setTop('${res['0']}','0')" title="取消置頂" href="javascript:void(0);"><i></i><b></b></a></c:if> <!-- <a id="" class="btngp-sm btn-down" onclick="orderUp('CRE_TIME','false')" title="取消置頂" href="javascript:void(0);"><i></i><b></b></a> --> <c:if test="${res['11'] eq '1'}"><a id="${res['0']}_for" href="javascript:;" onclick="forbidden('${res['0']}','0')" class="btngp btn-canceled" ><i> </i><b>封殺</b></a> </c:if> <c:if test="${res['11'] eq '0'}"><a id="${res['0']}_for" href="javascript:;" onclick="forbidden('${res['0']}','1')" class="btngp btn-preview" ><i> </i><b>解封</b></a> </c:if> </td> </tr> </c:forEach> </table> ${pageHtml} 注意這里用到了刷新刪除頁 該頁面的內(nèi)容： <%@ page contentType="text/html; charset=UTF-8" %> <%@ include file="/common/taglibs.jsp"%> <script> document.location.href="${root}/resource/SdResResource/resourceManagerIndex.jspx?subjectCode=${subjectCode}&versionId=${versionId}&subjectCode=${subjectCode}&order=${order}&title=${title}&forbiddenFlag=${forbiddenFlag}&beginTime=${beginTime}&endTime=${endTime}&isTop=${isTop}" </script> 思考數(shù)據(jù)的獲取方法：： |
|
|
來自： 走墨 > 《java 個人總結(jié)》
