bootstaptable动态合并单元格和jxls动态合并单元格

项目中有个需求，根据计划单号进行对应的单元格合并，还有对应的导出功能也是需要，前台使用的是bootstrap插件，还好bootstrap有自己的合并功能。

下面看下具体的实现

一、前台bootstap实现动态合并单元格

1.在onLoadSuccess : function(data) {

}方法中进行实现合并单元格，注意，一定是其他操作完成之后再合并单元格，我的是有合计功能，刚开始是先合并再实现合计，结果合计功能一直出不来，很纳闷，试了一下更改顺序，结果就出来了，把整个的代码都贴一下吧

function loadTable(flag) {
        if(flag=="1")
            {
            searchStr = $(".search__inp").val().trim();
            }
        var pageNumber = 1;
        $("#mainTable").bootstrapTable("destroy");
        var options = {
            pagination : true
            //, height: 400
            ,
            showFooter : false,
            paginationLoop : false
            //,sortable: true
            ,
            cache : false,
            pageNumber : pageNumber,
            pageSize : 10,
            pageList : [ 10],//[ 10, 20, 50 ],
            method : "get",
            contentType : 'application/x-www-form-urlencoded; charset=UTF-8',
            url : basePath + "student/productionReport/getReportList",
            queryParamsType : "",
            sidePagination : "server",
            queryParams : queryParamsMain,
            columns : [[
                    {
                        field : "id",
                        title : "序号",
                        align : "center",
                        valign : "middle",
                        colspan: 1,
                        rowspan: 2,
                        formatter : function(value, row, index) {
                        
                            //获取每页显示的数量
                            var pageSize = $('#mainTable').bootstrapTable(
                                    'getOptions').pageSize;
                            //获取当前是第几页  
                            var pageNumber = $('#mainTable').bootstrapTable(
                                    'getOptions').pageNumber;
                            //返回序号，注意index是从0开始的，所以要加上1

                            if (value == "total") {
                                return "合计";
                            } else {
                                return pageSize * (pageNumber - 1) + index + 1;
                            }
                        },
                        //width : 40
                    },
                    
                    
                    {
                        field : "planType",
                        title : "生产类型",
                        align : "center",
                        valign : "middle",
                        colspan: 1,
                        rowspan: 2,
                        formatter : function(value, row, index) {
                            var str="";
                            if(value==1)
                                {
                                str="内部生产";
                                }
                            else if(value==2)
                                {
                                str="委托加工";
                                }
                            return str;
                        },
                        //width : 68
                    },

                    {
                        field : "planCode",
                        title : "生产计划单号",
                        align : "center",
                        valign : "middle",
                        colspan: 1,
                        rowspan: 2,
                        formatter : function(value, row, index) {
                            return value;
                        },
                        //width : 58
                    },

                    {
                        //field : "code",
                        title : "生产信息",
                        align : "center",
                        valign : "middle",
                        colspan: 4,
                        rowspan: 1
                        //width : 145
                    },
                    {
                        //field : "code",
                        title : "用料明细",
                        align : "center",
                        valign : "middle",
                        colspan: 4,
                        rowspan: 1
                        //width : 145
                    },
                    {
                        field : "roundNo",
                        title : "轮次",
                        align : "center",
                        valign : "middle",
                        colspan: 1,
                        rowspan: 2,
                        //sortable: true,
                        formatter : function(value, row, index) {
                            if (value != "") {
                                return "第" + value + "轮";
                            } else {
                                return "";
                            }
 
                        },

                        //width : 46
                    } 
                    ],
                    [{
                        field : "productName",
                        title : "产品名称",
                        align : "center",
                        valign : "middle",
                        formatter : function(value, row, index) {
                            return value;
                        },
                        //width : 67
                    },
                    {
                        field : "productCode",
                        title : "型料号",
                        align : "center",
                        valign : "middle",
                        formatter : function(value, row, index) {
                            return value;
                        },
                        //width : 73
                    },
                    {
                        field : "actualQuantity",
                        title : "实际生产数量",
                        align : "center",
                        valign : "middle",
                        formatter : function(value, row, index) {
                            return value;
                        },
                        //width : 28
                    },

                    {
                        field : "qualificationRate",
                        title : "合格率（%）",
                        align : "center",
                        valign : "middle",
                        formatter : function(value, row, index) {
                            return value;
                        },
                        //width : 28
                    },
                    {
                        field : "bomType",
                        title : "产品类型",
                        align : "center",
                        valign : "middle",
                        formatter : function(value, row, index) {
                            switch(value)
                            {
                            case 1:value="产成品";break;
                            case 2:value="半成品";break;
                            case 3:value="原材料";break;
                            }
                            return value;
                        },
                        //width : 53
                    },
                    {
                        field : "bomProductName",
                        title : "产品名称",
                        align : "center",
                        valign : "middle",
                        formatter : function(value, row, index) {
                            return value;
                        },
                        //width : 86
                    },
                    {
                        field : "bomProductCode",
                        title : "型料号",
                        align : "center",
                        valign : "middle",
                        formatter : function(value, row, index) {
                            return value;
                        },
                        //width : 190
                    },
                    {
                        field : "bomQuantity",
                        title : "生产实际用量",
                        align : "center",
                        valign : "middle",
                        formatter : function(value, row, index) {
                            return value;
                        },
                        //width : 65
                    }
                ]],
            onLoadSuccess : function(data) {
                

                
                var sum_1 = 0;
                var sum_2 = 0;
                var planCode="";
                for ( var o in data.rows) {
                    if (!isNaN(o)) {
                        if(data.rows[o].planCode!=planCode)
                            {
                            if(!isNaN(data.rows[o].actualQuantity))
                            {
                            sum_1 = parseFloat(sum_1)+ parseFloat(data.rows[o].actualQuantity);
                            }
                            }
                        
                        sum_2 = parseFloat(sum_2)+ parseFloat(data.rows[o].bomQuantity);
                        planCode=data.rows[o].planCode;
                    }

                }
                if(data.rows.length>0)
                    {
                    var rows = [];
                    rows.push({
                        id : "total",
                        planType : "",
                        planCode : "",
                        productName : "",
                        productCode : "",
                        actualQuantity : sum_1,
                        qualificationRate : "",
                        bomType : "",
                        bomProductName : "",
                        bomProductCode : "",
                        bomQuantity : sum_2,
                        roundNo : ""
                    });
                    $('#mainTable').bootstrapTable('append', rows);
                    }
                    mergeCells(data.rows,"planCode", "planCode", 1, $('#mainTable'));
                    mergeCells(data.rows,"planCode", "actualQuantity", 1, $('#mainTable'));
                    mergeCells(data.rows,"planCode", "productName", 1, $('#mainTable'));
                    mergeCells(data.rows,"planCode", "productCode", 1, $('#mainTable'));
                    mergeCells(data.rows,"planCode", "qualificationRate", 1, $('#mainTable'));

            },
            responseHandler : function(data) {
                return {
                    total : data.totalCount,
                    rows : data.result,
                };
            },
            onPageChange : function(number, size) {
                pageNumber = number;
            },
            onLoadError : function(textStatus, XMLHttpRequest) {
            }
        };
        $("#mainTable").bootstrapTable(options);
    }
    

