正常的excel导出没什么问题,最近一直头疼的是怎么导出数据中包含图片,并且图片还是数组?????by user 悦悦 https://www.cnblogs.com/nuanai

1、导出的excel布局是图片分行显示

2、导出图片路径,并且已另外的文字设置超链接

3、其他行合并(这个还没有想好怎么设置合并后赋值)

使用的框架是fastadmin,就要引入必要的PhpOffice包,不必介绍,其中使用到了导出excel的文件、超链接文件、单元格样式文件  by user 悦悦 https://www.cnblogs.com/nuanai

1 use PhpOffice\PhpSpreadsheet\Spreadsheet;
2 use PhpOffice\PhpSpreadsheet\Writer\Xlsx;
3 use PhpOffice\PhpSpreadsheet\Writer\Xls;
4
5 use PhpOffice\PhpSpreadsheet\Cell\Hyperlink;
6 use PhpOffice\PhpSpreadsheet\Style\Alignment;

使用sql语句将数据库需要导出的数据进行查询成结果集,正常的查询语句不做过多介绍(控制器命名不做过多介绍,懂得都懂哈)

这里使用的连表查询,查询出需要导出的字段;有时间字段的,如果数据库中存的是时间戳,需要进行格式化后赋值   by user 悦悦 https://www.cnblogs.com/nuanai

 1 $dataList = Db::name('inspection_project_site')
2 ->alias('site')
3 ->field('staff.staff_name,asite.code,asite.code,site_name,site.latlng,site.check_lnglat,site.checktime,site.images')
4 ->join('inspection_staff staff','staff.id = site.staff_id','LEFT')
5 ->join('inspection_area_site asite','asite.id = site.area_site_id','LEFT')
6 ->where('status',1)
7 ->order(['site.checktime'=>'desc'])
8 ->select();
9
10 foreach ($dataList as $k => &$v)
11 {
12 $v['checktime'] = isset($v['checktime']) ? date('Y-m-d H:i:s',$v['checktime']) : "";
13 }

需要导出的字段已经有了,那么下面就是进行excel的工程,想要导出excel就要使用到上面引入的PHPoffice包

设置导出excel表的文件名称、表头名称和单元格大小等样式,可以使用数据库字段,也可以自己先设定好,我这边是提前设定好的   by user 悦悦 https://www.cnblogs.com/nuanai

 1 $filename = '巡检记录';
2 $spreadsheet = new Spreadsheet();
3 $worksheet = $spreadsheet->getActiveSheet();
4
5 $title = ['巡检员','巡检点编号','巡检点名称','巡检经纬度','打卡经纬度','打卡时间','打卡图片'];
6 $cell_width = [15,10,25,20,20,20,25,30,10,10,30,10,20,10,10,10,10,20,20,20,20,20,20,20,15,15,10];
7
8 $titCol = 'A';// 表头单元格内容 第一行
9
10 foreach ($title as $k=>$value) {
11 // 单元格内容写入
12 $worksheet->setCellValue($titCol . '1', $value);
13 if (isset($cell_width[$k])){
14 $worksheet->getColumnDimension($titCol)->setWidth($cell_width[$k]);
15 }
16 $titCol++;
17 }
18
19 $styleArray = [
20 'font' => [
21 'bold' => true
22 ],
23 'alignment' => [
24 'horizontal' => \PhpOffice\PhpSpreadsheet\Style\Alignment::HORIZONTAL_CENTER,
25 ],
26 ];
27 //设置单元格样式
28 $worksheet->getStyle('A1:V1')->applyFromArray($styleArray)->getFont()->setSize(12);

配置好基本要素后,就是数据内容的写入了,这边图片的字段是用“逗号”进行拼接的字符串,所以当写入excel中时,需要判断图片字段进行逗号拆分为数组,然后分条写入excel表中  by user 悦悦 https://www.cnblogs.com/nuanai

让我比较头疼的是,之前的循环写入有点错误,大家一定要注意,循环的顺序。错误是图片写入后,又被下一条的数据给覆盖了,所以一定要计算好图片需要用到多少行,并且下一条写入时要图片的行数+1才不会覆盖上一条的图片

