search

博客列表 >20200206-PhpSpreadsheet文件下载与上传-***线上九期班

20200206-PhpSpreadsheet文件下载与上传-***线上九期班

邯郸易住宋至刚
邯郸易住宋至刚原创
2020年02月06日 23:15:541003浏览

PhpSpreadsheet文件下载与上传

在实际项目中，使用excel上传和下载数据，是一个经常性的需求，我使用的一个软件中，一年要一万元，但是合同列表需要一份一份补录，浪费了我10来个员工将近一个月的时间，可谓费时费力。偶尔看到了“欧阳克”老师的视频课，经过学习，结合laravel框架知识，将PhpSpreadsheet实现在laravel中。

一、前端代码

1、数据列表及下载数据

  1. @extends('base')
  2. @section('title','日志列表')
  3. @section('content')
  5.     <section class="Hui-article-box">
  6.         <nav class="breadcrumb"><i class="Hui-iconfont"></i> 首页
  7.             <span class="c-gray en">></span>
  8.             日志管理
  9.             <span class="c-gray en">></span>
  10.             日志列表
  11.             <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont"></i></a>
  12.         </nav>
  13.         <div class="Hui-log">
  14.             <article class="cl pd-20">
  15.                 <div class="text-c">
  16.                 <span class="select-box inline">
  17.                 <select name="" class="select">
  18.                     <option value="0">日志标题</option>
  19.                 </select>
  20.                 </span>
  21.                     <input type="text" name="wd" id="wd" onblur="search()" placeholder=" 标题关键字" style="width:250px" class="input-text" value="">
  22.                     <button name="" id="" onclick="search()" class="btn btn-success" type="button"><i class="Hui-iconfont"></i> 搜日志</button>
  23.                 </div>
  24.                 <div class="cl pd-5 bg-1 bk-gray mt-20">
  25.                 <span class="l">
  26.                 <a href="javascript:;" onclick="datadel()" class="btn btn-danger radius"><i class="Hui-iconfont"></i> 批量删除</a>
  27.                 <a class="btn btn-primary radius" data-title="添加日志"  onclick="log_add()" href="javascript:;"><i class="Hui-iconfont"></i> 添加日志</a>
  28.                 <a href="/test/download" class="btn btn-primary radius" ><i class="Hui-iconfont"></i> 导出数据</a>
  29.                 <a href="javascript:;" onclick="data_upload()" class="btn btn-primary radius" ><i class="Hui-iconfont"></i> 导入数据</a>
  30.                 </span>
  31.                     <span class="r">共有数据：<strong>{{$total}}</strong> 条</span>
  32.                 </div>
  33.                 <div class="mt-20">
  34.                     <table class="table table-border table-bordered table-bg table-hover table-sort">
  35.                         <thead>
  36.                         <tr class="text-c">
  37.                             <th width="40"><input type="checkbox" name="" value=""></th>
  38.                             <th width="40">ID</th>
  39.                             <th width="40">UID</th>
  40.                             <th width="40">Client</th>
  41.                             <th width="40">添加时间</th>
  42.                             <th width="40">IP</th>
  43.                             <th width="80">操作</th>
  44.                         </tr>
  45.                         </thead>
  46.                         <tbody>
  47.                         @foreach($logs as $log)
  48.                             <tr class="text-c">
  49.                                 <td><input type="checkbox" value="" name=""></td>
  50.                                 <td>{{$log['ip']}}</td>
  51.                                 <td>{{$log['uid']}}</td>
  52.                                 <td>{{$log['client']}}</td>
  53.                                 <td>{{$log['add_time']}}</td>
  54.                                 <td>{{$log['ip']}}</td>
  55.                                 <td>
  56.                                     <a style="text-decoration:none" onClick="log_stop(this,{{$log['ip']}})" href="javascript:;" title="下架">
  57.                                         <i class="Hui-iconfont"></i>
  58.                                     </a>
  59.                                     <a style="text-decoration:none" class="ml-5" onclick="log_add({{$log['ip']}})" href="javascript:;" title="编辑">
  60.                                         <i class="Hui-iconfont"></i>
  61.                                     </a>
  62.                                     <a style="text-decoration:none" class="ml-5" onclick="log_del(this,{{$log['ip']}})" href="javascript:;" title="删除">
  63.                                         <i class="Hui-iconfont"></i>
  64.                                     </a>
  65.                                 </td>
  66.                             </tr>
  67.                         @endforeach
  68.                         </tbody>
  69.                     </table>
  70.                 </div>
  71.                 <div >
  72.                     {{$links}}
  73.                 </div>
  74.             </article>
  75.         </div>
  76.     </section>
  77.     <script type="text/javascript">
  78.         function data_upload() {
  79.             layer.open({
  80.                 type:2
  81.                 ,shadeClose:true
  82.                 ,shadow:0.2
  83.                 ,area:['480px','360px']
  84.                 ,title:'数据上传'
  85.                 ,content:'/test/upload'
  86.             })
  88.         }
  90.     </script>
  91. @endsection