2.具体的进行单元格合并，mergeCells可以实现单元格合并，此功能还是非常简单的

/**
     * 合并单元格
     * @param data  原始数据（在服务端完成排序）
     * @param fieldName 合并属性名称
     * @param colspan   合并列
     * @param target    目标表格对象
     */
    function mergeCells(data,exhibitionName,fieldName,colspan,target){
        //声明一个map计算相同属性值在data对象出现的次数和
        var sortMap = {};
        for(var i = 0 ; i < data.length ; i++){
            for(var prop in data[i]){
                if(prop == exhibitionName){
                    var key = data[i][prop];
                    if(sortMap.hasOwnProperty(key)){
                        sortMap[key] = sortMap[key] * 1 + 1;
                    } else {
                        sortMap[key] = 1;
                    }
                    break;
                } 
            }
        }
        
        var index = 0;
        for(var prop in sortMap){
            var count = sortMap[prop] * 1;
            $("#mainTable").bootstrapTable('mergeCells',{index:index, field:fieldName, colspan: colspan, rowspan: count});   
            index += count;
        }
    }

二、导出excle中实现动态单元格合并

1、在pom.xml中引入jar包

<!-- exel导出依赖 -->
        <dependency>
            <groupId>net.sf.jxls</groupId>
            <artifactId>jxls-reader</artifactId>
            <version>0.9.9</version>
        </dependency>
        <dependency>
            <groupId>net.sf.jxls</groupId>
            <artifactId>jxls-core</artifactId>
            <version>0.9.9</version>
        </dependency>
        <dependency>
            <groupId>jexcelapi</groupId>
            <artifactId>jxl</artifactId>
            <version>2.4.2</version>
        </dependency>