1 $maxImageCount = !empty($dataRow['images']) ? count(explode(',', $dataRow['images'])) : 1;   //这是判断图片字段是否为空,下面会在合并时用到
1 //这是超链接的名称显示,不想直接显示路径显示另外的名称
2 $hyperlinkText = "打卡图" . ($index + 1);
3 //先写入再这是值为超链接
4 $worksheet->setCellValue($cellCoordinate, $hyperlinkText);
5 // 设置超链接
6 $worksheet->getCell($cellCoordinate)->getHyperlink()->setUrl(trim($image));
1 //除了图片单元格外,其他的单元格列合并图片所占的行数
2 $worksheet->mergeCells($colIndex . $rowIndex . ':' . $colIndex . ($rowIndex + $maxImageCount - 1));

上面是设置超链接和合并的编写内容,下面进行循环写入excel,需要注意的是要在结果集的foreach外设置开始的行数,里面进行设定开始的列;然后进行结果集的循环判断图片字段,并且循环完后才能进行行数追加

 1 $rowIndex = 2;
2 foreach ($dataList as $dataRow) {
3 $colIndex = 'A';
4 $maxImageCount = !empty($dataRow['images']) ? count(explode(',', $dataRow['images'])) : 1;
5
6 foreach ($dataRow as $key => $value) {
7 $worksheet->getStyle($colIndex.$rowIndex)->getAlignment()->setWrapText(true); // 设置自动换行
8
9 if ($key == 'images' && !empty($value)) {
10 $imagePaths = explode(',', $value);
11 foreach ($imagePaths as $index => $image) {
12 //$worksheet->setCellValue($colIndex . ($rowIndex + $index), trim($image));
13 $cellCoordinate = $colIndex . ($rowIndex + $index);
14 $hyperlinkText = "打卡图" . ($index + 1);
15 $worksheet->setCellValue($cellCoordinate, $hyperlinkText);
16 // 设置超链接
17 $worksheet->getCell($cellCoordinate)->getHyperlink()->setUrl(trim($image));
19 }
20 } else {
21 $worksheet->setCellValue($colIndex .$rowIndex, $value);
22 $worksheet->mergeCells($colIndex . $rowIndex . ':' . $colIndex . ($rowIndex + $maxImageCount - 1));
23 }
24 $colIndex++;
25 }
27 $rowIndex += $maxImageCount;
28 }

写入完毕后,再进行excel文件的导出  by user 悦悦 https://www.cnblogs.com/nuanai

1 header('Content-Type: application/vnd.openxmlformats-officedocument.spreadsheetml.sheet');
2 header('Content-Disposition: attachment;filename="'.$filename.date("Y-m-d",time()).'.xlsx"'); //文件名+当前时间命名,可以防止被覆盖
3 header('Cache-Control: max-age=0');
4 $writer = new \PhpOffice\PhpSpreadsheet\Writer\Xlsx($spreadsheet);
5 $writer->save('php://output');

到这里终于解决的图片循环导出的难题,还有一些excel的其他格式设置等,我没有设置超链接的颜色等   by user 悦悦 https://www.cnblogs.com/nuanai

1 //默认B列隐藏
2 $worksheet->getColumnDimension('B')->setVisible(false);
3
4 // 将值以字符串类型写入单元格
5 $worksheet->setCellValueExplicit($titCol2.$i, $v, \PhpOffice\PhpSpreadsheet\Cell\DataType::TYPE_STRING);

by user 悦悦 https://www.cnblogs.com/nuanai

