Modul 10 Menampilkan Data Dari Database ke Form (Option Button dan Combo Box)

Pada modul sebelumnya telah dibahas mengenai penggunaan komponen option button dan combo box dalam sebuah form, juga telah diberikan kode program untuk melakukan penyimpanan data yang diinput pada form ke dalam table pada database yang terkait. Tetapi pada modul tersebut fungsi untuk melakukan pengabilan data dari tabel di database belum dapat ditampilkan ke dalam form untuk komponen yang menggunakan option button dan combo box. Pada modul ini diberikan contoh kode program dengan menggunakan JSP untuk menampilkan data dari tabel yang berada di dalam database ke dalam form yang menggunakan option button (digunakan untuk menampilkan jenis kelamin) dan combo box (digunakan untuk menampilkan agama). . !erikut ini adalah tampilan data seluruh anggota pada form untuk menampilkan data anggota. "ode program untuk membuat tampilan seperti gambar diba#ah ini tidak dijelaskan pada modul ini karena sudah dibahas pada modul sebelumnya (sama seperti menampilkan data pada form data buku)

$.

"etika user menekan link %bah, maka data anggota pada baris yang akan diubah akan ditampilkan pada form ubah data anggota seperti gambar diba#ah ini. %ntuk

12

Enterprise Programming Windarto, M.Kom.

Pusat Bahan Ajar dan Elearning Universitas Mercu Buana

menampilkan data tersebut dilakukan dengan melakukan seleksi pada tabel anggota di dalam database berdasarkan kode anggota pada baris yang diklik.

12

Enterprise Programming Windarto, M.Kom.

Pusat Bahan Ajar dan Elearning Universitas Mercu Buana

!erikut ini adalah kode program untuk menampilkan data seperti tampak pada gambar diatas. Simpan dengan nama file &ubah'nggota.jsp(

7 <%@page contentType="text/html" pageEncoding="UTF-8"%> 8 <!DOCTY E !T"# / U$#%C "-//&'C//DTD !T"# ()*+ T,an-itional//E." "http0//111)1')o,g/T2/html(/loo-e)dtd"3

+* <!--de4la,a-i 5a,ia6el 7nt74 menamp7ng i-i pa,amate, yang di4i,im4an da,i 8ile "tampil9nggota):-p"--3

12

Enterprise Programming Windarto, M.Kom.

Pusat Bahan Ajar dan Elearning Universitas Mercu Buana

++ <; +C +' +( +D +E +7 +8 ;3

<t,ing 4ode=anggota <t,ing nama=anggota <t,ing :eni-=4elamin <t,ing alamat <t,ing tempat=lahi, <t,ing tanggal=lahi, <t,ing agama

> ,e?7e-t)get a,amete,@"4ode=anggota"AB > ,e?7e-t)get a,amete,@"nama=anggota"AB > ,e?7e-t)get a,amete,@":eni-=4elamin"AB > ,e?7e-t)get a,amete,@"alamat"AB > ,e?7e-t)get a,amete,@"tempat=lahi,"AB > ,e?7e-t)get a,amete,@"tanggal=lahi,"AB > ,e?7e-t)get a,amete,@"agama"AB

+/ <html3 C* C+ CC C' C( CD CE C7 C8 C/ '* '+ 'C '' '( 'D 'E <t,3 <td3Fode 9nggota </td3<td3 0 </td3 <td3<inp7t type>"text" name>"txtFode9nggota" 5al7e>"<;>4ode=anggota;3"/3</td3 </t,3 <head3 <meta http-e?7i5>"Content-Type" content>"text/htmlB cha,-et>UTF-8"3 <title3 emin:aman $747</title3 </head3 <6ody3 <!--pa,amete, yang didapat da,i pe,76ahan i-i data pada 8o,m "76ah9nggota):-p" ini a4an di4i,im4an 4e 8ile "c=7pdate9nggota):-p" 7nt74 -elan:7tnya dila474an pe,76ahan @7pdateA data 4e ta6le "anggota" di data6a-e "d6pemin:aman" --3 <8o,m action>"c=7pdate9nggota):-p" method>"po-t"3 <ta6le 6o,de,>"*" align>"cente,"3 <t,3 <td col-pan>"'"3<cente,3<h+3U6ah Data 9nggota</h+3</cente,3</td3 </t,3

12

Enterprise Programming Windarto, M.Kom.

Pusat Bahan Ajar dan Elearning Universitas Mercu Buana

