<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>ERP商品代码生成</title>
<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<style type="text/css">
.mt16 {margin-top: 12px;}
</style>
</head>
<body> <div class="container">
<div class="row">
<div class="col-lg-6">
<div class="input-group mt16">
<span class="input-group-addon">商品代码</span>
<input type="text" name="scode" class="form-control" placeholder="商品代码,如BM111WY">
</div>
</div>
<div class="col-lg-6">
<div class="input-group mt16">
<span class="input-group-addon">商品名称</span>
<input type="text" name="sname" class="form-control" placeholder="商品名称及商品简称">
</div>
</div>
</div> <div class="row">
<div class="col-lg-6">
<div class="input-group mt16">
<span class="input-group-addon">规格代码</span>
<input type="text" name="specode" class="form-control" placeholder="规格代码,如BM111WY01S">
</div>
</div>
<div class="col-lg-6">
<div class="input-group mt16">
<span class="input-group-addon">规格名称</span>
<input type="text" name="spename" class="form-control" placeholder="规格名称,如XX卫衣 白色 S">
</div>
</div>
</div> <div class="input-group mt16">
<span class="input-group-addon">颜色</span>
<input type="text" name="specolor" class="form-control" placeholder="颜色,以空格隔开,如白色 红色 黑色">
</div> <div class="input-group mt16">
<span class="input-group-addon">颜色对应的编号</span>
<input type="text" name="specolorid" class="form-control" placeholder="颜色编号,以空格隔开,如01 16 05">
</div> <div class="input-group mt16">
<span class="input-group-addon">尺码</span>
<input type="text" name="spesize" class="form-control" placeholder="尺码,以空格隔开,如S M L XL XXL">
</div> <button type="button" class="btn btn-success btn-block mt16">确定提交</button> <table class="table table-bordered mt16">
<thead>
<tr>
<th>商品代码</th>
<th>规格代码</th>
<th>规格名称</th>
<th>商品名称</th>
<th>商品简称</th>
</tr>
</thead>
<tbody>
</tbody>
</table> <div class="text-center mt16">Powered by 李佳,2019.9</div> </div> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script type="text/javascript">
var shoparr = []; $(":button").click(function(){
var scode = $("input[name='scode']").val();
var sname = $("input[name='sname']").val();
var specode = $("input[name='specode']").val();
var spename = $("input[name='spename']").val();
var specolor = $("input[name='specolor']").val();
var specolorid = $("input[name='specolorid']").val();
var spesize = $("input[name='spesize']").val(); //颜色数组
var specolorarr = specolor.split(/\s+/g);
//颜色编号数组
var specoloridarr = specolorid.split(/\s+/g);
//尺码数组
var spesizearr = spesize.split(/\s+/g); //清空表格
$("table tbody").empty(); for (var i = 0; i < specolorarr.length; i++) {
for (var j = 0; j < spesizearr.length; j++) {
shoparr.push([scode,specode+specoloridarr[i]+spesizearr[j],spename+" "+specolorarr[i]+spesizearr[j],sname]);
$("table tbody").append("<tr><td>"+scode+"</td><td>"+specode+specoloridarr[i]+spesizearr[j]+"</td><td>"+spename+" "+specolorarr[i]+spesizearr[j]+"</td><td>"+sname+"</td><td>"+sname+"</td></tr>");
}
} if (shoparr.length>1 && $("button").length<2) {
$("table").after("<button type='button' class='btn btn-success btn-block mt16' id='getxls'>下载表格</button>");
}
}); $("body").on('click','#getxls',function(){
DownLoadFile({
url:'{:getHostDomain()}{:addonUrl('arr2xls')}',
data:{sparr:shoparr}
});
}); var DownLoadFile = function (options) {
var config = $.extend(true, { method: 'post' }, options);
var $iframe = $('<iframe id="down-file-iframe" />');
var $form = $('<form target="down-file-iframe" method="' + config.method + '" />');
$form.attr('action', config.url);
for (var key in config.data) {
$form.append('<input type="hidden" name="' + key + '" value="' + config.data[key] + '" />');
}
$iframe.append($form);
$(document.body).append($iframe);
$form[0].submit();
$iframe.remove();
} </script> </body>
</html>

