Contoh tutorial Ultradev: 5 Membuat backend situs web yang relatif sederhana (2)
Penulis:Eve Cole
Waktu Pembaruan:2009-05-26 16:34:27
Pertama buatlah homepage yang berisi 5 catatan berita terupdate. Dengan menggunakan fungsi tampilan catatan Ultradev yang kami pelajari, Anda dapat dengan mudah membuat halaman seperti yang ditunjukkan di bawah ini:
Bagaimana cara menampilkan 5 catatan terbaru yang diperbarui? Mari kita lihat kotak dialog untuk membuat kumpulan data:
Jika kita mengikuti metode umum pembuatan kumpulan data, konten yang ditampilkan di kolom SQL pada gambar di atas adalah:
SELECT ID, title, insert_time (Kita hanya perlu menampilkan judul dan waktu perekaman berita, isi berita tidak perlu realistis, sehingga tidak perlu memilih kolom konten)
DARI artikel
Kami memodifikasinya agar terlihat seperti di atas. top 5 artinya saya hanya memilih 5 record, dan ORDER BY ID DESC artinya record dipilih dari belakang ke depan sesuai dengan kolom ID (DESC artinya urutan menurun, dan kolom ID otomatis diberi nomor, yaitu, defaultnya adalah urutan menaik), ini mewujudkan ide kami untuk pergi ke 5 catatan terbaru yang diperbarui.
Saat menambahkan perilaku wilayah berulang dari perilaku server, pilih untuk menampilkan semua catatan (karena kami hanya mengambil 5 catatan). Teman-teman yang teliti pasti sudah berpikir saat ini, oh, saya juga bisa mewujudkan ide berapa banyak record yang ingin saya tampilkan dengan menampilkan berapa banyak record dalam satu halaman di sini! Ya, benar, Anda dapat memilih untuk menampilkan 5 catatan per halaman, yang juga dapat mencapai efek yang ingin kita capai---tapi jangan lupa, ORDER BY ID DESC itu penting^_^
Kemudian kita pilih {RECORDSET1.title} di sel judul dan menambahkan perilaku server----Go To Detail Page ke dalamnya, seperti yang ditunjukkan pada gambar:
Tujuan kita adalah meneruskan nilai ID ke halaman detail.asp sehingga dapat mengambil record yang kita inginkan dengan benar. Setelah menyelesaikan ini, tambahkan koneksi Lainnya yang menunjuk ke more.asp untuk menampilkan lebih banyak catatan berita.
Efek halaman seperti yang ditunjukkan pada gambar:
Di halaman more.asp, kita hanya perlu memodifikasi halaman beranda tadi untuk menggunakannya. Buka kotak dialog untuk membuat kumpulan catatan, hapus 5 teratas yang kami tambahkan (ini akan menghapus semua catatan dalam tabel database), lalu ubah jumlah item yang ditampilkan pada setiap halaman wilayah berulang menjadi 10, lalu hapus lebih banyak koneksi, lalu masukkan Sisipkan -> Objek Langsung -> Recordset Nagaviation Bar, sehingga kita dapat membalik halaman untuk menampilkan berita. Halamannya seperti yang ditunjukkan:
Selanjutnya kita akan membuat halaman detail berita (yaitu detail.asp). Seperti yang kami sebutkan di atas, hal terpenting yang kami lakukan di halaman detail.asp adalah mendapatkan nilai yang diteruskan dari halaman sebelumnya, ini dia ID=x. Seperti yang ditunjukkan pada gambar:
Turun saja, buat beberapa tabel, dan seret item dalam kumpulan rekaman yang dibuat satu per satu, seperti yang ditunjukkan pada gambar:
Pada titik ini, halaman front-end kita telah selesai, dan selanjutnya kita perlu membuat halaman manajemen back-end.
Awalnya, urutan yang benar adalah membuat halaman manajemen backend terlebih dahulu, baru kemudian membuat halaman frontend ketika data dapat ditambahkan, dihapus, dan diedit dengan benar. Karena bagaimanapun juga, halaman front-end hanya untuk menampilkan data. Jika Anda bahkan tidak bisa menambahkan data, tidak ada gunanya betapapun indahnya halaman front-end Anda. Anda tidak perlu terlalu mengejar keindahan halaman. Jika Anda membuat kesalahan, Anda perlu merevisinya lagi. Ini juga cepat, tidak seperti meja depan, yang sekali halamannya dirancang sangat melelahkan mengubahnya (walaupun Ultradev telah membuat tugas ini relatif sederhana, namun masih rawan masalah). Namun, karena halaman kami relatif sederhana dan struktur datanya sederhana serta bebas kesalahan, kami tidak akan menekankan hal ini. Tapi sob, kalau kedepannya lebih baik dilakukan dengan urutan backstage -> frontstage.
Bab 5: Membuat backend situs web yang relatif sederhana (2)
Halaman manajemen latar belakang dapat dibagi menjadi tiga bagian:
Penambahan data
Pengeditan dan penghapusan data
Verifikasi masuk
Mari kita mulai dengan menambahkan data. Dari penelitian sebelumnya, kita mengetahui bahwa membuat halaman penambahan data di Ultradev sangatlah mudah, cukup Sisipkan -> Objek Langsung -> Formulir Penyisipan Recordset. Seperti yang ditunjukkan pada gambar, ini adalah halaman untuk menambahkan berita serupa, jadi saya tidak akan menjelaskan detailnya:
Setelah pembuatan selesai, seperti terlihat pada gambar:
Ini adalah halaman untuk menambahkan pengguna baru:
Buka browser dan lihat efeknya:
Tapi inilah masalah kita. Setelah Anda menambahkan data yang terlambat, buka halaman informasi detail yang sesuai dari halaman beranda. Saat ini, Anda akan melihat bahwa data yang tadinya tersegmentasi dengan jelas saat Anda baru saja menambahkannya kini berdesakan menjadi sebuah bola. Segmen aslinya hilang!
Semua netizen yang menggunakan software UltraDev pasti pernah mengalami fenomena teks pada halaman asp terjepit menjadi bola setelah diekspor dari database, dan spasi serta jeda baris yang dimasukkan sebelumnya hilang. Karena spasi dan jeda baris dalam database tidak diproses sama sekali dalam pernyataan asp. Tentu saja, netizen yang telah mempelajari pemrograman asp dapat menambahkan kodenya sendiri untuk mengubah spasi dan jeda baris di database menjadi kode html, atau mereka dapat mengubah spasi dan jeda baris menjadi kode html terlebih dahulu saat teks dimasukkan ke dalam database dan kemudian dikeluarkan. Namun apapun cara yang digunakan, niscaya akan menjadi mimpi buruk bagi netizen yang belum mempelajari asp. Bahkan jika Anda belajar mengonversi, Anda masih perlu memodifikasi kode sumber secara manual di setiap halaman asp, yang memakan waktu dan tenaga. Untuk waktu yang lama, belum ada solusi yang mudah.
apa yang harus dilakukan? Haha, jangan khawatir, di sini kita perlu menggunakan fungsi plug-in yang sudah kita bicarakan sebelumnya.
Di sini kita akan menggunakan format plug-in---Spdesign untuk membantu kita mengimplementasikan suatu fungsi (klik di sini untuk mengunduh plug-in).
Selanjutnya, saya merekomendasikan kepada Anda plug-in UltraDev yang dapat mengatasi masalah ini: Cara penggunaannya sangat sederhana. Anda hanya perlu menerapkan perintah plug-in setelah memilih data dinamis untuk menyelesaikan pemformatan spasi dan jeda baris.
Seperti yang ditunjukkan pada gambar setelah instalasi plug-in
Bagaimana cara menerapkan plugin ini? Sederhana sekali, lihat gambar di bawah ini. *_"
Setelah menerapkan plug-in, periksa kembali halaman kami, ah, apakah itu efek yang Anda inginkan?
Menambahkan halaman rekaman relatif sederhana. Jika Anda membaca dengan cermat apa yang telah kami katakan sebelumnya dan melakukan beberapa latihan, saya yakin Anda akan dapat segera melakukannya. Oke, selanjutnya kita akan berbicara tentang mengedit dan menghapus catatan. Kami telah menganalisisnya sebelumnya. Untuk mengedit dan menghapus catatan, kami sebenarnya perlu meneruskan nilai dari satu halaman ke halaman lain, dan kemudian menggunakan halaman lain untuk mengekstrak catatan yang sesuai dan unik berdasarkan nilai yang diteruskan untuk menerapkan pengeditan tindakan penghapusan. Oleh karena itu, pertama-tama kita perlu membuat halaman untuk meneruskan nilai. Halaman ini sangat sederhana. Ini sebenarnya adalah halaman tampilan data, tetapi dua koneksi ditambahkan: Ubah, hapus, pilih dua koneksi ini, dan terapkan perilaku Buka Halaman Detail di server bahaviors: change_article.asp dan del_article.asp masing-masing. (Di sini kita mengambil contoh pengeditan dan penghapusan berita, dan manajemen pengguna juga sama)
Halaman terakhir ditunjukkan pada gambar:
Efek tampilan di browser: