JSP动态生成table并输出为Excel

最新推荐文章于 2021-06-18 05:21:01 发布
最新推荐文章于 2021-06-18 05:21:01 发布
阅读量529 收藏 1
点赞数
文章标签： java javascript json ViewUI
原文链接：https://my.oschina.net/u/3354389/blog/3005870
版权

服务端源码

	public JSONArray getListToDeptPart() throws Exception {
	JSONArray jsonArr = new JSONArray();
	List<Map<String,Object>> theLastList = new ArrayList<Map<String,Object>>();
	String queryUnitNameSql  = "SELECT UNIT_NAME FROM ( SELECT UNIT_TYPE FROM T_SECRECY_DEPARTMENT UNION SELECT UNIT_TYPE FROM T_SECRECY_PART ) CC JOIN T_UNIT_NAME TU ON CC.UNIT_TYPE =  TU.UNIT_NAME_ID"; 
	List<Map<String, Object>> unitNameList = dataBaseService.query(queryUnitNameSql);
	if(unitNameList.size()>0 && !unitNameList.isEmpty()){
		for (Map<String, Object> unitMap : unitNameList) {
			Map<String,Object> theLastMap = new HashMap<String,Object>();
			Map<String,Object> theInnerDeptMap = new HashMap<String,Object>();
			Map<String,Object> theInnerPartMap = new HashMap<String,Object>();
			Object unitNameObj = unitMap.get("unitName");
		    String unitName = unitNameObj != null ? unitNameObj.toString() : "";
		    theLastMap.put("unitName", unitName);
		    //查要害部门
			String majorDeptSql = "SELECT TU.UNIT_NAME AS UNIT_NAME,DEPARTMENT_NAME,OFFICIAL_NAME AS DEPT_OFFICIAL_NAME,SECRECY_PEOPLES AS DEPT_SECRECY_PEOPLES FROM T_SECRECY_DEPARTMENT SD JOIN T_UNIT_NAME TU ON SD.UNIT_TYPE = TU.UNIT_NAME_ID WHERE UNIT_NAME='"+unitName+"' ORDER BY UNIT_NAME";
			List<Map<String, Object>> majorDeptList = dataBaseService.query(majorDeptSql);
			theInnerDeptMap.put("unitName", unitName);
			if(majorDeptList.size()>0){
				theInnerDeptMap.put("majorDeptInfo", majorDeptList);
			}else{
				Map<String,Object> deptIsNullMap = new HashMap<String,Object>();
				deptIsNullMap.put("unitName", "");
				deptIsNullMap.put("departmentName", "");
				deptIsNullMap.put("deptOfficialName", "");
				deptIsNullMap.put("deptSecrecyPeoples", 0);
				majorDeptList.add(deptIsNullMap);
				theInnerDeptMap.put("majorDeptInfo", majorDeptList);
			}
			//查要害部位  //{unit:[],dept:{unitname:[],unitname:[]},part:{unitname:[],unitname:[]}}
			String majorPartSql = "SELECT TU.UNIT_NAME AS UNIT_NAME,PART_NAME,OFFICIAL_NAME AS PART_OFFICIAL_NAME,SECRECY_PEOPLES AS PART_SECRECY_PEOPLES FROM T_SECRECY_PART SP JOIN T_UNIT_NAME TU ON SP.UNIT_TYPE = TU.UNIT_NAME_ID WHERE UNIT_NAME='"+unitName+"' ORDER BY UNIT_NAME";
			List<Map<String, Object>> majorPartList = dataBaseService.query(majorPartSql);
			theInnerPartMap.put("unitName", unitName);
			if(majorPartList.size()>0){
				theInnerPartMap.put("majorPartInfo", majorPartList);
			}else{
				Map<String,Object> partIsNullMap = new HashMap<String,Object>();
				partIsNullMap.put("unitName", "");
				partIsNullMap.put("partName", "");
				partIsNullMap.put("partOfficialName", "");
				partIsNullMap.put("partSecrecyPeoples", 0);
				majorPartList.add(partIsNullMap);
				theInnerPartMap.put("majorPartInfo", majorPartList);
			}
			theLastMap.put("dept", theInnerDeptMap);
			theLastMap.put("part", theInnerPartMap);
			theLastList.add(theLastMap);
		}
		jsonArr = JSONArray.fromObject(theLastList);
	}
	return jsonArr;
}

