Baru-baru ini, untuk memanfaatkan sepenuhnya sumber daya buku dan memfasilitasi pertanyaan karyawan, perusahaan memutuskan untuk membuat sistem penyelidikan buku di intranet perusahaan. Mengingat perusahaan tidak memiliki banyak buku, hanya lebih dari 1.000 volume, dan sebagian besar adalah buku profesional, saya memutuskan untuk membuat dua kondisi kueri: satu adalah kueri berdasarkan kategori buku. Pengguna hanya perlu memilih yang sesuai kategori untuk menampilkan semua buku dalam kategori tersebut. Buku, ini terutama untuk orang yang belum mengenal buku perusahaan; yang kedua adalah melakukan kueri berdasarkan nama buku saat mereka memasukkan nama buku.
Rencananya telah diputuskan, dan pertanyaan selanjutnya adalah perangkat lunak apa yang akan digunakan dan bagaimana melakukannya. Disini saya memilih bentuk halaman web, sehingga rekan-rekan bisa menanyakan asalkan membuka browser dan memasukkan alamat yang sesuai. Oleh karena itu, saya menggunakan perangkat lunak Dreamweaver (selanjutnya disebut dw), alat yang ampuh untuk produksi halaman web, akses untuk database, dan win98 dan pws sebagai lingkungannya (Catatan Editor: Untuk tutorial penggunaan PWS, silakan merujuk ke " Pemahaman Mendalam tentang Microsoft Personal Server PWS One" dan "Pemahaman Mendalam tentang Microsoft Personal Server" Server PWS Part 2" "Pemahaman mendalam tentang Microsoft Personal Server PWS Part 3" "Pemahaman mendalam tentang Microsoft Personal Server PWS Bagian 4"). Permulaan resmi gong adalah sekarang.
Klik di sini untuk mengunduh kode sumber untuk tutorial ini.
Pertama, siapkan database:
1. Buat folder baru di bawah Dokumen Saya dan beri nama "Institut". Tentu saja, Anda juga dapat membuat yang baru di tempat lain dan memberinya nama lain.
2. Buka akses, buat database baru db1, dan buat dua tabel leibie dan tushu. Bidang kontak antar tabel adalah "nama kategori".
Struktur tabel leibie memiliki dua bidang:
(1) Nomor kategori, jenis teks, panjang bidang 6 digit, bidang wajib diisi, string kosong tidak diperbolehkan;
(2) Nama kategori, jenis teks, panjang bidang 20 karakter, bidang wajib diisi, string kosong tidak diperbolehkan.
Struktur tabel tushu memiliki sembilan bidang:
(1) Nomor, jenis teks, panjang kolom 6 digit;
(2) Judul buku, jenis teks, panjang kolom 60 karakter, kolom wajib diisi, string kosong tidak diperbolehkan.
(3) Penulis, jenis teks, panjang field 50 karakter;
(4) Penerbit, jenis teks, panjang bidang 60 karakter;
(5) Edisi, jenis teks, panjang kolom 15 digit;
(6) Harga satuan, jenis mata uang, 2 tempat desimal diperbolehkan, nilai default adalah 0 yuan;
(7) Nama kategori, jenis teks, panjang bidang 20 karakter, bidang wajib diisi, string kosong tidak diperbolehkan.
(8) Apakah akan dipinjamkan, jenis teks, panjang bidang 4 digit, bidang wajib diisi, string kosong tidak boleh dimasukkan, nilai defaultnya adalah No.
(9) Keterangan, jenis komentar.
3. Masukkan berbagai data sesuai struktur tabel.
Kedua, siapkan situs dan sambungkan ke database:
(1) Siapkan situs. Buka dw, pilih situs baru di bawah menu situs, dan panel pengaturan situs akan muncul. Masukkan nama situs ke lembaga, dan direktori adalah direktori yang baru saja kita buat, seperti yang ditunjukkan pada Gambar 1. Pilih Asp VBScript untuk Model Server. di opsi Server Pengujian, dan pilih Lokal/Jaringan untuk Akses.
Gambar 1
(2) Buat halaman web baru. Karena kuerinya adalah halaman dinamis, pilih Halaman dinamis dan Asp VBScript di panel pop-up, seperti yang ditunjukkan pada Gambar 2. Tekan tombol buat untuk kembali ke halaman.
Gambar 2
(3) Hubungkan ke database. Perluas panel Aplikasi di sebelah kanan, pilih tab Database, tekan tombol "+", dan pilih Nama Sumber Data (DSN), seperti yang ditunjukkan pada Gambar 3.
Gambar 3
(4) Pada panel pop-up Nama Sumber Data (DSN) (seperti yang ditunjukkan pada Gambar 4), pilih tombol tentukan... untuk masuk ke pengelola sumber data ODBC, pilih label DSN sistem, klik tombol Tambah, dan pilih driver data "Driver do Microsoft Access(*.mdb)", klik tombol Finish.
Gambar 4
(5) Pilih jalur database (direktori yang baru saja kita buat) pada panel berikutnya, pilih db1, dan masukkan db1 sebagai nama sumber data, seperti yang ditunjukkan pada Gambar 5.
Gambar 5 (6) Klik tombol OK untuk kembali ke panel ODBC Data Source Manager. Klik tombol OK lagi untuk kembali ke panel Nama Sumber Data (DSN). Klik tombol tes. Jika panel sukses seperti yang ditunjukkan pada Gambar 6 muncul, berarti semuanya baik-baik saja dan database telah terhubung. Sumber data baru kita db1 akan muncul di tab Database pada panel Aplikasi di sebelah kanan.
Gambar 6
Sekarang semuanya sudah siap, Anda dapat membuat halaman web kueri dinamis.
1. Buat beranda. Halaman beranda sangat sederhana, cukup buat dua tautan kueri, tautan "Cari berdasarkan kategori buku" ke chaxun.asp, tautan "Cari berdasarkan nama buku" ke chaxun1.asp, kedua halaman web ini adalah halaman web kueri yang akan kami buat di bawah . Karena beranda tidak memerlukan pemrograman dinamis, maka dapat disimpan dalam format htm. File disimpan di direktori lembaga dan diberi nama indeks, seperti yang ditunjukkan pada Gambar 7.
Gambar 7
2. Buat halaman web query berdasarkan kategori buku.
1. Buat halaman web dinamis baru dan beri nama chaxun.asp.
2. Buat kumpulan rekor. Pilih tab Bindings di panel Aplikasi di sebelah kanan, tekan tombol plus, dan pilih Recordset (Query), seperti yang ditunjukkan pada Gambar 8. Kotak dialog Recordset muncul. Pengaturan di dalamnya seperti yang ditunjukkan pada Gambar 9. Nama mengambil nilai default Recordset1, dan Connection memilih yang baru saja kita buat. Hubungkan ke db1. Karena kategori buku ditampilkan, Tabel memilih tabel leibie.
Gambar 8
Gambar 9 3. Setelah pengaturan selesai, klik tombol test, dan Anda dapat melihat bahwa isi tabel leibie ditampilkan sepenuhnya. Klik OK untuk kembali ke halaman. Saat ini, kita dapat melihat query bernama Recordset1 yang baru saja kita buat ditampilkan di bawah label Binding.
4. Masukkan konten yang ditampilkan secara statis di halaman web, seperti yang ditunjukkan pada Gambar 10, di mana link "kembali" menunjuk ke halaman beranda index.htm.
Gambar 10
5. Klik tanda "+" di sebelah Recordset1 di bawah label Binding untuk memperluas bidang. Tekan dan tahan bidang "Nama Kategori" dengan mouse dan seret langsung ke sel pada halaman berisi teks Dinamis, efek halaman ditunjukkan pada Gambar 11.
Gambar 11
Hanya saja sel ini sekarang hanya bisa menampilkan satu baris (bisa dicek dulu di browser apakah tampilannya seperti ini), lalu bagaimana caranya agar kita bisa menampilkan seluruh isi kolom tersebut?
6. Pilih tabel, lalu pilih tab Server Behaviors di panel Aplikasi di sebelah kanan, tekan tombol plus, dan pilih Repeat Region. Dengan cara ini Anda dapat mengontrol berapa banyak record yang ditampilkan dalam satu halaman. Disini karena kategori bukunya tidak banyak, kita pilih All Records (tampilkan semua record) pada kotak dialog dan tampilkan tanpa penomoran halaman, seperti terlihat pada Gambar 12.
Gambar 12
7. Jalankan pws, atur jalurnya, buka halaman web ini dengan browser, dan lihat apakah semua nama kategori dalam database ditampilkan di layar, tetapi Anda belum bisa mengkliknya. Oke, mari buat halaman yang sesuai untuk menampilkan buku.
3. Buat halaman yang ditampilkan berdasarkan kueri kategori
1. Buat halaman web dinamis baru dan beri nama xianshi.asp.
2. Buat kumpulan rekor. Pilih tab Bindings di panel Aplikasi, tekan tombol plus, pilih Recordset (Query), dan kotak dialog Recordset muncul.Pengaturan di dalamnya seperti yang ditunjukkan pada Gambar 13. Namanya Recordset2 informasi buku yang ditampilkan di halaman web didasarkan pada query sebelumnya. Ketentuan ditampilkan, sehingga perlu ditetapkan ketentuan pembatasan untuk memilih buku yang memenuhi ketentuan tersebut. Ini memerlukan penggunaan Parameter URL. Anda dapat menggunakan parameter ini untuk meneruskan kondisi kueri dari halaman web kueri, dan kemudian menerima parameter ini di halaman web tampilan untuk menampilkan catatan yang cocok. Penggunaan spesifiknya adalah sebagai berikut:
Gambar 13 (1) Pertama mari kita kembali ke halaman query chaxun.asp. Gunakan mouse untuk memilih bidang dalam tabel, lalu pilih tab Server Behaviors pada panel Aplikasi, tekan tombol plus, dan pilih Go To Detail Page. Kotak dialog Go To Detail Page akan muncul pada Gambar 14. Halaman Detail adalah halaman web tampilan kami xianshi.asp. Yang dimasukkan dalam kotak teks Parameter URL Lulus adalah nama parameter yang akan diteruskan ke halaman detail melalui URL. Nama ini dapat ditampilkan nanti. Nama parameter yang disetel di halaman web sama. Recordset berarti dari kumpulan rekaman mana kita memilih Recordset1. Kolom berarti sumber nilai parameter URL. Itu harus konsisten dengan kondisi kueri pada halaman web kueri, jadi pilih "Nama Kategori". Parameter yang ada ada di Ini terkait dengan formulir, tetapi formulir tersebut tidak digunakan pada halaman kueri ini, jadi Anda tidak dapat memilihnya. Klik tombol OK, dan Anda dapat melihat bahwa bidang dalam tabel telah menjadi tautan hiperteks yang berisi konten dinamis.
Gambar 14 (2) Oke, Parameter URL telah disetel, sekarang kembali ke halaman web yang ditampilkan xianshi.asp untuk menerima parameter ini. Pilih Recordset (Query), akan muncul kotak dialog Recordset, dan atur di Filter seperti terlihat pada Gambar 13 di atas, artinya: syarat query adalah field "nama kategori" pada tabel tushu harus sama dengan URL yang diteruskan Parameter parameter "nama kategori", sehingga halaman web dapat ditanyakan Ini terkait dengan tampilan halaman web.
(3) Klik tombol tes untuk menguji. Anda dapat memasukkan nama kategori, dan dw akan menampilkan catatan buku yang sesuai.
(4) Klik tombol OK untuk kembali ke halaman. Kumpulan rekaman kini telah dibuat.
3. Masukkan konten statis di halaman web, seperti yang ditunjukkan pada Gambar 15. Tautan "kembali" adalah ke halaman web kueri chaxun.asp. Karena beberapa kategori memiliki banyak buku, tampilan disetel ke paging.
Gambar 15 4. Gunakan metode yang diperkenalkan di atas untuk menyeret bidang kumpulan catatan ke posisi terkait pada halaman, seperti yang ditunjukkan pada Gambar 16.
Gambar 16 5. Pilih baris kedua dalam tabel, klik label Perilaku Server di panel Aplikasi, tekan tombol plus, pilih Ulangi Wilayah, dan kotak dialog Ulangi Wilayah muncul. Karena ditampilkan dalam halaman, saya memilih untuk menampilkan a beberapa item sekaligus. Di sini I Inputnya adalah 10, artinya 10 record ditampilkan di setiap halaman. Anda dapat masuk dengan bebas sesuai situasi, seperti yang ditunjukkan pada Gambar 17. Klik tombol OK untuk kembali ke halaman.
Gambar 17 6. Karena ditampilkan dalam halaman dan perlu dibalik, bagaimana cara mencapainya di dw? Ini sangat sederhana. Pertama-tama Anda memilih "Beranda", lalu klik tab Perilaku Server di panel Aplikasi. Tekan tombol plus. Anda dapat melihat opsi Paging Recordset. Geser mouse ke atas opsi ini untuk menampilkan menu tarik-turun arti dari menu-menu ini menurut saya semua orang harus memahaminya, seperti yang ditunjukkan pada Gambar 18. Pilih "Move To First Record" yang pertama, akan muncul kotak dialog seperti pada Gambar 19, klik tombol ok untuk kembali ke halaman, sehingga link dinamis "Home Page" sudah siap, dan yang lainnya " Halaman Sebelumnya" dan "Halaman Berikutnya" ", "Halaman Terakhir" dan seterusnya, dan buat tautan dinamis yang sesuai dengannya.
Gambar 18Gambar 19 7. Jadi bagaimana pengguna mengetahui bahwa catatan telah mencapai yang terakhir dan tidak perlu menggulir lebih jauh? Di sini, saya menyelesaikannya seperti ini. Jika catatan telah mencapai yang terakhir, "halaman berikutnya" dan "halaman terakhir" akan otomatis disembunyikan di halaman tersebut halaman" dan "halaman sebelumnya" akan otomatis disembunyikan di halaman. Halaman" otomatis disembunyikan. Berikut ini adalah metode implementasi spesifiknya:
(1) Pertama pilih "Home", lalu klik tab Server Behaviors di panel Application, tekan tombol plus, dan geser mouse ke opsi Show Region untuk menampilkan menu drop-down, seperti yang ditunjukkan pada Gambar 20.
Gambar 20 (2) Pilih “Show Region If Not First Record” yang artinya jika bukan record pertama maka akan ditampilkan, dan sebaliknya jika record pertama tidak akan ditampilkan atau disembunyikan.
(3) Klik tombol OK langsung pada kotak dialog pop-up untuk kembali ke halaman, sehingga fungsi penyembunyian otomatis "Halaman Beranda" siap.
(4) Dengan cara yang sama, buat beberapa fungsi penyembunyian otomatis lainnya. "Halaman sebelumnya" sama dengan "Beranda", pilih "Tampilkan Wilayah Jika Bukan Catatan Pertama"; "halaman berikutnya" sama dengan "Halaman terakhir", pilih "Tampilkan Wilayah Jika Bukan Catatan Terakhir".
Pada titik ini, halaman yang ditampilkan berdasarkan kueri kategori akhirnya selesai. Mari kita lihat efek spesifiknya. Jalankan pws, gunakan IE untuk membuka chaxun.asp, klik nama kategori, seperti "Obat Baru", IE akan otomatis menampilkan buku-buku dalam kategori ini, klik "halaman berikutnya", "halaman sebelumnya" dan link lain ke lihat Periksa apakah IE akan membalik halaman secara otomatis. Efek spesifiknya seperti yang ditunjukkan pada Gambar 21 dan 22.
Gambar 21Gambar 22 4. Buat halaman web untuk query berdasarkan judul buku
1. Buat halaman web dinamis baru dan beri nama chaxun1.asp.
2. Masukkan konten yang ditampilkan secara statis di halaman web, seperti yang ditunjukkan pada Gambar 23. Tautan "kembali" ke beranda index.htm Garis putus-putus merah menunjukkan bahwa ini adalah formulir ditunjukkan pada Gambar 24, yang berarti memposting (melewati) nama variabel formulir. Buka halaman web xianshi1.asp dan jalankan halaman web ini, sehingga halaman web kueri dan halaman web yang ditampilkan dihubungkan melalui nama variabel; kotak bernama ts. Harap ingat nama ini, karena ini adalah nama variabel yang akan dilewatkan melalui formulir, dan berikut ini juga digunakan untuk menampilkan halaman web.
Gambar 23Gambar 24 5. Buat halaman web yang ditampilkan berdasarkan nama buku
1. Buat halaman web dinamis baru dan beri nama xianshi1.asp.
2. Masukkan konten yang ditampilkan secara statis di halaman web, seperti yang ditunjukkan pada Gambar 25, di mana tautan "kembali" tertaut ke halaman kueri chaxun1.htm, dan garis putus-putus merah juga menunjukkan bahwa ini adalah formulir.
Gambar 25 3. Buat kumpulan rekor. Pilih tab Bindings di panel Aplikasi, tekan tombol plus, pilih Recordset (Query), dan kotak dialog Recordset muncul. Pengaturan di dalamnya seperti yang ditunjukkan pada Gambar 26. Namanya Recordset1, tabel database memilih tushu, dan kondisi filter Filter diatur ke bidang dalam tabel tushu. "Judul buku" harus berisi Variabel Formulir yang diteruskan ts. Variabel ts ini adalah nama kotak teks di halaman web kueri chaxun1.asp. Klik tombol ok untuk kembali ke halaman.
Gambar 26 4. Seret bidang kumpulan rekaman ke posisi terkait pada halaman.
5. Pilih baris kedua tabel, klik tab Server Behaviors di panel Application, tekan tombol plus, pilih Repeat Region, kotak dialog Repeat Region akan muncul, dan atur agar menampilkan semua.
Efek halaman terakhir ditunjukkan pada Gambar 27.
Gambar 27 Pada titik ini, halaman yang ditampilkan dengan menanyakan nama buku akhirnya selesai. Mari kita lihat efek spesifiknya. Jalankan pws, gunakan IE untuk membuka chaxun1.asp, masukkan nama, seperti "Manajemen Mutu", dan IE akan secara otomatis menampilkan semua buku dengan judul "Manajemen Mutu". Efek spesifiknya ditunjukkan pada Gambar 28 dan 29.
Gambar 28Gambar 29 Halaman web akhirnya selesai dan sekarang semua orang dapat menjalankannya sepenuhnya. Beri tahu kolega Anda alamat IP komputer Anda dan buka pws, sehingga kolega Anda dapat menanyakan buku melalui sistem kueri kapan saja.
Klik di sini untuk mengunduh kode sumber untuk tutorial ini