2、数据上传及下载模板

  1. @extends('base')
  2. @section('title','导入页面')
  3. <link rel="stylesheet" href="/static/layui/css/layui.css">
  4. @section('content')
  6.     <section class="Hui-article-box">
  7.         <nav class="breadcrumb"><i class="Hui-iconfont"></i> 首页
  8.             <span class="c-gray en">></span>
  9.             图片管理
  10.             <span class="c-gray en">></span>
  11.             图片列表
  12.             <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont"></i></a>
  13.         </nav>
  14.         <div class="Hui-log">
  15.             @csrf
  17.             <div class="cl pd-5 bg-1 bk-gray mt-20" style="margin: 80px 100px">
  18.                 <span class="l">
  19.                 <button id="up" class="btn btn-primary radius" ><i class="Hui-iconfont"></i> 选择文件</button>
  20.                 <button onclick="model_download()" class="btn btn-primary radius" ><i class="Hui-iconfont"></i> 下载模板</button>
  21.                 </span>
  22.             </div>
  23.         </div>
  24.     </section>
  26.     <script type="text/javascript" src="/static/layui/layui.all.js"></script>
  27.     <script type="text/javascript" src="/static/layui/layui.js"></script>
  28.     <script type="text/javascript">
  29.         layui.use('upload', function() {
  30.             var $ = layui.jquery;
  31.             var upload = layui.upload;
  32.             upload.render({
  33.                 elem: '#up'
  34.                 , url: '/test/uploadsave'
  35.                 , data: {
  36.                     '_token': function () {
  37.                         return $('input[name="_token"]').val();
  38.                     }
  39.                 }
  40.                 , accept: 'file' //普通文件
  41.                 , done: function (res) {
  42.                     if (res.code == 0) {
  43.                         for (var i = 0; i < res.data.length; i++) {
  44.                             $("#log").append('<div>' + res.data[i] + '</div>');
  45.                         }
  46.                     }
  47.                 }
  48.             });
  49.         })
  51.         //model_download
  52.         function model_download() {
  53.             window.location.href = '/test/model_download'
  54.         }
  55.     </script>
  57. @endsection

二、服务器端代码

1、引入文件

  1. use Illuminate\Http\Request;
  2. use App\Http\Controllers\Controller;
  3. use Illuminate\Support\Facades\DB;
  4. use PhpOffice\PhpSpreadsheet\Spreadsheet;
  5. use PhpOffice\PhpSpreadsheet\Writer\Xlsx;
  6. use PhpOffice\PhpSpreadsheet\IOFactory;
  7. use PhpOffice\PhpSpreadsheet\Cell\Coordinate;

2、下载数据

  1. //下载数据
  2.     public function download()
  3.     {
  4.         //设置表头
  5.         $spreadsheet = new Spreadsheet();
  6.         $sheet = $spreadsheet -> getActiveSheet();
  7.         $cell1= $sheet->getCell('A1')->setValue('ID');
  8.         $cell2= $sheet->getCell('B1')->setValue('用户ID');
  9.         $cell3= $sheet->getCell('C1')->setValue('登录设备');
  10.         $cell4= $sheet->getCell('D1')->setValue('登录时间');
  11.         $cell5= $sheet->getCell('E1')->setValue('登录IP');
  14.         //查询数据
  15.         $logs = DB::table('login_log')->lists();
  16.         //添加数据
  17.         $sheet->fromArray(
  18.             $logs,
  19.             null,
  20.             'A2'
  21.         );
  23.         //下载数据
  24.         // MIME 协议，文件的类型，不设置，会默认html
  25.         header('Content-Type:application/vnd.openxmlformats-officedocument.spreadsheetml.sheet');
  26.         // MIME 协议的扩展
  27.         header('Content-Disposition:attachment;filename=登录日志.xlsx');
  28.         // 缓存控制
  29.         header('Cache-Control:max-age=0');
  31.         $writer = IOFactory::createWriter($spreadsheet, 'Xlsx');
  32.         // php://output 它是一个只写数据流, 允许你以 print 和 echo一样的方式写入到输出缓冲区。
  33.         $writer->save('php://output');
  34.     }

