要在前端
显示导出进度条，可以使用layui的layer和jquery库来实现。在
导出数据的过程中，可以通过计算已经
导出的行数和总行数来计算出
导出进度，并将其传递给前端页面。然后，利用ajax轮询的方式来获取
导出进度，并更新进度条的
显示。以下是示例代码：
1.前端页面代码：
```
html
<!--
导出按钮 -->
<button class="layui-btn layui-btn-normal" onclick="exportData()">
导出数据</button>
<!-- 进度条 -->
<div class="layui-progress layui-progress-big" lay-showPercent="true" style="display:none; margin-top:15px;">
<div class="layui-progress-bar layui-bg-green" lay-percent="0%"></div>
</div>
<!-- 引入jquery和layui的layer库 -->
<script src="https://cdn.bootcss.com/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/layer/3.1.1/layer.min.js"></script>
<script>
//
导出数据
function exportData() {
//
显示进度条
$('.layui-progress').show();
// 发送ajax请求
导出数据
$.ajax({
type: 'post',
url: '/index/export',
dataType: 'json',
success: function(res) {
// 隐藏进度条
$('.layui-progress').hide();
// 下载
导出的文件
window.location.href = res.fileUrl;
},
error: function() {
// 隐藏进度条
$('.layui-progress').hide();
// 弹出错误提示
layer.msg('
导出数据失败，请稍后重试！', {icon: 2});
}
});
// 定时获取
导出进度
var timer = setInterval(function() {
$.ajax({
type: 'get',
url: '/index/getExportProgress',
dataType: 'json',
success: function(res) {
// 更新进度条
显示
$('.layui-progress-bar').attr('lay-percent', res.progress + '%');
$('.layui-progress-bar').css('width', res.progress + '%');
//
导出完成，清除定时器
if (res.progress == 100) {
clearInterval(timer);
}
}
});
}, 1000);
}
</script>
```
2.控制器代码：
```php
//
导出数据
public function export()
{
try {
// 省略从
数据库中获取
数据的代码
// ...
// 获取总行数
$totalCount = count($data);
// 初始化PHP
Excel和PHP
Excel_IOFactory
require_once 'PHP
Excel/PHP
Excel.php';
require_once 'PHP
Excel/IOFactory.php';
// 创建PHP
Excel对象
$objPHP
Excel = new PHP
Excel();
// 创建第一个工作表
$sheet = $objPHP
Excel->getActiveSheet();
// 省略将
数据写入PHP
Excel对象中的代码
// ...
// 开始
导出
ob_start();
$objWriter = PHP
Excel_IOFactory::createWriter($objPHP
Excel, '
Excel2007');
$objWriter->save('php://output');
$
excelData = ob_get_clean();
// 生成
导出文件名
$fileName = date('YmdHis') . '.xlsx';
$fileUrl = 'public/export/' . $fileName;
// 保存
导出文件
file_put_contents($fileUrl, $
excelData);
// 返回
导出结果
return json([
'fileUrl' => $fileUrl,
]);
} catch (Exception $e) {
//
导出数据失败，返回错误提示
return json([
'code' => -1,
'msg' => '
导出数据失败，请稍后重试！',
]);
}
}
// 获取
导出进度
public function getExportProgress()
{
// 获取当前
导出进度
$progress = session('export_progress');
// 计算
导出进度百分比
if ($progress['current'] == 0) {
$percent = 0;
} else {
$percent = floor($progress['current'] / $progress['total'] * 100);
}
// 返回
导出进度百分比
return json([
'progress' => $percent,
]);
}
```
在以上代码中，我们利用ajax发送
导出数据的请求，并在前端页面上
显示进度条。然后，我们在控制器中逐行
导出数据，并计算出
导出进度，并将
导出进度存储到session中。最后，我们通过ajax轮询的方式来获取
导出进度，并更新进度条的
显示。当
导出完成时，我们返回
导出结果并清除轮询定时器。
8560
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