2、业务功能实现，

3、导出方法（合并单元格），含有非合并的代码

List<Merge> ml = getMerge(list, "getPlanCode");这个是合并的关键字

// 起始行号，终止行号， 起始列号，终止列号
sheet.addMergedRegion(new CellRangeAddress(m.getFromRow() + 3, m.getToRow() +3, 3, 3));这个进行具体的合并，从网上找的帖子，用的反射降低耦合度，其实可以不用反射，直接用对应功能实现

package com.gta.scm.component.common.utils;

/**
 * 
 */


import java.io.BufferedInputStream;
import java.io.ByteArrayOutputStream;
import java.io.FileInputStream;
import java.io.FileNotFoundException;
import java.io.IOException;
import java.io.InputStream;
import java.io.OutputStream;
import java.io.UnsupportedEncodingException;
import java.lang.reflect.InvocationTargetException;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import javax.servlet.ServletOutputStream;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import net.sf.jxls.exception.ParsePropertyException;
import net.sf.jxls.transformer.XLSTransformer;
import org.apache.commons.codec.binary.Base64;
import org.apache.poi.hssf.usermodel.HSSFSheet;
import org.apache.poi.hssf.usermodel.HSSFWorkbook;
import org.apache.poi.ss.util.CellRangeAddress;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;

import com.fasterxml.jackson.databind.exc.InvalidFormatException;
import com.gta.scm.common.entity.Merge;


/**
 * @author jingshu.deng
 *
 */
public class FileUtils {
    private static Logger logger = LoggerFactory.getLogger(FileUtils.class);

    /**
     * @param fileName
     * @return
     */
    public static String getFileExtension(String fileName) {
        if (StringUtils.isEmpty(fileName)) {
            return StringUtils.EMPTY;
        }

        return StringUtils.substringAfter(fileName, ".");
    }

    /**
     * 
     * 解决文件下载时文件名的中文乱码及Firefox下空格被截断的问题
     * 
     * @param request
     * @param fileName
     * @return
     */
    public static String decodeFileName(HttpServletRequest request,    String fileName) {
        String agent = (String) request.getHeader(CharEncodingCons.USER_AGENT);
        try {
            // check whether Firefox according to USER-AGENT
            // 增加条件 agent.indexOf("Trident") == -1 针对IE10以上
            if (agent != null && agent.indexOf(CharEncodingCons.BROWSER_IE) == -1 && agent.indexOf("Trident") == -1) {
                byte[] bytes = Base64.encodeBase64(fileName.getBytes(CharEncodingCons.HTTP_CHARSET));
                fileName = new String(bytes, CharEncodingCons.HTTP_CHARSET);
                fileName = "=?" + CharEncodingCons.HTTP_CHARSET + "?B?" + fileName + "?=";
            } 
            else {
                byte[] bytes = fileName.getBytes(CharEncodingCons.DOWNLOAD_CHARSET);
                fileName = new String(bytes, CharEncodingCons.WEB_CHARSET);
            }
        } 
        catch (UnsupportedEncodingException e) {
            logger.error("UnsupportedEncodingException occurs while flushing file", e);
        }
        return fileName;
    }
    
    /**
     * 导出Excel文件，按模板方式
     * @param response
     * @param templateName 模板名称及完全路径
     * @param map 
     * @param fileName 要导出的文件名
     */
    public static void exportXlsFile(HttpServletRequest request,HttpServletResponse response,String templateName,Map<String,Object> map,String fileName){
        try
        {
            XLSTransformer transformer=new XLSTransformer();
            //XLSTransformer transformer = new XLSTransformer();    
            InputStream in = new BufferedInputStream(new FileInputStream(templateName),25000);
            HSSFWorkbook workbook = transformer.transformXLS(in, map);
            //write to buffer
            ByteArrayOutputStream buf = new ByteArrayOutputStream(40000);
            workbook.write(buf);
            // write to response
            in.close();
            response.setContentType("application/vnd.ms-excel");
            response.setHeader("Content-disposition", "attachment; filename=" + decodeFileName(request,fileName)); 
            ServletOutputStream out = response.getOutputStream();
            out.write(buf.toByteArray());
            out.flush();
            out.close();
        }catch (IOException e){
            e.printStackTrace();
        }
    }
    
    // 先用String
        public static <T> Object useMethod(T t, String sx) throws IllegalAccessException, IllegalArgumentException,
                InvocationTargetException, NoSuchMethodException, SecurityException {
            // 一般传入get方法
            return (Object) t.getClass().getMethod(sx, null).invoke(t, null);

        }