3、上传页面

  1. //upload页面
  2.     public function upload()
  3.     {
  4.         return view('admins.test.upload');
  5.     }

4、上传处理

  1.     public function uploadsave()
  2.     {
  3.         $file = $_FILES['file']['tmp_name'];
  5.         # 创建读操作
  6.         $reader = IOFactory::createReader('Xlsx');
  7.         # 打开文件、载入excel表格
  8.         $spreadsheet = $reader->load($file);
  9.         # 获取活动工作薄
  10.         $sheet = $spreadsheet->getActiveSheet();
  12.         # 获取总列数
  13.         $highestColumn = $sheet->getHighestColumn();
  15.         # 获取总行数
  16.         $highestRow = $sheet->getHighestRow();
  18.         # 列数 改为数字显示
  19.         $highestColumnIndex = Coordinate::columnIndexFromString($highestColumn);
  20.         $log = [];
  21.         for($a=2;$a<$highestRow;$a++){
  22.             $id = $sheet->getCellByColumnAndRow(1,$a)->getValue();
  23.             $uid = $sheet->getCellByColumnAndRow(2,$a)->getValue();
  24.             $client = $sheet->getCellByColumnAndRow(3,$a)->getValue();
  25.             $add_time = $sheet->getCellByColumnAndRow(4,$a)->getValue();
  26.             $ip = $sheet->getCellByColumnAndRow(5,$a)->getValue();
  29.             **$data = [
  30.                 'id' => $id,
  31.                 'uid' => $uid,
  32.                 'client' => $client,
  33.                 'add_time' => $add_time,
  34.                 'ip' => $ip,
  35.             ];**
  36.             $ins = DB::table('login_log')->insert($data);
  37.             if($ins){
  38.                 $log[] = '第'.$a.'条，插入成功';
  39.             }else{
  40.                 $log[] = '第'.$a.'条，插入失败';
  41.             }
  42.         }
  43.         return json_encode(['code'=>0,'msg'=>'成功','data'=>$log]);
  44.     }

4、下载模板

  1. public function model_download()
  2.     {
  3.         $spreadsheet = new Spreadsheet();
  4.         $sheet = $spreadsheet -> getActiveSheet();
  5.         $cell1= $sheet->getCell('A1')->setValue('ID');
  6.         $cell2= $sheet->getCell('B1')->setValue('用户ID');
  7.         $cell3= $sheet->getCell('C1')->setValue('登录设备');
  8.         $cell4= $sheet->getCell('D1')->setValue('登录时间');
  9.         $cell5= $sheet->getCell('E1')->setValue('登录IP');
  11.         //download
  12.         // MIME 协议，文件的类型，不设置，会默认html
  13.         header('Content-Type:application/vnd.openxmlformats-officedocument.spreadsheetml.sheet');
  14.         // MIME 协议的扩展
  15.         header('Content-Disposition:attachment;filename=模板文件.xlsx');
  16.         // 缓存控制
  17.         header('Cache-Control:max-age=0');
  19.         $writer = IOFactory::createWriter($spreadsheet, 'Xlsx');
  20.         // php://output 它是一个只写数据流, 允许你以 print 和 echo一样的方式写入到输出缓冲区。
  21.         $writer->save('php://output');
  22.     }

三、问题

1、单元格格式具体有哪些？视频中只提到了设置的方法，没有列举更多的格式，

尤其是如果单元格需要是时间格式时，总不能要求把我们习惯的“Y-m-d H:i:s”写入时间表？

2、怎么说填表说明

3、怎么设置成可选下拉菜单一样的效果？

4、返回的信息如何接收和显示？还没有实现

上一条：HTML基础学习笔记下一条：20200129-Layui文件上传-PHP线上培训九期班
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多