développement back-end
Problème PHP
Quelle est la méthode pour implémenter la barre de progression en php
Quelle est la méthode pour implémenter la barre de progression en php
La façon dont PHP implémente la barre de progression est la suivante : 1. Utilisez ajax pour demander l'adresse du traitement logique ; 2. Pendant le traitement logique, utilisez la session pour enregistrer la progression du traitement ; une autre adresse pour interroger les progrès, obtenant ainsi un retour en temps réel.
Il existe deux manières principales d'implémenter la barre de progression en PHP L'une consiste à utiliser le "contrôle du tampon de sortie" pour afficher directement la barre de progression, et l'autre. est la méthode ajax.
(Recommandation vidéo d'apprentissage : cours java )
Parlons d'abord de la méthode « contrôle du tampon de sortie » :
Cette méthode utilise principalement plusieurs fonctions de la fonction PHP Buffering, cette méthode peut être exécutée directement sans changer le fichier de configuration. Le code est posté ci-dessous :
<?php
set_time_limit(0); //设置程序执行时间
ignore_user_abort(true); //设置断开连接继续执行
header('X-Accel-Buffering: no'); //关闭buffer
header('Content-type: text/html;charset=utf-8'); //设置网页编码
ob_start(); //打开输出缓冲控制
echo str_repeat(' ',1024*4); //字符填充
$width = 1000;
$html = '<div style="margin:100px auto; padding: 8px; border: 1px solid gray; background: #EAEAEA; width: %upx"><div style="padding: 0; background-color: white; border: 1px solid navy; width: %upx"><div id="progress" style="padding: 0; background-color: #FFCC66; border: 0; width: 0px; text-align: center; height: 16px"></div></div><div id="msg" style="font-family: Tahoma; font-size: 9pt;">正在处理...</div><div id="percent" style="position: relative; top: -34px; text-align: center; font-weight: bold; font-size: 8pt">0%%</div></div>';
echo sprintf($html, $width+8, $width);
echo ob_get_clean(); //获取当前缓冲区内容并清除当前的输出缓冲
flush(); //刷新缓冲区的内容，输出
$length = 11;
for($i=0; $i<$length; $i++) {
sleep(rand(1,2));
$proportion = ($i+1)/$length;
if($i+1 == $length){
$msg = '同步完成';
}else{
$msg = '正在同步第' . ($i+1) . '个用户';
}
$script = '<script>document.getElementById("percent").innerText="%u%%";document.getElementById("progress").style.width="%upx";document.getElementById("msg").innerText="%s";</script>';
echo sprintf($script, intval($proportion*100), intval(($i+1)/$length)*$width, $msg);
echo ob_get_clean(); //获取当前缓冲区内容并清除当前的输出缓冲
flush(); //刷新缓冲区的内容，输出
}La "méthode ajax" est un peu plus gênante. ajax pour demander en premier (c'est de préférence l'adresse du "traitement logique" pour les requêtes asynchrones). Pendant le traitement logique, des sessions ou d'autres supports de stockage (tels que memcache, redis, etc.) sont utilisés pour enregistrer la progression du traitement, et Ajax est utilisé en premier. utilisé pour demander (de préférence des requêtes synchrones) une autre adresse pour interroger la progression, afin d'obtenir un retour en temps réel.
Le code est le suivant :
Le premier est le fichier html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="./jquery-1.10.2.min.js"></script>
<title>同步</title>
</head>
<body>
<input type="button" name="syn" id="syn" value="同步" />
<div id="progressBar" style="margin: 50px auto; padding: 8px; border: 1px solid gray; background: #EAEAEA; width: 1008px;display:none">
<div style="padding: 0; background-color: white; border: 1px solid navy; width: 1000px">
<div id="progress" style="padding: 0; background-color: #FFCC66; border: 0; width: 0px; text-align: center; height: 16px"></div>
</div>
<div id="msg">正在处理...</div>
<div id="percent" style="position: relative; top: -18px; text-align: center; font-weight: bold; font-size: 8pt">0%</div>
</div>
</body>
<script>
function query(timestamp){
$.ajax({
type:'post',
url:'/test1.php', //查询进度
data:{ timestamp:timestamp},
dataType: "json",
async:false,
success: function(data){
if(data.code=='10000'){
data1 = data.data;
document.getElementById("percent").innerText= data1.percent + "%";
document.getElementById("progress").style.width=data1.progress + "px";
document.getElementById("msg").innerText=data1.msg;
if(data1.percent == 100){
$("#syn").attr('disabled', false);
return ;
}
}else{
document.getElementById("msg").innerText=data.msg;
}
setTimeout('query(' + timestamp + ')', 1000);
}
});
}
$("#syn").click(function(){
var timestamp = Date.parse(new Date());
$("#syn").attr('disabled', 'disabled');
$("#progressBar").css('display', 'block');
$.ajax({
type:'post',
url:'/test.php', //执行处理
data:{ timestamp:timestamp},
dataType: "json",
async:true,
success: function(data){
if(data.code=='10000'){
console.log('同步成功');
//data1 = data.data;
//document.getElementById("percent").innerText= data1.percent + "%";
//document.getElementById("progress").style.width=data1.progress + "px";
//document.getElementById("msg").innerText=data1.msg;
}else{
document.getElementById("msg").innerText=data1.msg;
}
}
});
setTimeout('query(' + timestamp + ')', 1000);
});
</script>
</html>fichier test.php
<?php
set_time_limit(0); //设置程序执行时间
ignore_user_abort(true); //设置断开连接继续执行
$timestamp = $_POST['timestamp']; //省略一切校验
$width = 1000;
$length = 11;
for($i=0; $i<$length; $i++) {
sleep(rand(1,2)); //模拟处理时间
$proportion = ($i+1)/$length;
if($i+1 == $length){
$msg = '同步完成';
}else{
$msg = '正在同步第' . ($i+1) . '个用户';
}
$data = array(
'percent' => intval($proportion*100),
'progress' => intval($width*($i+1)/$length),
'msg' => $msg
);
session_start();
$_SESSION['now_percent' . $timestamp] = $data;
session_write_close(); //释放session锁
}
echo json_encode(array(
'code' => 10000,
'data' => $data
));test1.php
<?php
//忽略所有校验，直接写主要部分
$timestamp = $_POST['timestamp']; //省略一切校验
session_start();
$now_percent = @$_SESSION['now_percent' . $timestamp];
session_write_close();
if(empty($now_percent)){
echo json_encode(array(
'code' => 10001,
'msg' => '正在处理...'
));exit;
}else{
echo json_encode(array(
'code' => 10000,
'data' => $now_percent
));exit;
}Supplément :
1. La raison pour laquelle setTimeout est utilisé au lieu de setinterval pour vérifier régulièrement est que si le temps défini est trop court et le temps de réponse à la demande est trop long, l'affichage sera chaotique.
2. Faites attention à libérer la session à temps après l'avoir utilisée, sinon la requête continuera d'attendre car la session est verrouillée. Il est préférable de la libérer après utilisation.
Recommandations associées : formation php
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Guide d'installation et de mise à niveau de PHP 8.4 pour Ubuntu et Debian
Dec 24, 2024 pm 04:42 PM
PHP 8.4 apporte plusieurs nouvelles fonctionnalités, améliorations de sécurité et de performances avec une bonne quantité de dépréciations et de suppressions de fonctionnalités. Ce guide explique comment installer PHP 8.4 ou mettre à niveau vers PHP 8.4 sur Ubuntu, Debian ou leurs dérivés. Bien qu'il soit possible de compiler PHP à partir des sources, son installation à partir d'un référentiel APT comme expliqué ci-dessous est souvent plus rapide et plus sécurisée car ces référentiels fourniront les dernières corrections de bogues et mises à jour de sécurité à l'avenir.
Date et heure de CakePHP
Sep 10, 2024 pm 05:27 PM
Pour travailler avec la date et l'heure dans cakephp4, nous allons utiliser la classe FrozenTime disponible.
Discuter de CakePHP
Sep 10, 2024 pm 05:28 PM
CakePHP est un framework open source pour PHP. Il vise à faciliter grandement le développement, le déploiement et la maintenance d'applications. CakePHP est basé sur une architecture de type MVC à la fois puissante et facile à appréhender. Modèles, vues et contrôleurs gu
Téléchargement de fichiers CakePHP
Sep 10, 2024 pm 05:27 PM
Pour travailler sur le téléchargement de fichiers, nous allons utiliser l'assistant de formulaire. Voici un exemple de téléchargement de fichiers.
CakePHP créant des validateurs
Sep 10, 2024 pm 05:26 PM
Le validateur peut être créé en ajoutant les deux lignes suivantes dans le contrôleur.
Comment configurer Visual Studio Code (VS Code) pour le développement PHP
Dec 20, 2024 am 11:31 AM
Visual Studio Code, également connu sous le nom de VS Code, est un éditeur de code source gratuit – ou environnement de développement intégré (IDE) – disponible pour tous les principaux systèmes d'exploitation. Avec une large collection d'extensions pour de nombreux langages de programmation, VS Code peut être c
Guide rapide CakePHP
Sep 10, 2024 pm 05:27 PM
CakePHP est un framework MVC open source. Cela facilite grandement le développement, le déploiement et la maintenance des applications. CakePHP dispose d'un certain nombre de bibliothèques pour réduire la surcharge des tâches les plus courantes.
Comment analysez-vous et traitez-vous HTML / XML dans PHP?
Feb 07, 2025 am 11:57 AM
Ce tutoriel montre comment traiter efficacement les documents XML à l'aide de PHP. XML (Language de balisage extensible) est un langage de balisage basé sur le texte polyvalent conçu à la fois pour la lisibilité humaine et l'analyse de la machine. Il est couramment utilisé pour le stockage de données et