前端提交数组,由于通过AJAX提交返回的只能是字符串,不能流类型,所以这里临时构建一个Iframe,通过iframe提交form,然后删除临时Iframe,实现流文件接收。

这里是在 thinkphp里 引入类

use PhpOffice\PhpSpreadsheet\Spreadsheet;
use PhpOffice\PhpSpreadsheet\Writer\Xlsx;

处理函数

//由数组生成表格文件
public function arr2xls(){
$sparr = input('post.sparr');
$sparr = explode(',',$sparr);
$sp2arr = array_chunk($sparr,4); //创建表格
//$spreadsheet = new Spreadsheet();
//通过模板生成表格
$inputFileName = ADDON_PATH.'webact/static/SpMoban.xlsx';
$spreadsheet = \PhpOffice\PhpSpreadsheet\IOFactory::load($inputFileName); $sheet = $spreadsheet->getActiveSheet(); //设置第一行小标题
// $k = 1;
// $sheet->setCellValue('A'.$k, '商品代码(必填)');
// $sheet->setCellValue('B'.$k, '规格代码');
// $sheet->setCellValue('C'.$k, '规格名称');
// $sheet->setCellValue('D'.$k, '商品名称');
// $sheet->setCellValue('E'.$k, '商品简称'); for ($i=0; $i < count($sp2arr); $i++) {
$sheet->setCellValue('A'.($i+2), $sp2arr[$i][0]);
$sheet->setCellValue('B'.($i+2), $sp2arr[$i][1]);
$sheet->setCellValue('C'.($i+2), $sp2arr[$i][2]);
$sheet->setCellValue('D'.($i+2), $sp2arr[$i][3]);
$sheet->setCellValue('E'.($i+2), $sp2arr[$i][3]);
}
//设置列宽
$spreadsheet->getActiveSheet()->getColumnDimension('A')->setAutoSize(true);
$spreadsheet->getActiveSheet()->getColumnDimension('B')->setAutoSize(true);
$spreadsheet->getActiveSheet()->getColumnDimension('C')->setAutoSize(true);
$spreadsheet->getActiveSheet()->getColumnDimension('D')->setAutoSize(true);
$spreadsheet->getActiveSheet()->getColumnDimension('E')->setAutoSize(true); header("Content-Type: application/vnd.openxmlformats-officedocument.spreadsheetml.sheet");//告诉浏览器输出07Excel文件
header("Content-Disposition: attachment;filename=".$sp2arr[0][0].".xlsx");//告诉浏览器输出浏览器名称
header("Cache-Control: max-age=0");//禁止缓存 $writer = new Xlsx($spreadsheet);
//$writer = \PhpOffice\PhpSpreadsheet\IOFactory::createWriter($spreadsheet, 'xlsx');
$writer->save('php://output');
}

