结合AJAX进行PHP开发之入门(二)
导航的实现
虽然表格列出了目录中的一些图像,但用户还需要一种查看表格中未出现的图片的方法。要真正实现分页器的导行,则需要一套标准的链接:首页、上一页、下一页和尾页。
清单 3. 分页器导航
// Append navigation
$output = '
Showing items ' . $limit_start . '-' .
min($limit_start $limit_step - 1, count($images)) .
' of ' . count($images) . '
';
$prev_start = max(0, $limit_start - $limit_step);
if ( $limit_start > 0 ) {
$output .= get_table_link('
$output .= ' | ' . get_table_link('Prev',
$prev_start, $limit_step);
} else {
$output .= '
}
// Append next button
$next_start = min($limit_start $limit_step, count($images));
if ( $limit_start $limit_step
$output .= ' | ' . get_table_link('Next',$next_start, $limit_step);
$output .= ' | ' . get_table_link('>>',(count($images) - $limit_step), $limit_step);
} else {
$output .= ' | Next | >>';
}
$output .= '
';最后还要编写 get_image_link() 和 get_table_link() 函数,让用户将缩略图展开成完整的图像(参见清单 4)。注重,脚本 index.php(以及后面要创建的 expand.php)只在这两个函数中调用。这样就很轻易改变链接的功能。事实上在下面与 Sajax 进行集成时,只有这两个函数需要修改。
清单 4. get_image_link、get_table_link 实现
function get_table_link ( $title, $start, $step ) {
$link = "index.php?start=$start&step=$step";
return '' . $title .'';
}
function get_image_link ( $title, $index ) {
$link = "expand.php?index=$index";
return '' . $title . '';
}
放大图片
现在有了一个可用的分页器为用户提供一些缩略图。相册的第二项功能是答应用户单击缩略图来查看全图。get_image_link() 函数调用了 expand.php 脚本,我们现在就来编写它。该脚本传递用户希望展开的文件的索引,因此必须在此列出目录并获得适当的文件名。随后的操作就很简单了,只需创建病输出 image 标记即可。
清单 5. get_image 函数
function get_image ( $index ) {
$images = get_image_list ( 'images' );
// Generate navigation
$output .= '
return $output;
}

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)

Sujets chauds

Solution à l'échec du démarrage du docker : 1. Vérifiez l'état d'exécution, puis libérez la mémoire occupée via la commande "echo 3 > /proc/sys/vm/drop_caches" ; 2. Utilisez "$netstat -nltp|grep .. . " pour vérifier si le port a été occupé. S'il s'avère occupé après la mise en ligne, remplacez-le par un port disponible, puis redémarrez.

"Explication détaillée de l'utilisation de take et limit dans Laravel" Dans Laravel, take et limit sont deux méthodes couramment utilisées pour limiter le nombre d'enregistrements renvoyés dans les requêtes de base de données. Bien que leurs fonctions soient similaires, il existe quelques différences subtiles dans les scénarios d'utilisation spécifiques. Cet article analysera en détail l’utilisation de ces deux méthodes et fournira des exemples de code spécifiques. 1. Méthode Take Dans Laravel, la méthode take est utilisée pour limiter le nombre d'enregistrements renvoyés, généralement combinée avec la méthode orderBy.

Le format de fichier STEP est un format d'échange de données de modèles 3D important. Il joue un rôle important dans la CAO, la FAO et d'autres domaines connexes. Sa standardisation et son application généralisée contribuent à améliorer l'efficacité du travail, à réduire la complexité de la conversion des données et à promouvoir l'interopérabilité entre les différents systèmes. . Le nom complet est « Standard Terminal Equipment Protocol », qui sont des données d'image tridimensionnelles basées sur la structure d'échange codée en texte au format ASCII qui est conforme à la norme ISO 10303-21 du protocole d'application STEP.

Take et limit sont deux méthodes couramment utilisées dans Laravel pour limiter le nombre de jeux de résultats de requête. Bien qu’ils présentent certaines similitudes en termes de fonctionnalités, ils diffèrent par leur utilisation et certains détails. Cet article procédera à une comparaison détaillée des fonctions et de l'utilisation de ces deux méthodes, et fournira des exemples de code spécifiques pour aider les lecteurs à mieux comprendre les différences entre elles et comment les appliquer correctement. 1.méthodetake La méthode take est dans le générateur de requêtes LaravelEloquent

La configuration de la sortie frontale nécessite des exemples de code spécifiques. Dans le développement front-end, la configuration de la sortie est une configuration très importante. Il est utilisé pour définir le chemin du fichier, le nom du fichier et les chemins de ressources associés générés après le packaging du projet. Cet article présentera le rôle de la configuration de la sortie frontale, les options de configuration courantes et donnera des exemples de code spécifiques. Le rôle de la configuration de sortie : l'élément de configuration de sortie est utilisé pour spécifier le chemin du fichier et le nom du fichier générés après le packaging du projet. Il détermine le résultat final du projet. Emballé dans un webpack, etc.

Analyse approfondie : quelle est la différence entre un lien et une importation ? Lors du développement de pages Web ou d'applications, nous devons souvent introduire des fichiers CSS externes ou des bibliothèques JavaScript pour améliorer ou personnaliser notre code. Dans ce processus, le lien et l'importation sont deux méthodes couramment utilisées. Bien que leur objectif soit d’introduire des ressources externes, il existe certaines différences dans leur utilisation spécifique. Syntaxe et emplacement : lien : utilisez la balise de lien pour lier des ressources externes dans le fichier HTML, généralement situé en tête du document HTML.

Les différences entre les balises de lien et l'importation incluent la syntaxe et l'utilisation, les fonctions et fonctionnalités, le temps de chargement, la compatibilité et la prise en charge, etc. Introduction détaillée : 1. Syntaxe et utilisation La balise link est une balise HTML, utilisée pour introduire des ressources externes dans les documents HTML, telles que des feuilles de style CSS, des scripts JavaScript, des icônes, etc. import est la syntaxe d'importation du module dans ES6, utilisée dans Fichiers JavaScript. Introduire des modules externes ; 2. Fonctions et fonctionnalités La balise de lien peut introduire une variété de ressources, telles que des feuilles de style CSS, des icônes, etc.

Solution à l'erreur de démarrage du nœud : 1. Exécutez "node xx.js" directement dans le terminal ; 2. Ajoutez l'élément de démarrage "scripts": {"test": "echo \"Erreur : aucun test spécifié\" && exit 1 » ,"start": "node service.js"}"; 3. Réexécutez "npm start".