'7 '8 '/ (* (+ (C (' (( (D (E (7 (8 (/ D* D+ DC D' D( DD DE D7 D8 D/ E* E+ EC

<t,3 <td3.ama 9nggota </td3<td3 0 </td3 <td3<inp7t name>"txt.ama9nggota" type>"text" 5al7e>"<;>nama=anggota;3"3</td3 </t,3 <!--de4la,a-i 5a,ia6el 7nt74 at,i67t option 67tton yang a4an dice4--3 <t,3<; <t,ing dice4 > "chec4ed"B ;3 <td3Geni- Felamin </td3<td3 0 </td3 <!--7nt74 menent74an option 67tton yang te,pilih 6e,da-a,4an data :en4el da,i ta6le anggota--3 <td3<inp7t name>",dGen4el" type>",adio" 5al7e>"#a4i-#a4i" <; i8@:eni-=4elamin)e?7al-@"#a4i-#a4i"AA Ho7t)p,int@dice4ABIel-eHo7t)p,int@""ABI ;33#a4i-#a4i <inp7t name>",dGen4el" type>",adio" 5al7e>" e,emp7an" <; i8@:eni-=4elamin)e?7al-@" e,emp7an"AA Ho7t)p,int@dice4ABIel-eHo7t)p,int@""ABI ;33 e,emp7an</td3 </t,3 <t,3 <td39lamat </td3<td3 0 </td3 <td3<texta,ea name>"txt9lamat" ,o1->' col->C*3<;>alamat;3</texta,ea3</td3 </t,3 <t,3 <td3Tempat #ahi, </td3<td3 0 </td3 <td3<inp7t name>"txtTempat#ahi," type>"text" 5al7e>"<;>tempat=lahi,;3"3</td3 </t,3 <t,3 <td3Tanggal #ahi, </td3<td3 0 </td3 <td3<inp7t name>"txtTanggal#ahi," type>"text" 5al7e>"<;>tanggal=lahi,;3"3JA yyyy-mm-dd</td3

12

Enterprise Programming Windarto, M.Kom.

Pusat Bahan Ajar dan Elearning Universitas Mercu Buana

E' E( ED EE E7 E8 E/ 7* 7+ 7C 7' 7( 7D 7E 77 78 7/ 8* 8+ 8C 8' 8( 8D 8E 87 88

</t,3 <t,3 <!--de4la,a-i 5a,ia6el 7nt74 at,i67t option 67tton yang a4an dice4--3 <td39gama </td3<td3 0 </td3 <; <t,ing dipilih > "-elected"B ;3 <!--7nt74 menent74an i-i com6o6ox yang ditampil4an 6e,da-a,4an data agama da,i ta6le "anggota"--3 <td3<-elect name>"cm69gama" 3 <option <; i8@agama)e?7al-@"%-lam"AAHo7t)p,int@dipilihABI el-eHo7t)p,int@""ABI ;33%-lam</option3 <option <; i8@agama)e?7al-@"F,i-ten"AAHo7t)p,int@dipilihABI el-eHo7t)p,int@""ABI ;33F,i-ten</option3 <option <; i8@agama)e?7al-@"Fatoli4"AAHo7t)p,int@dipilihABI el-eHo7t)p,int@""ABI ;33Fatoli4</option3 <option <; i8@agama)e?7al-@"!ind7"AAHo7t)p,int@dipilihABI el-eHo7t)p,int@""ABI ;33!ind7</option3 <option <; i8@agama)e?7al-@"$7ddha"AAHo7t)p,int@dipilihABI el-eHo7t)p,int@""ABI ;33$7ddha</option3 </-elect3 </td3 </t,3 <t,3 <!--tom6ol 76ah dan tom6ol 6atal--3 <td col-pan>"'"3<cente,3<h+3<inp7t name>"6tn<impan" type>"-76mit" 5al7e>"U6ah"3 <inp7t name>"6tn$atal" type>",e-et" 5al7e>"$atal"3</h+3</cente,3</td3 </t,3 </ta6le3

12

Enterprise Programming Windarto, M.Kom.

Pusat Bahan Ajar dan Elearning Universitas Mercu Buana