PhpSpreadsheet处理表格2的更多相关文章

  1. PhpSpreadsheet处理表格

    介绍:PhpSpreadsheet是PHPExcel的下一个版本.它打破了兼容性,大大提高了代码库质量(命名空间,PSR合规性,最新PHP语言功能的使用等).由于所有努力都转移到了PhpSpreads ...

  2. phpspreadsheet导出数据到Excel

    之前我们使用PHP导出Excel数据时使用的是PHPExcel库,但是phpoffice已经官方宣布PHPExcel已经被废弃不在维护,推荐使用phpspreadsheet,如下图所示 我们可以通过c ...

  3. PHP7 学习笔记(十二)PHPExcel vs PhpSpreadsheet and PHP_XLSXWriter

    前言 PhpSpreadsheet是PHPExcel的下一个版本. 它打破了兼容性,极大地提高了代码库的质量(命名空间,PSR合规性,使用最新的PHP语言功能等).由于所有努力都转移到了PhpSpre ...

  4. php+phpspreadsheet读取Excel数据存入mysql

    先生成Excel模板,然后导入Excel数据到mysql,每条数据对应图片上传到阿里云 <?php /** * Created by PhpStorm. * User: Administrato ...

  5. 详解PhpSpreadsheet设置单元格

    PhpSpreadsheet提供了丰富的API接口,可以设置诸多单元格以及文档属性,包括样式.图片.日期.函数等等诸多应用,总之你想要什么样的Excel表格,PhpSpreadsheet都能做到. 在 ...

  6. 使用PhpSpreadsheet将Excel导入到MySQL数据库

    本文以导入学生成绩表为例,给大家讲解使用PhpSpreadsheet将Excel导入的MySQL数据库. 准备 首先我们需要准备一张MySQL表,表名t_student,表结构如下: CREATE T ...

  7. TP5使用Composer安装phpoffice/phpspreadsheet,导出Excel文件

    1.composer安装: composer require phpoffice/phpspreadsheet 2.点击导出按钮,触发控制器里面的方法 wdjzdc() 3. 在控制中引入 use P ...

  8. phpspreadsheet开发手记

    坑安装简单示例通过模板来生成文件释放内存单元格根据索引获取英文列设置值合并单元格居中显示宽度设置批量设置单元格格式直接输出下载自动计算列宽函数formula单元格变可点击的超链 PhpSpreadsh ...

  9. PhpSpreadsheet如何读取excel文件

    PhpSpreadsheet如何读取excel文件 一.总结 一句话总结:万能的百度,直接搜代码就好,绝对有,毕竟github上面4000+的关注,说明很多人用了这个,使用照着demo倒是异常简单 二 ...

随机推荐

  1. java.sql.SQLException

    java.sql.SQLException 出错:java.sql.SQLException: com.mchange.v2.c3p0.ComboPooledDataSource[ identityT ...

  2. 《DSP using MATLAB》Problem 8.1

    代码: %% ------------------------------------------------------------------------ %% Output Info about ...

  3. 对话框处理Enter,Esc键相应问题

    在类视图里面选择你要实现的类,右键属性,在属性里面找到函数PreTranslateMessage,然后添加PreranslateMessage的消息函数,在PreTranslateMessage的消息 ...

  4. elasticsearch 中文API(一)

    Java API 这节会介绍elasticsearch支持的Java API.所有的elasticsearch操作都使用Client对象执行.本质上,所有的操作都是并行执行的. 另外,Client中的 ...

  5. XStream JavaBean对象转换成XML!

    代码实例: 1.javaBean类: package com.hsinfo.web.Demo.XStream; public class City { private String name; pub ...

  6. 适配的js

    /** * Created by fanso2o on 2016/9/7. */$(document).ready(function () { function change() { var html ...

  7. Django项目:CRM(客户关系管理系统)--67--57PerfectCRM实现admin批量生成上课记录

    #admin.py # ————————01PerfectCRM基本配置ADMIN———————— from django.contrib import admin # Register your m ...

  8. spring cloud深入学习(十二)-----Spring Cloud Zuul网关 Filter、熔断、重试、高可用的使用方式

    Zuul的核心 Filter是Zuul的核心,用来实现对外服务的控制.Filter的生命周期有4个,分别是“PRE”.“ROUTING”.“POST”.“ERROR”,整个生命周期可以用下图来表示. ...

  9. volatile和指令重排序

    volatile 的作用 1 精致指令重排序 2 多线程访问同一个变量的时候,每次都是取最新的,而不会使用当前cpu缓存的那一份.

  10. PAT甲级——A1043 Is It a Binary Search Tree

    A Binary Search Tree (BST) is recursively defined as a binary tree which has the following propertie ...