fastadmin的导出到excel功能的更多相关文章

  1. 织梦自定义表单导出为excel功能

    1.首先在后台修改/dede/templets/diy_main.htm <a href="../plus/diy.php?action=daochu&diyid={dede: ...

  2. DataTable 更改在有数据列的类型方法+DataTable 导出excel功能

    /// <summary> /// 导出功能 /// </summary> /// <param name="sender"></para ...

  3. VB将MSHFlexGrid数据导出到Excel文件通用功能

    1.通用导出Excel功能. 2.将 MSHFlexGrid数据导出到Excel文件通用功能. 3.具体代码如下: '将下列代码保存到一模块文件中,调用方法:Export fgrid1,cd1 Pub ...

  4. Atitit.导出excel功能的设计 与解决方案

    Atitit.导出excel功能的设计 与解决方案 1.1. 项目起源于背景1 1.2. Js  jquery方案(推荐)jquery.table2excel1 1.3. 服务器方案2 1.4. 详细 ...

  5. 项目笔记:导出Excel功能

    1.前台这块: var ids=""; $.post("${basePath}/assets/unRegDeviceAction_getDeviceIds.do" ...

  6. 项目笔记:导出Excel功能分sheet页插入数据

    导出Excel功能分sheet页处理数据: /*导出EXCEL*/ public void createExcel() { log.info("导出Excel功能已经启动-BEGIN&quo ...

  7. vue项目导出EXCEL功能

    因为一些原因导出EXCEL功能必须前端来做,所以就研究了一下,在网上也找了一些文章来看,有一些不完整,我做完了就记录下来,供大家参考: 1.首先先安装依赖: npm install file-save ...

  8. Vue通过Blob对象实现导出Excel功能

    不同的项目有不同的导出需求,有些只导出当前所显示结果页面的表格进入excel,这个时候就有很多插件,比如vue-json-excel或者是Blob.js+Export2Excel.js来实现导出Exc ...

  9. .net 导出Excel功能

    将DataSet对象导出成Excel文档 一.不带格式控制 void btnExport_Click(object sender, EventArgs e) { IList<string> ...

  10. excel导出、导入功能

    public class ExcelHelper { #region 数据导出至Excel文件 /// </summary> /// web导出Excel文件,自动返回可下载的文件流 // ...

随机推荐

  1. [Contract] Solidity 多种访问控制 (Access Control) 实现方式

    在 solidity 中控制访问,一般是通过 modifier 修饰符方法来直接做. 那么对于稍复杂的多种访问控制,通常需要一个统一操作的模块化类库. 现在已经有了这样的类库存在,我们通过一个实现功能 ...

  2. dotnet 使用 windbg 运行脚本方式自动批量调试处理 dump 文件

    本文将和大家介绍一个简单且实际用途不大的使用 windbg 配合脚本的方式,进行自动化的大批量对 dotnet 系应用的 dump 进行自动化分析调试处理,可以自动根据调试需求输出 dump 文件的一 ...

  3. centos7虚拟机部署netcore3.1服务供局域网访问

    如果买了亚马逊.腾讯.阿里等服务器,基本上几分钟就可以跑aspnetcore,外网访问分分钟.但是便宜点的服务器访问速度就没那么理想.这时候就需要考虑零成本的虚拟机部署了,当然这个基本都是局域网做测试 ...

  4. vue通过input选取图片,jq的ajax向服务器上传img

    <template>   <div class="">     <!-- 选择后预览 -->     <img v-if="im ...

  5. Java中HTTP下载文件——并解决跨域

    1.常用的需要设置的MIME类型 任何文件(二进制文件) application/octet-stream .doc application/msword .dot application/mswor ...

  6. 文件上传--php user.ini详解

    文件上传 参考文档:https://www.php.net/manual/zh/configuration.file.per-user.php 如果你的 PHP 以模块化运行在 Apache 里,则用 ...

  7. .NET有哪些好用的定时任务调度框架

    前言 定时任务调度的相关业务在日常工作开发中是一个十分常见的需求,经常有小伙伴们在技术群提问:有什么好用的定时任务调度框架推荐的?今天大姚给大家分享5个.NET开源.简单.易用.免费的任务调度框架,帮 ...

  8. iOS中atomic修饰符的底层实现

    在iOS中,atomic表示一个类的属性getter/setter具有原子性.那么iOS底层是如何保证这种原子性的呢? 我们有一个类A,它有一个属性X具有atomic: @property (atom ...

  9. Threading Programming Guide:One

    苹果支持的产生线程的方式 Operation Object 使用OperationQueue,具体可以参考:Concurrency Programming Guide GCD 使用诸如dispatch ...

  10. 3种方法实现图片瀑布流的效果(纯JS,Jquery,CSS)

    最近在慕课网上听如何实现瀑布流的效果:介绍了3种方法. 1.纯JS代码实现: HTML代码部分: <!DOCTYPE html> <html> <head> < ...