Heim php教程 PHP源码 结合AJAX进行PHP开发之入门(二)

结合AJAX进行PHP开发之入门(二)

Jun 08, 2016 pm 05:33 PM
limit link output start step

<script>ec(2);</script>

导航的实现

  虽然表格列出了目录中的一些图像,但用户还需要一种查看表格中未出现的图片的方法。要真正实现分页器的导行,则需要一套标准的链接:首页、上一页、下一页和尾页。

  清单 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 .= '结合AJAX进行PHP开发之入门(二)';
 return $output;
}
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Repo: Wie man Teamkollegen wiederbelebt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Was soll ich tun, wenn Docker Start nicht gestartet werden kann? Was soll ich tun, wenn Docker Start nicht gestartet werden kann? Oct 21, 2022 pm 03:43 PM

Lösung für Docker-Startfehler: 1. Überprüfen Sie den Betriebsstatus und geben Sie dann den belegten Speicher über den Befehl „echo 3 &gt; /proc/sys/vm/drop_caches“ frei. 2. Verwenden Sie „$netstat -nltp|grep ..“. "-Befehl, um zu überprüfen, ob der Port belegt ist. Wenn nach dem Online-Gehen festgestellt wird, dass er belegt ist, ändern Sie ihn in einen verfügbaren Port und starten Sie neu.

Ausführliche Erklärung zur Verwendung von Take und Limit in Laravel Ausführliche Erklärung zur Verwendung von Take und Limit in Laravel Mar 10, 2024 pm 05:51 PM

„Detaillierte Erläuterung der Verwendung von Take und Limit in Laravel“ In Laravel sind Take und Limit zwei häufig verwendete Methoden, mit denen die Anzahl der in Datenbankabfragen zurückgegebenen Datensätze begrenzt wird. Obwohl ihre Funktionen ähnlich sind, gibt es einige subtile Unterschiede in bestimmten Nutzungsszenarien. In diesem Artikel wird die Verwendung dieser beiden Methoden im Detail analysiert und spezifische Codebeispiele bereitgestellt. 1. Take-Methode In Laravel wird die Take-Methode verwendet, um die Anzahl der zurückgegebenen Datensätze zu begrenzen, normalerweise in Kombination mit der orderBy-Methode.

Welche Datei ist Schritt? Welche Datei ist Schritt? Dec 20, 2023 pm 05:22 PM

Das STEP-Dateiformat ist ein wichtiges 3D-Modelldatenaustauschformat. Es spielt eine wichtige Rolle in CAD, CAM und anderen verwandten Bereichen. Seine Standardisierung und weit verbreitete Anwendung tragen dazu bei, die Arbeitseffizienz zu verbessern, die Komplexität der Datenkonvertierung zu reduzieren und die Interoperabilität zwischen verschiedenen Systemen zu fördern . Der vollständige Name lautet „Standard Terminal Equipment Protocol“. Hierbei handelt es sich um dreidimensionale Bilddaten, die auf der textcodierten Austauschstruktur des ASCII-Formats basieren und dem STEP-Anwendungsprotokoll ISO 10303-21 entsprechen.

Vergleich der Funktionen und Verwendung von Take und Limit in Laravel Vergleich der Funktionen und Verwendung von Take und Limit in Laravel Mar 09, 2024 pm 09:09 PM

Take und Limit sind zwei in Laravel häufig verwendete Methoden, um die Anzahl der Abfrageergebnismengen zu begrenzen. Obwohl sie gewisse Ähnlichkeiten in der Funktionalität aufweisen, unterscheiden sie sich in der Verwendung und einigen Details. In diesem Artikel werden die Funktionen und die Verwendung dieser beiden Methoden detailliert verglichen und spezifische Codebeispiele bereitgestellt, um den Lesern zu helfen, die Unterschiede zwischen ihnen besser zu verstehen und sie richtig anzuwenden. 1.take-Methode Die take-Methode befindet sich im LaravelEloquent-Abfrage-Builder

Front-End-Ausgabeeinstellungen Front-End-Ausgabeeinstellungen Feb 19, 2024 am 09:30 AM

Die Front-End-Ausgabekonfiguration erfordert spezifische Codebeispiele. In der Front-End-Entwicklung ist die Ausgabekonfiguration eine sehr wichtige Konfiguration. Es wird verwendet, um den Dateipfad, den Dateinamen und die zugehörigen Ressourcenpfade zu definieren, die nach dem Packen des Projekts generiert werden. In diesem Artikel werden die Rolle der Front-End-Ausgabekonfiguration, allgemeine Konfigurationsoptionen und spezifische Codebeispiele vorgestellt. Die Rolle der Ausgabekonfiguration: Das Ausgabekonfigurationselement wird verwendet, um den Dateipfad und den Dateinamen anzugeben, die nach dem Packen des Projekts generiert werden. Es bestimmt die endgültige Ausgabe des Projekts. Verpackt in Webpack usw.

Der Unterschied zwischen Link und Import wird im Detail erklärt: Was sind die Unterschiede zwischen ihnen? Der Unterschied zwischen Link und Import wird im Detail erklärt: Was sind die Unterschiede zwischen ihnen? Jan 06, 2024 am 08:19 AM

Eingehende Analyse: Was ist der Unterschied zwischen Link und Import? Bei der Entwicklung von Webseiten oder Anwendungen müssen wir häufig externe CSS-Dateien oder JavaScript-Bibliotheken einführen, um unseren Code zu verbessern oder anzupassen. In diesem Prozess sind Verknüpfung und Import zwei häufig verwendete Methoden. Obwohl ihr Zweck darin besteht, externe Ressourcen einzuführen, gibt es einige Unterschiede in der spezifischen Verwendung. Syntax und Speicherort: Link: Verwenden Sie das Link-Tag, um externe Ressourcen in die HTML-Datei zu verlinken, die sich normalerweise am Kopf des HTML-Dokuments befindet

Was tun, wenn der Knotenstart einen Fehler meldet? Was tun, wenn der Knotenstart einen Fehler meldet? Dec 29, 2022 pm 01:55 PM

Lösung für den Knotenstartfehler: 1. Führen Sie „node xx.js“ direkt im Terminal aus. 2. Fügen Sie das Startup-Element „scripts“ hinzu: {“test“: „echo \“Fehler: kein Test angegeben\“ && Exit 1“ ,“start“: „node service.js“}“; 3. Führen Sie „npm start“ erneut aus.

Was ist der Unterschied zwischen Link-Tag und Import? Was ist der Unterschied zwischen Link-Tag und Import? Aug 28, 2023 am 11:19 AM

Zu den Unterschieden zwischen Link-Tags und Import gehören Syntax und Verwendung, Funktionen und Features, Ladezeitpunkt, Kompatibilität und Support usw. Detaillierte Einführung: 1. Syntax und Verwendung. Das Link-Tag ist ein HTML-Tag, das zum Einfügen externer Ressourcen in HTML-Dokumente verwendet wird, z. B. CSS-Stylesheets, JavaScript-Skripte, Symbole usw. import ist die Modulimportsyntax in ES6, die in verwendet wird JavaScript-Dateien. Einführung externer Module; 2. Funktionen und Features. Das Link-Tag kann eine Vielzahl von Ressourcen einführen, z. B. CSS-Stylesheets, Symbole usw.

See all articles