        public static <T> List<Merge> getMerge(List<T> list, String sx) throws IllegalAccessException,
                IllegalArgumentException, InvocationTargetException, NoSuchMethodException, SecurityException {
            // 可以传入 想合并的属性值 传入一个字符串 用反射找到相应的get方法 指定调用此方法。。这里先写死
            List<Merge> ml = new ArrayList<Merge>();
            for (int i = 0; i < list.size() - 1; i++) {
                if (useMethod(list.get(i), sx).equals(useMethod(list.get(i + 1), sx))) {
                    Object property = useMethod(list.get(i), sx);
                    logger.debug("property"+property);
                    Merge merge = new Merge();
                    int fromRow = i, toRow = i + 1;
                    if (i + 2 < list.size()) {
                        for (int j = i + 2; j < list.size(); j++) {
                            if (useMethod(list.get(j), sx).equals(property) ) {
                                toRow++;
                            } else {
                                i = j - 1;
                                break;
                            }
                        }
                    }
                    merge.setFromRow(fromRow);
                    merge.setToRow(toRow);
                    ml.add(merge);
                }
            }
            return ml;
        }
        
        public static <T> void exportXlsFileMerge(HttpServletRequest request,HttpServletResponse response,String templateName,List<T> list,Map<String,Object> map,String fileName)
                throws IllegalAccessException, IllegalArgumentException, InvocationTargetException, NoSuchMethodException,
                SecurityException, FileNotFoundException, ParsePropertyException, InvalidFormatException {
            String templateFile = fileName;
            Map<String, Object> beans = new HashMap<String, Object>();
            InputStream in = new FileInputStream(templateName);
    
            XLSTransformer transformer = new XLSTransformer();

            HSSFWorkbook workBook = (HSSFWorkbook) transformer.transformXLS(in, map); // 传入模板的输入流和map
            // 开始进行合并单元格
            HSSFSheet sheet = workBook.getSheetAt(0);// 1 1
            List<Merge> ml = getMerge(list, "getPlanCode");
            for (Merge m : ml) {
                // 起始行号，终止行号， 起始列号，终止列号
                sheet.addMergedRegion(new CellRangeAddress(m.getFromRow() + 3, m.getToRow() +3, 3, 3));
                sheet.addMergedRegion(new CellRangeAddress(m.getFromRow() + 3, m.getToRow() +3, 4, 4));
                sheet.addMergedRegion(new CellRangeAddress(m.getFromRow() + 3, m.getToRow() +3, 5, 5));
                sheet.addMergedRegion(new CellRangeAddress(m.getFromRow() + 3, m.getToRow() +3, 6, 6));
                sheet.addMergedRegion(new CellRangeAddress(m.getFromRow() + 3, m.getToRow() +3, 2, 2));
            }
            try {
                
                ByteArrayOutputStream buf = new ByteArrayOutputStream(40000);
                workBook.write(buf);
                // write to response
                in.close();
                response.setContentType("application/vnd.ms-excel");
                response.setHeader("Content-disposition", "attachment; filename=" + decodeFileName(request,fileName)); 
                ServletOutputStream out = response.getOutputStream();
                out.write(buf.toByteArray());
                out.flush();
                out.close();
                
                
            } catch (IOException ie) {
                ie.printStackTrace();
            } catch (ParsePropertyException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
            }

        }

}

添加merge类进行记录行号

public class Merge {
    private int fromRow;
    private int toRow;
    private int fromIndex;
    private int toIndex;
    public int getFromRow() {
        return fromRow;
    }
    public void setFromRow(int fromRow) {
        this.fromRow = fromRow;
    }
    public int getToRow() {
        return toRow;
    }
    public void setToRow(int toRow) {
        this.toRow = toRow;
    }
    public int getFromIndex() {
        return fromIndex;
    }
    public void setFromIndex(int fromIndex) {
        this.fromIndex = fromIndex;
    }
    public int getToIndex() {
        return toIndex;
    }
    public void setToIndex(int toIndex) {
        this.toIndex = toIndex;
    }
    
}

调用的地方需要特别注意的地方

String templateFileName = request.getServletContext().getRealPath("/")
+ "/reportTemplate//ProductionReportTemplate.xls";
String destFileName = "生产产品明细汇总表.xls";

map.put("productionReportList", productionReport);

4.exlce模板

5.导出结果

 哈，这样前后台都进行了实现了