Ngelanjutin dari postingan yang sebelumnya tutorial untuk membuat tampilan awal pada periode Akuntansi, kali ini saya akan jelaskan untuk pembuatan form pengisian untuk periode baru yang akan di input. Masih inget kan di form yang kita buat sebelumnya, ada link tulisan "Tambah Periode Baru"? Nah sekarang kita akan buat form tampilannya. Saya buat satu file JSP baru dengan nama periode. Jadi, kalau Tambah Periode Baru nya diklik, maka akan dihubungkan ke halaman periode ini. Ngerti kan ? Mari kita mulai...
Nah, diatas itu adalah tampilannya nanti. Untuk listing kode nya gak berbeda jauh kok sama form yang sebelumnya.
listing kode baris pertama:
JSTL adalah singkatan dari JSP Standard Tag Library, library untuk JSP yang berisi tag tag standard.
<%@taglib url:"http://java.sun.com/jsp/jstl/core" prefix="c" %> maksudnya adalah directive untuk kita memanggil tag tag core jstl
Listing kode diatas adalah perintah mySQL untuk pencarian database periode berdasarkan tahun ataupun status yang diinput (listing 2-6)
kalau untuk yang dibawahnya itu untuk perintah menghitung jumlah record aktif pada field status.
Pembuatan form periode akuntansi, untuk menambahkan periode akuntansi baru. Pada listing 15-20 digunakan untuk menampung dari hasil perhitungan count status aktif pada koding yang sebelumnya.
${param.nama variabel} adalah perintah pemanggilan nama variabel
<c:forEach> adalah pengulangan perintah sampai ke record yang terakhir
Pembuatan textbox untuk pengisian tahun periode
<tr> kepanjangan dari table row, digunakan untuk mendefiniskan baris pada tabel. yaa kalo di Ms. Excel insert row gitu..
<td> kepanjangan dari table data, digunakan untuk membuat isi dari th atau baris atau kalau di MS.excel seperti cell.
Koding untuk menampilkan pilihan awal bulan dan akhir bulan transaksi dengan combobox
</option> berfungsi untuk mendefinisikan opsi pilihan pada menu SELECT
value adalah nilai yang akan dikirimkan ke database
name adalah nama field yang akan diisi pada database
Koding untuk menampilkan pilihan status dengan combobox.
<c:choose>, <c:when>, dan <c:otherwise> berfungsi untuk mengeksekusi dan mengevaluasi setiap atribut dari tag when menjadi benar, jika tidak ada tag when yang berhasil maka akan memanggil tag otherwise.
|
Diatas adalah koding untuk button Simpan dengan tipe submit untuk mengirimkan data ke database.
Koding untuk memanggil fungsi cari yang sdh kita buat diatas. Dan menampilkan hasilnya pada tabel periode
Pengaturan header tabel yang akan menampilkan daftar periode yang sudah ada
cellpadding digunakan untuk mengatur jarak dari border sisi dalam tabel dengan isi text tabel itu sendiri.
cellspacing digunakan untuk mengatur jarak antara garis tepi (border) bagian dalam dan luar.
border digunakan untuk mengatur ketebalan dari garis tepi (border) dari tabel. Jika atribut ini tidak ditulis, maka web browser akan menampilkan tabel tanpa garis tepi.
Pengambilan database untuk isi tabel yang diambil menggunakan index.
valign adalah nama attribute yang digunakan untuk mengatur posisi vertical konten dalam table.
align adalah nama attribute yang digunakan untuk mengatur posisi horizontal konten dalam table.
Nah sekarang kita sudah selesai membuat form untuk penginputan periode. Tapi itu semua belum selesai. Karena kita belum memasukkan perintah untuk insert, update, dan delete ke databasenya. So, meskipun tampilan sudah selesai kita buat, kalau buttonnya diklik, maka gak akan terjadi apa-apa. Di postingan setelah ini, saya akan bahas semuanya.Lanjutannya bisa di klik >> NEXT PART
|
Ngelanjutin dari postingan yang sebelumnya tutorial untuk membuat tampilan awal pada periode Akuntansi, kali ini saya akan jelaskan untuk pembuatan form pengisian untuk periode baru yang akan di input. Masih inget kan di form yang kita buat sebelumnya, ada link tulisan "Tambah Periode Baru"? Nah sekarang kita akan buat form tampilannya. Saya buat satu file JSP baru dengan nama periode. Jadi, kalau Tambah Periode Baru nya diklik, maka akan dihubungkan ke halaman periode ini. Ngerti kan ? Mari kita mulai...
Nah, diatas itu adalah tampilannya nanti. Untuk listing kode nya gak berbeda jauh kok sama form yang sebelumnya.
listing kode baris pertama:
JSTL adalah singkatan dari JSP Standard Tag Library, library untuk JSP yang berisi tag tag standard.
<%@taglib url:"http://java.sun.com/jsp/jstl/core" prefix="c" %> maksudnya adalah directive untuk kita memanggil tag tag core jstl
Listing kode diatas adalah perintah mySQL untuk pencarian database periode berdasarkan tahun ataupun status yang diinput (listing 2-6)
kalau untuk yang dibawahnya itu untuk perintah menghitung jumlah record aktif pada field status.
Pembuatan form periode akuntansi, untuk menambahkan periode akuntansi baru. Pada listing 15-20 digunakan untuk menampung dari hasil perhitungan count status aktif pada koding yang sebelumnya.
${param.nama variabel} adalah perintah pemanggilan nama variabel
<c:forEach> adalah pengulangan perintah sampai ke record yang terakhir
Pembuatan textbox untuk pengisian tahun periode
<tr> kepanjangan dari table row, digunakan untuk mendefiniskan baris pada tabel. yaa kalo di Ms. Excel insert row gitu..
<td> kepanjangan dari table data, digunakan untuk membuat isi dari th atau baris atau kalau di MS.excel seperti cell.
Koding untuk menampilkan pilihan awal bulan dan akhir bulan transaksi dengan combobox
</option> berfungsi untuk mendefinisikan opsi pilihan pada menu SELECT
value adalah nilai yang akan dikirimkan ke database
name adalah nama field yang akan diisi pada database
Koding untuk menampilkan pilihan status dengan combobox.
<c:choose>, <c:when>, dan <c:otherwise> berfungsi untuk mengeksekusi dan mengevaluasi setiap atribut dari tag when menjadi benar, jika tidak ada tag when yang berhasil maka akan memanggil tag otherwise.
|
Diatas adalah koding untuk button Simpan dengan tipe submit untuk mengirimkan data ke database.
Koding untuk memanggil fungsi cari yang sdh kita buat diatas. Dan menampilkan hasilnya pada tabel periode
Pengaturan header tabel yang akan menampilkan daftar periode yang sudah ada
cellpadding digunakan untuk mengatur jarak dari border sisi dalam tabel dengan isi text tabel itu sendiri.
cellspacing digunakan untuk mengatur jarak antara garis tepi (border) bagian dalam dan luar.
border digunakan untuk mengatur ketebalan dari garis tepi (border) dari tabel. Jika atribut ini tidak ditulis, maka web browser akan menampilkan tabel tanpa garis tepi.
Pengambilan database untuk isi tabel yang diambil menggunakan index.
valign adalah nama attribute yang digunakan untuk mengatur posisi vertical konten dalam table.
align adalah nama attribute yang digunakan untuk mengatur posisi horizontal konten dalam table.
Nah sekarang kita sudah selesai membuat form untuk penginputan periode. Tapi itu semua belum selesai. Karena kita belum memasukkan perintah untuk insert, update, dan delete ke databasenya. So, meskipun tampilan sudah selesai kita buat, kalau buttonnya diklik, maka gak akan terjadi apa-apa. Di postingan setelah ini, saya akan bahas semuanya.Lanjutannya bisa di klik >> NEXT PART
|
0 komentar:
Post a Comment