結(jié)合AJAX進(jìn)行PHP開發(fā)之入門(二)
Jun 08, 2016 pm 05:33 PM導(dǎo)航的實(shí)現(xiàn)
雖然表格列出了目錄中的一些圖像,但用戶還需要一種查看表格中未出現(xiàn)的圖片的方法。要真正實(shí)現(xiàn)分頁(yè)器的導(dǎo)行,則需要一套標(biāo)準(zhǔn)的鏈接:首頁(yè)、上一頁(yè)、下一頁(yè)和尾頁(yè)。
清單 3. 分頁(yè)器導(dǎo)航
// 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() 函數(shù),讓用戶將縮略圖展開成完整的圖像(參見清單 4)。注重,腳本 index.php(以及后面要?jiǎng)?chuàng)建的 expand.php)只在這兩個(gè)函數(shù)中調(diào)用。這樣就很輕易改變鏈接的功能。事實(shí)上在下面與 Sajax 進(jìn)行集成時(shí),只有這兩個(gè)函數(shù)需要修改。
清單 4. get_image_link、get_table_link 實(shí)現(xiàn)
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 . '';
}
放大圖片
現(xiàn)在有了一個(gè)可用的分頁(yè)器為用戶提供一些縮略圖。相冊(cè)的第二項(xiàng)功能是答應(yīng)用戶單擊縮略圖來(lái)查看全圖。get_image_link() 函數(shù)調(diào)用了 expand.php 腳本,我們現(xiàn)在就來(lái)編寫它。該腳本傳遞用戶希望展開的文件的索引,因此必須在此列出目錄并獲得適當(dāng)?shù)奈募?。隨后的操作就很簡(jiǎn)單了,只需創(chuàng)建病輸出 image 標(biāo)記即可。
清單 5. get_image 函數(shù)
function get_image ( $index ) {
$images = get_image_list ( 'images' );
// Generate navigation
$output .= '
return $output;
}

Alat AI Hot

Undress AI Tool
Gambar buka pakaian secara percuma

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Clothoff.io
Penyingkiran pakaian AI

Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas

"Penjelasan terperinci tentang cara menggunakan ambil dan had dalam Laravel" Dalam Laravel, ambil dan had ialah dua kaedah yang biasa digunakan, digunakan untuk mengehadkan bilangan rekod yang dikembalikan dalam pertanyaan pangkalan data. Walaupun fungsi mereka adalah serupa, terdapat beberapa perbezaan halus dalam senario penggunaan tertentu. Artikel ini akan menganalisis penggunaan kedua-dua kaedah ini secara terperinci dan memberikan contoh kod khusus. 1. Kaedah Ambil Dalam Laravel, kaedah ambil digunakan untuk mengehadkan bilangan rekod yang dikembalikan, biasanya digabungkan dengan kaedah orderBy.

Penyelesaian kepada kegagalan permulaan docker: 1. Semak status berjalan, dan kemudian lepaskan memori yang diduduki melalui arahan "echo 3 > /proc/sys/vm/drop_caches" 2. Gunakan "$netstat -nltp|grep .. . " perintah untuk menyemak sama ada port telah diduduki. Jika ia didapati telah diduduki selepas pergi dalam talian, tukarkannya kepada port yang tersedia dan kemudian mulakan semula.

Format fail STEP ialah format pertukaran data model 3D yang penting Ia memainkan peranan penting dalam CAD, CAM dan bidang lain yang berkaitan Penyeragamannya dan aplikasi meluas membantu meningkatkan kecekapan kerja, mengurangkan kerumitan penukaran data, dan Menggalakkan kesalingoperasian antara sistem yang berbeza. . Nama penuh ialah "Standard Terminal Equipment Protocol", iaitu data imej tiga dimensi berdasarkan struktur pertukaran berkod teks bagi format ASCII yang mematuhi standard protokol aplikasi STEP ISO 10303-21.

Dalam Laravel, kami sering menggunakan beberapa kaedah untuk mengehadkan bilangan hasil pertanyaan, termasuk kaedah ambil dan had. Walaupun kedua-duanya boleh digunakan untuk mengehadkan bilangan hasil pertanyaan, mereka mempunyai beberapa perbezaan yang ketara. Dalam artikel ini, kami akan mendalami cara mengambil dan had berbeza dalam Laravel dan menggambarkannya dengan contoh kod konkrit. Pertama, mari kita lihat kaedah ambil. Kaedah ambil adalah sebahagian daripada Eloquent dan biasanya digunakan untuk

Penyelesaian kepada ralat permulaan nod: 1. Jalankan "nod xx.js" terus dalam terminal 2. Tambah item permulaan "skrip": {"test": "echo \"Error: no test specified\" && exit 1 "; ,"start":"node service.js"}"; 3. Laksanakan semula "npm start".

Perbezaan antara teg pautan dan import termasuk sintaks dan penggunaan, fungsi dan ciri, masa pemuatan, keserasian dan sokongan, dsb. Pengenalan terperinci: 1. Sintaks dan penggunaan Teg pautan ialah teg HTML, digunakan untuk memperkenalkan sumber luaran ke dalam dokumen HTML, seperti helaian gaya CSS, skrip JavaScript, ikon, dsb. import ialah sintaks import modul dalam ES6, digunakan dalam Fail JavaScript. Memperkenalkan modul luaran;

StreamAPI telah diperkenalkan dalam Java 8, yang boleh memudahkan operasi koleksi. Kelas Strim menyediakan banyak kaedah berfungsi untuk beroperasi pada strim, termasuk penapisan, pemetaan, penggabungan dan banyak lagi. Antaranya, had dan langkau adalah dua fungsi yang digunakan untuk mengehadkan bilangan elemen dalam operasi aliran. 1. Fungsi had Fungsi had digunakan untuk mengehadkan bilangan elemen dalam aliran Ia menerima parameter jenis panjang n, yang mewakili bilangan had. Selepas memanggil fungsi had, aliran baharu dikembalikan, yang hanya mengandungi

Ambil dan hadkan ialah dua kaedah yang biasa digunakan dalam Laravel untuk mengehadkan bilangan set hasil pertanyaan. Walaupun ia mempunyai persamaan tertentu dalam fungsi, ia berbeza dalam penggunaan dan beberapa butiran. Artikel ini akan menjalankan perbandingan terperinci tentang fungsi dan penggunaan kedua-dua kaedah ini, dan menyediakan contoh kod khusus untuk membantu pembaca memahami dengan lebih baik perbezaan antara mereka dan cara menggunakannya dengan betul. 1.kaedah ambil Kaedah ambil adalah dalam pembina pertanyaan LaravelEloquent
