使用OCUpload和POI一键上传Excel并解析导入数据库

Posted 2021-02-08 yft-javanotes

一、OCUpload插件的使用

1.1 OCUpload介绍

　　OCUpload (One Click Upload)译成中文就是一键上传的意思。它是JQuery的一个插件。 
　　对于传统的文件上传，只能通过form表单，将enctype设置为multipart/form-data，选中文件后还需在页面点击submit提交按钮，提交表单，才能在后台接收上传的文件并进行相关字段解析，上传成功后，页面还要刷新，这样并不符合我们的某些实际需求。如果要用ajax进行文件上传达到不刷新页面的效果，这样也是不对的，因为ajax不支持文件上传，这是因为response原因，一般请求浏览器是会处理服务器输出的response，例如生成png、文件下载等,然而ajax请求只是个“字符型”的请求，即请求的内容是以文本类型存放的。文件的下载是以二进制形式进行的，虽然可以读取到返回的response，但只是读取而已，是无法执行的，说白点就是js无法调用到浏览器的下载处理机制和程序。那这时想要达到上传页面并不刷新的效果怎么把呢？？？我们可以这么做。

<iframe name="text" style="display:none"></iframe>
<form target="text" action="xxx" method="post" enctype="multipart/form-data">
  <input type="file" name="myFile"/>
  <input type="submit" value="upload"/>         
</form>

　　通过这种方式上传文件，刷新的页面就变成了这个iframe，而且设置的隐藏我们看不到，而我们自己所用的页面就不会刷新，通过这种方式达到了一个不刷新页面上传文件的效果。

　　而OCUpload就是采用了这种方式，只是进行了封装我们看不到。接下来就讲一讲怎么使用UCOpload。

1.2 OCUpload的使用步骤

　　第一步：将js文件引入页面

<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.ocupload-1.1.2.js"></script>

　　第二步：在页面中提供任意一个元素

<input id="myButton" type="button" value="上传"/>

　　第三步：调用插件提供的upload方法，动态修改html页面元素

<script type="text/javascript">
    $(function () {
        $("#myButton").upload({
            action: ‘regionAction_importXls.action‘,             //你所要向服务器请求的的路径，必填
            name: ‘regionFile‘,                                 //上传组件的name的值,不写默认是file
            enctype: ‘multipart/form-data‘,                   //mime类型，使用默认就好
            params: {},   　　　　　　　　　　　　              //请求时额外传递的参数，默认是为空的
            onSelect: function (self, element) {            //当用户选择了一个文件后触发事件
                this.autoSubmit = false;                    //当选择了文件后，关闭自动提交
            },
            onSubmit: function (self, element) {
            },          //提交表单之前触发事件
            autoSubmit: true,                              //是否自动提交，即当选择了文件，自动关闭了选择窗口后,是否自动提交请求。
            onComplete: function (data, self, element) {
            }   //提交表单完成后触发的事件
        });
    });
</script>

 

　　我们打开页面并上传文件后，发现html页面变成了这样：

　

二、Apache POI技术

2.1 POI简介

　　Apache POI是用Java编写的免费开源的跨平台的 Java API，Apache POI提供API给Java程式对Microsoft Office格式档案读和写的功能。POI为“Poor Obfuscation Implementation”的首字母缩写，意为“简洁版的模糊实现”。

　　要使用POI，我们需要下载它的开发包，解压如下：

　　

　　或者在项目中引入POI的依赖：

        <dependency>
            <groupId>org.apache.poi</groupId>
            <artifactId>poi</artifactId>
            <version>3.11</version>
        </dependency>

2.2 接收上传的文件，并用POI解析

　　在客户端上传测试文件：

　　

　　在Action中提供一个File类型的属性，名称和上传的文件输入框名称一致regionFile

@Controller
@Scope("prototype")
public class RegionAction extends ActionSupport implements ModelDriven<Region> {
    private Region region;

    @Autowired
    private IRegionService regionService;

    // 属性驱动,接收上传的文件
    private File regionFile;

    public void setRegionFile(File regionFile) {
        this.regionFile = regionFile;
    }

    /**
     * 区域导入
     *
     * @return
     */
    public String importXls() throws IOException {
        List<Region> regionList = new ArrayList<>();
        //使用POI解析Excel文件
        HSSFWorkbook workbook = new HSSFWorkbook(new FileInputStream(regionFile));
        //根据名称获得指定Sheet对象
        HSSFSheet hssfSheet = workbook.getSheet("Sheet1");
        //遍历标签页中所有的行
        for (Row row : hssfSheet) {
            int rowNum = row.getRowNum(); // 行号
            // 如果是标题行,结束本次循环,直接进入下一次循环
            if (rowNum == 0) {
                continue;
            }
            String id = row.getCell(0).getStringCellValue();
            String province = row.getCell(1).getStringCellValue();
            String city = row.getCell(2).getStringCellValue();
            String district = row.getCell(3).getStringCellValue();
            String postcode = row.getCell(4).getStringCellValue();
            // 包装一个区域对象
            Region region = new Region(id, province, city, district, postcode, null, null);

            regionList.add(region);
        }
        // 批量保存
        regionService.saveBatch(regionList);
        return NONE;
    }

