一個后臺管理模塊的框架結(jié)構(gòu)

走墨 2014-06-23

展開全文

自己做的一個資源管理頁面

注意頭部使用的一個頁面

下面的數(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">

<head>

/**

* 翻頁

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>

</head>

<div class="breadcrumb">當前位置：

</div>

<!-- 學科，版本，年級教材章節(jié) 翻頁用

-->

學科： <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>

</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">

<c:forEach items="${bps}" var="val">

<option value="${val.propertyKey}">${val.propertyValue}</option>

</c:forEach>

</select>

$("#resType").val('${resourceType}');

</script>

標題：<input type="text" style="margin-top:-6px;" class="text w200" id="title" name="title" size="15" value="${title}" />

舉報次數(shù)：<input type="text" style="margin-top:-6px;" class="text w200" id="reportCnt" name="reportCnt" size="15" value="${reportCnt}" />

</span>

</span>

</div>

doMySearch('${root}','','','1');

</script>

</form>

</body>

</html>

下面的ajax加載的

<%@ page contentType="text/html; charset=UTF-8" %>

<%@ include file="/common/taglibs.jsp"%>

<!-- 學科，版本，年級教材章節(jié) 刪除刷新用

-->

<th style="width:10%;">創(chuàng)建者</th>

<th style="width:10%;">創(chuàng)建時間</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>

${my431fn:getRedisUserById(res[8]).baseUser.realname}

</td>

<td class="text-ct" >${my431fn:getFileSize2(res[2],1)}</td>

<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"%>

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ù)的獲取方法：：