页面jsp`

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> 
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>Insert title here</title> 
<% 
String path = request.getContextPath(); 
String basePath = request.getScheme() + "://" + request.getServerName() + ":" +request.getServerPort() + path + "/"; %>
<link rel="stylesheet" href="../resources/css/bootstrap.min.css" type="text/css" /> 
<script type="text/javascript" src="../resources/js/jquery-1.11.3.min.js"></script> 
<script type="text/javascript" src="../resources/jquery.base64.js"></script> 
<script type="text/javascript" src="../resources/respond.min.js"></script> 
<script type="text/javascript" src="../resources/js/bootstrap.min.js"></script> 
<script type="text/javascript" src="../resources/html5shiv.js"></script>

<script type="text/javascript"> 
function isIE(){ 
      if(!!window.ActiveXObject || "ActiveXObject" in window) 
           return true;
      else 
           return false; 
}

//通过后台返回的数据组装table 
$.post('<%=basePath%>secretmajordeptandpart/list', function(data) { 
      loadData(data);
});

 //base64加密 
function base64 (content) { 
      return $.base64.btoa(unescape(encodeURIComponent(content)));
}
/*
* 导出按钮
*@tableId: table的Id
*@fileName: 要生成excel文件的名字（不包括后缀，可随意填写）
*/
function tableToExcel(tableID,name,fileName){
	 var table = document.getElementById(tableID);
  	 if(isIE()){
	  try{
		 var ExApp = new ActiveXObject("Excel.Application");
	  }catch(e){
		  alert("你的电脑没有安装Microsoft Excel软件");
		  return false;
	  }
	  var ExWBk = ExApp.Workbooks.Add();
	 var ExWSh = ExWBk.ActiveSheet;
	 var sel =document.body.createTextRange();
	 sel.moveToElementText(table);
	 sel.select();
	 sel.execCommand("Copy");
	 /* var lenr = table.rows.length;
	 for(i=0;i<lenr;i++){
		 var lenc = table.rows(i).cells.length;
		 for(j=0;j<lenc;j++){
			ExWSh.Cells(i+1,j+1).value = table.rows(i).cells(j).innerText;
		 }
	 } */
	ExWSh.Paste();
	 ExApp.Visible = true;
	  try{}catch(e){
		  alert("导出失败，请检查是否安装Excel");
	  }finally{}
  }else{
	  var fileName="市直机关单位保密要害部门、部位基本情况统计表"+new Date().format('yyyyMMdd');
      var excelContent = table.innerHTML;
      var excelFile = "<html xmlns:o='urn:schemas-microsoft-com:office:office' xmlns:x='urn:schemas-microsoft-com:office:excel' xmlns='http://www.w3.org/TR/REC-html40'>";
      excelFile += "<head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head>";
      excelFile += '<body><table border="0" cellpadding="0" cellspacing="0" style="font-size:16px;width:100%;border-color: black;border-collapse:collapse;table-layout:fixed;">'; 
      excelFile += '<col span="9" style="mso-width-source:userset;mso-width-alt:2720;"/>';
      excelFile += ' <tr>';
      excelFile += ' <td colspan="9" rowspan="2" style="font-family:宋体;border-right:none;border-bottom:none;text-align:center;font-size:25px;font-weight:700;">汕头市市直机关单位保密要害部门、部位基本情况</td></tr>';
      excelFile += ' <tr>';
      excelFile += ' <tr style="mso-height-source:userset;mso-height-alt:540;">';
      excelFile += '<td  colspan="4" style="font-family:宋体;font-size:15px;border-right:none;border-bottom:none;text-align:left;">单位（盖章）：汕头市保密局</td>';
      excelFile += '<td colspan="5" style="font-family:宋体;font-size:15px;border-right:none;border-bottom:none;text-align:right;">填表日期：'+new Date().format('yyyy年MM月dd日')+'</td></tr>';
      excelFile += excelContent;
      excelFile += '<tr><td colspan="9" style="font-family : 宋体;font-size:16px;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;">说明：涉密人员总数是指保密要害部门和部位的涉密工作人员总数量；计算公式是：涉密'
          +'人员总数=要害部门涉密人员+要害部位涉密人员——所含人数（所含人数指要害部位涉密'+
          '人员已含于要害部门涉密人员中）。</td></tr></table></body>';
      excelFile += "</html>";
      var link = "data:application/vnd.ms-excel;base64," + base64(excelFile);
      var a = document.createElement("a");
      a.download = fileName+".xls";
      a.href = link;
      a.click();
  }
  
}

//刷新按钮
function onLoadData(){
	 $.post('<%=basePath%>secretmajordeptandpart/list', function(data) {
		   loadData(data);
		});
}

//日期格式化
Date.prototype.format= function(formatStr){
	var str = formatStr;
	var week = ['日','一','二','三','四','五','六'];
	str = str.replace(/yyyy|YYYY/,this.getFullYear());
	str = str.replace(/MM/,(this.getMonth()+1)>9?(this.getMonth()+1).toString():'0'+(this.getMonth()+1));
	str = str.replace(/dd|DD/,this.getDate()>9?this.getDate().toString():'0' + this.getDate());
	return str;
}

//加载table数据的方法
function loadData(data){
	var strHtml = "";
	var jsonObj = JSON.parse(data);
	var allDeptTotal=0;
	var allPartTotal = 0;
	var deptLen = 0;
	var partLen = 0;
	for (var i = 0; i < jsonObj.length; i++) {
		var temp = jsonObj[i];
		var majorDept = temp.dept.majorDeptInfo;
		var deptSize = majorDept.length;
		var majorPart = temp.part.majorPartInfo;
		var partSize = majorPart.length;
		//算总分
		var deptTotal = 0;
		var partTotal = 0;
		for(var k = 0;k<deptSize;k++){
			 if(majorDept[k].departmentName){
				 deptLen = deptLen +1;
			 }
			var deptNum=majorDept[k].deptSecrecyPeoples;
			deptTotal += deptNum;
			allDeptTotal += deptNum;
		}
		for(var l = 0;l<partSize;l++){
			if(majorPart[l].partName){
				partLen = partLen +1;
			}
			var partNum=majorPart[l].partSecrecyPeoples;
			partTotal += partNum;
			allPartTotal += partNum;
		}
		var total = deptTotal + partTotal;
		var len = deptSize > partSize ? deptSize : partSize;
		if(deptSize ==1 && partSize == 1){
			strHtml += "<tr>";
			strHtml += '	<td style="font-family : 宋体;text-align:center;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;">' + (i + 1) + '</td>';
			strHtml += '	<td width="216" style="font-family : 宋体;text-align:center;width:162;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;">' + temp.unitName + '</td>';
			for (var j = 0; j<len; j++) {
				if (majorDept[j]) {
					strHtml += '	<td width="144" style="font-family : 宋体;text-align:center;width:108;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;">' + majorDept[j].departmentName + '</td>';
					strHtml += '	<td style="font-family : 宋体;text-align:center;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;">' + majorDept[j].deptOfficialName + '</td>';
					strHtml += '	<td style="font-family : 宋体;text-align:center;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;">' + majorDept[j].deptSecrecyPeoples + '</td>';
				}else{
					strHtml += '	<td style="font-family : 宋体;text-align:center;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;"></td>';
					strHtml += '	<td style="font-family : 宋体;text-align:center;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;"></td>';
					strHtml += '	<td style="font-family : 宋体;text-align:center;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;"></td>';
				}
				if (majorPart[j]) {
					strHtml += '	<td width="152" style="font-family : 宋体;text-align:center;width:114;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;">' + majorPart[j].partName + '</td>';
					strHtml += '	<td style="font-family : 宋体;text-align:center;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;">' + majorPart[j].partOfficialName + '</td>';
					strHtml += '	<td style="font-family : 宋体;text-align:center;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;">' + majorPart[j].partSecrecyPeoples + '</td>';
				}else{
					strHtml += '	<td style="font-family : 宋体;text-align:center;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;"></td>';
					strHtml += '	<td style="font-family : 宋体;text-align:center;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;"></td>';
					strHtml += '	<td style="font-family : 宋体;text-align:center;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;"></td>';
				}
				strHtml += '	<td style="font-family : 宋体;text-align:center;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;">'+total+'</td>';
				strHtml += "</tr>"
			}
			
		}else{
			for (var j = 0; j<len; j++) {
				 if (j > 0) {
					 strHtml += "<tr>";
				 }else{
					strHtml += "<tr>";
					strHtml += '	<td rowspan="'+len+'" style="font-family : 宋体;text-align:center;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;" >' + (i + 1) + '</td>';
					strHtml += '	<td rowspan="'+len+'" width="216" style="font-family : 宋体;text-align:center;width:162;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;">' + temp.unitName + '</td>';
				 } 

				if (majorDept[j]) {
					strHtml += '	<td width="144" style="font-family : 宋体;text-align:center;width:108;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;">' + majorDept[j].departmentName + '</td>';
					strHtml += '	<td style="font-family : 宋体;text-align:center;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;">' + majorDept[j].deptOfficialName + '</td>';
					strHtml += '	<td style="font-family : 宋体;text-align:center;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;">' + majorDept[j].deptSecrecyPeoples + '</td>';
				}else{
					deptNum=0;
					strHtml += '	<td style="font-family : 宋体;text-align:center;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;"></td>';
					strHtml += '	<td style="font-family : 宋体;text-align:center;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;"></td>';
					strHtml += '	<td style="font-family : 宋体;text-align:center;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;"></td>';
				}
				if (majorPart[j]) {
					strHtml += '	<td  width="152" style="font-family : 宋体;text-align:center;width:114;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;">' + majorPart[j].partName + '</td>';
					strHtml += '	<td style="font-family : 宋体;text-align:center;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;">' + majorPart[j].partOfficialName + '</td>';
					strHtml += '	<td style="font-family : 宋体;text-align:center;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;">' + majorPart[j].partSecrecyPeoples + '</td>';
					if(j == 0){
						strHtml += '	<td rowspan="'+len+'" style="font-family : 宋体;text-align:center;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;">'+total+'</td>';
					}
				}else{
					partNum =0
					strHtml += '	<td style="font-family : 宋体;text-align:center;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;"></td>';
					strHtml += '	<td style="font-family : 宋体;text-align:center;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;"></td>';
					strHtml += '	<td style="font-family : 宋体;text-align:center;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;"></td>';
					if(j == 0){
						strHtml += '	<td rowspan="'+len+'" style="font-family : 宋体;text-align:center;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;">'+total+'</td>';
					} 
				}
				strHtml += "</tr>"
			}
		}
	}
	
	strHtml += "<tr>";
	strHtml += '	<td colspan="2"style="font-family : 宋体;text-align:center;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;">合 计</td>';
	strHtml += '	<td style="font-family : 宋体;text-align:center;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;">' + deptLen + '个</td>';
	strHtml += '	<td style="font-family : 宋体;text-align:center;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;"></td>';
	strHtml += '	<td style="font-family : 宋体;text-align:center;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;">' + allDeptTotal + '人</td>';
	strHtml += '	<td style="font-family : 宋体;text-align:center;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;">' + partLen + '个</td>';
	strHtml += '	<td style="font-family : 宋体;text-align:center;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;"></td>';
	strHtml += '	<td style="font-family : 宋体;text-align:center;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;">' + allPartTotal + '人</td>';
	strHtml += '	<td style="font-family : 宋体;text-align:center;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;">' + (allDeptTotal+allPartTotal) + '人</td>';
	strHtml += "</tr>"
	
	$("#tbData").html(strHtml);
}

</script>

</head> <style type="text/css"> body { background-color: white; }

h3 { text-align: center; font-weight:600;!important; }

table.tftable { width: 100%; border-width: 1px; border: 1px; border-color: black; border-collapse: collapse; }

table.tftable thead th { text-align: center; font-size: 15px; border-width: 1px; padding: 8px; border-style: solid; border-color: black; font-family : 宋体; }

table.tftable thead th tr { text-align: center; }

table.tftable tbody tr td { text-align: center; font-size: 15px; border-width: 1px; padding: 8px; border-style: solid; border-color: black; font-family : 宋体; } .btn-div { top: 18px; margin-left: 887px; margin-top:-38px; margin-bottom:10px; } .panel.panel-default.pd_5{ padding-left:15px; padding-right:15px; } </style> <body> <div class="container col-sm-12"> <div class="row"> <span class="col-sm-3"></span> <span class="col-md-6"> <h3>汕头市市直机关单位保密要害部门、部位基本情况</h3> </span> <span class="col-md-3" style="top: 18px;"> <button class="btn btn-primary btn-sm pull-right" type="button" onclick="onLoadData()"><span class="glyphicon glyphicon-refresh"></span> 刷新</button> <button class="btn btn-primary btn-sm pull-right" type="button" onclick="tableToExcel('tfhover')" style="margin-right:10px;"><span class="glyphicon glyphicon-export"></span> 导出Excel</button>
	</span>
	</div>
</div> <div class="panel panel-default pd_5"> <table id="tfhover" class="tftable" border="1">
	<thead>
		<tr>
			<th rowspan="2" style="font-family : 宋体;border:.5pt solid windowtext;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;">序号</th>
			<th rowspan="2" style="font-family : 宋体;border:.5pt solid windowtext;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;">单位名称</th>
			<th colspan="3" style="font-family : 宋体;border:.5pt solid windowtext;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;">要害部门</th>
			<th colspan="3" style="font-family : 宋体;border:.5pt solid windowtext;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;">要害部位</th>
			<th rowspan="2" style="font-family : 宋体;border:.5pt solid windowtext;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;">涉密人员总数</th>
		</tr>
		<tr>
			<th style="font-family : 宋体;border:.5pt solid windowtext;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;">名称</th>
			<th style="font-family : 宋体;border:.5pt solid windowtext;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;">责任人</th>
			<th style="font-family : 宋体;border:.5pt solid windowtext;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;">涉密人员数量</th>
			<th style="font-family : 宋体;border:.5pt solid windowtext;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;">名称</th>
			<th style="font-family : 宋体;border:.5pt solid windowtext;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;">责任人</th>
			<th style="font-family : 宋体;border:.5pt solid windowtext;border-right:.5pt solid windowtext;border-bottom:.5pt solid windowtext;">涉密人员数量</th>
		</tr>
	</thead>
	<tbody id="tbData">
	</tbody>
</table>
<p style="font-family : 宋体;">
	说明：涉密人员总数是指保密要害部门和部位的涉密工作人员总数量；计算公式是：涉密
	人员总数=要害部门涉密人员+要害部位涉密人员——所含人数（所含人数指要害部位涉密
	人员已含于要害部门涉密人员中）。
</p>
</div> </body> </html>

 

 

 

转载于:https://my.oschina.net/u/3354389/blog/3005870

chuxi0811
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
java中jsp table标签属性_JSP自定义标签-属性
weixin_30814157的博客
02-27 2001
JSP自定义标签-属性1 带属性的JSP自定义标签对于任何JSP自定义标签，可能都需要定义属性。要定义属性，您需要执行两个任务：使用属性名称在TagHandler类中定义属性并定义setter方法在TLD文件中的tag元素内定义attribute元素让我们通过下面给出的标签来了解属性：上面的m是前缀，show是标签名称，number是属性。2 带属性的JSP自定义标签简单示例在下面的示例中，我们将...
jsp生成动态excel
rosten的专栏
03-17 680
<br />写一个javaBean,利用JExcelApi来动态生成excel文档，我这里写一个最简单的，示意性的。复杂的你可能还要查询数据库什么的。 <br /> <br />///////////////////////////Test.java/////////////////////////////////////////// <br />package com.jagie.test; <br />import java.io.*; <br />import jxl.*; <br />im
JSP:Table表格属性总结
热门推荐
Narasimha_Karumanchi
04-17 2万+
转载出处：http://blog.sina.com.cn/s/blog_7019362c0100n8yv.html一、表格的常用属性基本属性有：width（宽度）、height（高度）、border（边框值）、cellspacing（表格的内宽，即表格与tr之间的间隔）、 cellpadding（表格内元素的间隔，即tr与tr之间的间隔）、bordercolorlight（表格的亮边框颜色）、 bo
JSP入门之表格以及常用表单元素(总结自身编程经验以及多本教科书)
GodGump的博客
10-06 3897
表格 开始标志:<table> 结束标志: </table> table常用的属性： cellpadding 规定单元格与其内容之间的空白 cellspacing 规定单元格之间的空白 border-collapse: collapse;去掉这些空白的属性,如果不设置table标签的这些属性值为0 中间是行，每行是一个<tr></tr> 每行之间是列，每一列对应 <td> </td> <td></td> 之间的
较为复杂的表格样式Demo
编程开发资料库
01-09 458
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt
poi读取excel并输出到jsp页面
12-28
标题中的“poi读取excel并输出到jsp页面”是指使用Apache POI库来处理Microsoft Excel文件，并将数据在JavaServer Pages (JSP) 页面上显示的技术。Apache POI 是一个开源项目，它允许开发者创建、修改和显示MS ...
将jsp页面的表格导出为excel文件
04-26
总结来说，将JSP页面的表格数据导出为Excel文件，需要结合前端的AJAX请求、后端的Java服务处理以及Apache POI库生成Excel文件。这个过程中需要注意数据的格式转换、文件流的处理以及用户体验的设计。通过熟练掌握...
jsp页面生成word或excel
10-14
六、 怎么把JSP页面上的TABLE输出到EXCEL表中? 16 简单实现如下： 16 属性设置为attachment文件名带日期格式：浏览器下载 16 jsp文件 16 jsp设置属性为inline，浏览器打开操作 16 七、 利用JExcelApi来动态生成excel...
jsp页面生成word或excel.pdf
11-23
JSP页面上的HTML TABLE可以直接转换为Excel，关键在于将HTML表格数据解析并写入Excel格式。可以使用DOM解析HTML，然后遍历表格元素，将其转换为POI的Cell和Row对象。 总的来说，JSP生成Word、Excel等文档涉及到对...
将jsp显示的table表格转换成excl文档
12-02
在提供的压缩包文件"java将table表格导成excl文档"中，很可能包含了实现这个功能的Java代码示例。通过查看和学习这些代码，你可以更好地理解如何将JSP表格转换为Excel的实际操作。记住，为了确保代码的安全性和兼容...
JSP Table 单元格合并
07-02
JSP Table 单元格合并 javascript
漂亮的table表格样式
06-16
非常漂亮 实现简单 亮蓝色 鼠标移动变色
jsp页面数据通过excel导出
07-03
POI例子，里面使用的Jquery ajax拿后台数据，然后导出成Excel文件，也可导出Word,PPT文件。
jsp程序excel导出功能
12-22
本人试过了可以用，做jsp程序导出excel功能的可以参考下，下载后按照模版进行修改
jsp 导出table表格为excel
weixin_45956838的博客
03-04 1061
导出excel <script> function base64 (content) { return window.btoa(unescape(encodeURIComponent(content))); } function exportExcel() { var table = $("#所需要导出的元素id"); var excelContent = table[0].innerHT
html怎么制作table,html 制作复杂table
weixin_33730916的博客
06-18 1221
数据分析，一般都需要显示数据，就需要使用html做复杂的表格。复杂表格一般是对td的rowspan 、colspan属性值。在html中 标签定义 HTML 表格中的标准单元格。(1)rowspan 属性规定单元格可横跨的行数;(2)colspan 属性规定单元格可横跨的列数。复杂表格网站统计情况 奇虎360 http://hao.360.cn/11http://sh.qihoo.co...
jsp table 表格单元格编辑示例
weixin_34124577的博客
01-04 1887
列表单元格： //两个 隐藏的 input, 第一个存 记录 id, 单元格内容是排序码 ： &lt;td id="ordinal"&gt;&lt;%=ordinal%&gt; &lt;%         if (!state.equals("已过期")) {        %&gt;&lt;input type="hidden" name="newOrdinal"   
jsp c标签 组合复杂table
后花园的潜水井
11-02 322
最优方案： &lt;c:forEach items="${waterLevel}" var="device" varStatus="wl"&gt; &lt;tr&gt; &lt;c:if test="${wl.index==0}"&gt; &lt;th rowspan="${waterLevelLimi
一个极度复杂的jsp页面
Keeplingshi的专栏
03-13 3979
这个页面是一个动态表单页面，里面几乎设计到自己在jsp页面上所用的大部分技术，包含很多jQuery的细节。故此贴出来，以供自己以后查看。 所涉及到的东西有：form表单序列化提交，uploadify插件，动态生成文本框，button等元素，动态生成表单等。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w
jsp中动态生成table
最新发布
05-30
在JSP中，可以使用Java代码动态生成HTML的table表格。下面是一个简单的示例： ```jsp // 定义一个数组作为表格的数据源 String[][] tableData = {{"姓名", "年龄", "性别"}, {"张三", "20", "男"}, {"李四", "25",...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值