    @Override
    public Region getModel() {
        return region;
    }
}

 　　至此，Excel文件的数据就能成功传入到数据库中了

　　

三、pinyin4J

3.1 简单介绍

　　上面导入的数据中，我们发现shortcode和citycode字段都为null，而原excel文件中并没有这两个字段，说明这两个字段需要我们手动生成。shortcode是省市区首字母的简写，比如河北省石家庄市桥西区的shortcode就是HBSJZQX；citycode是城市拼音的简写，比如石家庄市的citycode为shijiazhuang。这时候我们就需要使用pinyin4J来帮我们完成这个工作。

　　pinyin4J是一个支持将中文转换到拼音的Java开源类库，它能够根据中文字符获取其对应的拼音，并且拼音的格式可以控制。pinyin4J的基本功能有：

• 支持同一汉字有多个发音
• 支持拼音的格式化输出，比如第几声之类的
• 支持简体中文、繁体中文转换为拼音

　　这里是它的官方下载地址：http://pinyin4j.sourceforge.net/

3.2 入门案例

　　在使用pinyin4J之前，需要导入相关的jar包，或者引入pinyin4J的依赖

        <!-- 引入pinyin4J的依赖 -->
        <dependency>
            <groupId>com.belerweb</groupId>
            <artifactId>pinyin4j</artifactId>
            <version>2.5.0</version>
        </dependency>

　　为了方便使用，可以引用一个工具类：PinYin4jUtils

　　编写测试代码：

public class PinYin4jUtilsTest {

    @Test
    public void test1() {
        //河北省    石家庄市    桥西区
        String province = "河北省";
        String city = "石家庄市";
        String district = "桥西区";
        //简码---->>HBSJZQX

        province = province.substring(0, province.length() - 1); //河北
        city = city.substring(0, city.length() - 1); //石家庄
        district = district.substring(0, district.length() - 1); //桥西

        String info = province + city + district;

        String[] headByString = PinYin4jUtils.getHeadByString(info);
        String shorcode = StringUtils.join(headByString);
        System.out.println(shorcode);

        //城市编码---->>shijiazhuang
        String citycode = PinYin4jUtils.hanziToPinyin(city, "");
        System.out.println(citycode);
    }
}

3.3 修改RegionAction

@Controller
@Scope("prototype")
public class RegionAction extends ActionSupport implements ModelDriven<Region> {
    private Region region;

    @Autowired
    private IRegionService regionService;

    // 属性驱动,接收上传的文件
    private File regionFile;

    public void setRegionFile(File regionFile) {
        this.regionFile = regionFile;
    }

    /**
     * 区域导入
     *
     * @return
     */
    public String importXls() throws IOException {
        List<Region> regionList = new ArrayList<>();
        //使用POI解析Excel文件
        HSSFWorkbook workbook = new HSSFWorkbook(new FileInputStream(regionFile));
        //根据名称获得指定Sheet对象
        HSSFSheet hssfSheet = workbook.getSheet("Sheet1");
        //遍历标签页中所有的行
        for (Row row : hssfSheet) {
            int rowNum = row.getRowNum(); // 行号
            // 如果是标题行,结束本次循环,直接进入下一次循环
            if (rowNum == 0) {
                continue;
            }
            String id = row.getCell(0).getStringCellValue();
            String province = row.getCell(1).getStringCellValue();
            String city = row.getCell(2).getStringCellValue();
            String district = row.getCell(3).getStringCellValue();
            String postcode = row.getCell(4).getStringCellValue();
            // 包装一个区域对象
            Region region = new Region(id, province, city, district, postcode, null, null);

            province = province.substring(0, province.length() - 1);
            city = city.substring(0, city.length() - 1);
            district = district.substring(0, district.length() - 1);
            String info = province + city + district;
            String[] headByString = PinYin4jUtils.getHeadByString(info);
            String shortcode = StringUtils.join(headByString);
            //城市编码---->>shijiazhuang
            String citycode = PinYin4jUtils.hanziToPinyin(city, "");
            region.setShortcode(shortcode);
            region.setCitycode(citycode);

            regionList.add(region);
        }
        // 批量保存
        regionService.saveBatch(regionList);
        return NONE;
    }

    @Override
    public Region getModel() {
        return region;
    }
}

 　　查看数据库，这时候shortcode和citycode的数据也生成了

　　

 

 

 

 

 参考：https://www.cnblogs.com/xiaobai1226/p/7507953.html