8/ /* /+ </html3

</8o,m3 </6ody3

).

!erikutnya setelah menampilkan data dari dalam tabel di database, user akan melakukan perubahan data. Setelah itu data akan disimpan kembali ke dalam tabel di database. %ntuk proses menyimpan ini adalah dengan cara mengupdate data berdasarkan kode anggota yang tertera pada form. *iba#ah ini anda dapat melihat kode program yang digunakan untuk melakukan proses update data ke dalam tabel anggota di database. Simpan dengan nama file &c+update'nggota.jsp(

7 <%@page contentType="text/html" pageEncoding="UTF-8"%> 8 <!DOCTY E !T"# / +* ++ <%@page impo,t=":d6c)4one4-i"%> +C <%@page impo,t=":a5a)-?l)J" %> +' +( <; +D +E +7 +8 +/ C* //de4la,a-i 5a,ia6le lo4al 7nt74 menamp7ng pa,amete, yang di4i,im da,i 8ile "76ah9nggota):-p" <t,ing 4ode=anggota > ,e?7e-t)get a,amete,@"txtFode9nggota"AB <t,ing nama=anggota > ,e?7e-t)get a,amete,@"txt.ama9nggota"AB <t,ing :eni-=4elamin > ,e?7e-t)get a,amete,@",dGen4el"AB <t,ing alamat > ,e?7e-t)get a,amete,@"txt9lamat"AB <t,ing tempat=lahi, > ,e?7e-t)get a,amete,@"txtTempat#ahi,"AB U$#%C "-//&'C//DTD !T"# ()*+ T,an-itional//E." "http0//111)1')o,g/T2/html(/loo-e)dtd"3

12

Enterprise Programming Windarto, M.Kom.

Pusat Bahan Ajar dan Elearning Universitas Mercu Buana

C+ CC C' C( CD CE C7 C8 C/ '* '+ 'C '' '( 'D 'E '7 '8 '/ (* (+ (C (' (( (D ;3

<t,ing tanggal=lahi, > ,e?7e-t)get a,amete,@"txtTanggal#ahi,"AB <t,ing agama > ,e?7e-t)get a,amete,@"cm69gama"AB t,yH //mem674a 4one4-i 4e data6a-e 4one4-i o6:Conn > ne1 4one4-i@AB Connection con > o6:Conn)674aFone4-i@AB <tatement -tt > con)c,eate<tatement@AB //-t,ing <K# <t,ing -?l > "7pdate anggota -et nm=agt>L"Mnama=anggotaM"LN :en4el>L"M:eni-=4elaminM"LN alamat>L"MalamatM "LNtmpt=lh,>L"Mtempat=lahi,M"LN tgl=lh,>L"Mtanggal=lahi,M"LN agama>L"MagamaM"L 1he,e //menge4-e47-i -t,ing <K# int ,o1- > -tt)exec7teUpdate@-?lAB //:i4a data di ta6le "anggota" 6e,ha-il di76ah i8@,o1->>+AH o7t)p,int@"<-c,ipt3ale,t @LData 9nggota <7dah Di76ahLAB1indo1)location>Ltampil9nggota):-pLB</-c,ipt3"AB I //:i4a data di dalam ta6le "anggota" gagal di76ah el-eH o7t)p,int@"<-c,ipt3ale,t @LData 9nggota Oagal Di76ahLAB1indo1)location>Langgota)htmlLB</-c,ipt3"AB I Icatch@Exception e,,AH o7t)p,int@"Oagal <impan"Me,,AB I

4d=agt>L"M4ode=anggotaM"L"B

12

Enterprise Programming Windarto, M.Kom.

Pusat Bahan Ajar dan Elearning Universitas Mercu Buana

12

Enterprise Programming Windarto, M.Kom.

Pusat Bahan Ajar dan Elearning Universitas Mercu Buana

,.

Selain mengubah data, hal lain yang perlu dilakukan untuk manipulasi data anggota adalah menghapus data. "ode program untuk melakukan penghapusan data tidaklah sebanyak kode program untuk mengubah data, ini dikarenakan dalam menghapus data tidak perlu menampilkan data terlebih dulu, tetapi langsung melalui e-ent yang diberikan oleh user yaitu dengan menekan link hapus maka data akan secara langsung terhapus. 'nda dapat melihat contoh kode program untuk menghapus data melalui form seperti tampak diba#ah ini. Simpan dengan nama file &(

7 <%@page contentType="text/html" pageEncoding="UTF-8"%> 8 <!DOCTY E !T"# / U$#%C "-//&'C//DTD !T"# ()*+ T,an-itional//E." "http0//111)1')o,g/T2/html(/loo-e)dtd"3

+* <%@page impo,t=":d6c)4one4-i"%> ++ <%@page impo,t=":a5a)-?l)J" %> +C +' <; +( +D +E +7 +8 +/ C* C+ CC C' C( CD CE C7 C8 C/ '* '+ 'C ;3 I I Icatch@Exception e,,AH o7t)p,int@"Oagal !ap7-"Me,,AB Iel-eH o7t)p,int@"<-c,ipt3ale,t @LData 9nggota Oagal Dihap7-LAB" M "1indo1)location>Ltampil9nggota):-pLB</-c,ipt3"AB t,yH 4one4-i o6:Conn > ne1 4one4-i@AB Connection con > o6:Conn)674aFone4-i@AB <tatement -tt > con)c,eate<tatement@AB <t,ing -?l > "delete 8,om anggota 1he,e 4d=agt>L"M4ode=anggotaM"L"B int ,o1- > -tt)exec7teUpdate@-?lAB i8@,o1->>+AH o7t)p,int@"<-c,ipt3ale,t @LData 9nggota <7dah Dihap7-LAB" M "1indo1)location>Ltampil9nggota):-pLB</-c,ipt3"AB <t,ing 4ode=anggota > ,e?7e-t)get a,amete,@"4ode=anggota"AB

Sampai pada modul ini anda telah membuat form untuk menampilkan data anggota, dengan beberapa fungsi lainnya seperti menyimpan, mengubah, dan menghapus data yang

12

10

Enterprise Programming Windarto, M.Kom.

Pusat Bahan Ajar dan Elearning Universitas Mercu Buana

terhubung kedalam database, sehingga data yang ditampilkan bersifat dinamis karena menyesuaikan dengan isi data dari dalam database. Pada modul berikutnya akan dijelaskan mengenai cara menyimpan data dari form ke dalam $ tabel yang berbeda di dalam database yang sama. .ara ini biasa digunakan untuk menyimpan transaksi suatu proses bisnis yang terkadang membutuhkan lebih dari satu tabel untuk menyimpan datanya.

12

11

Enterprise Programming Windarto, M.Kom.

Pusat Bahan Ajar dan Elearning Universitas Mercu Buana