YESSI BLOG'S: Langkah-langkah Dalam Membuat Menu Akun

Yeaayyy,,,
Berikut saya akan memposting mengenai menu tampilan nih guysssss,, pelajari codingannya ya...
Lumayan panjang sih kalau ngetik satu persatu.

Pembuatan Halaman Tampil Akun

Tampil akun adalah halaman yang akan pertama kali muncul saat kita mengklik menu akun. Langkah yang harus dilakukan untuk membuat halaman tampil akun adalah:

Klik kanan pada folder Web Pages -> New -> JSP (Jika belum ada dipilihan silahkan pilih Other -> Web ->
JSP)
Ganti file name dengan nama tampil_akun -> Finish
Silahkan ketikan coding berikut

<sql:query var="qrymaster_akun" dataSource="${dataSource}">

SELECT * FROM master_akun

WHERE kode_akun like '%${param.cari}%'

OR nama_akun like '%${param.cari}%'

</sql:query>

<font color="black"> <h2> .: [Data Akun/Rekening] :. </h2></font>

<br>

<a href="index.jsp?halaman=akun&aksi=SIMPAN"> Tambah Akun Baru </a>

Cari Data Akun : <input type="text" name="cari" value="${param.cari}"/>

</form>

<td>Jenis Akun</td>

<td>Saldo Normal</td>

<td>Action</td>

</tr>

<c:forEach var="rowakun" items="${qrymaster_akun.rowsByIndex}">

<td align='center'>${rowakun[0]}</td>

<td>${rowakun[1]}</td>

<td align='center'>${rowakun[2]}</td>

<td align='center'>${rowakun[3]}</td>

<a href='aksi_akun?aksi=HAPUS&kode_akun=${rowakun[0]}'> Hapus</a> |

<a href='index.jsp?halaman=akun&aksi=GANTI&kode_akun=${rowakun[0]}

&nama_akun=${rowakun[1]}

&jenis_akun=${rowakun[2]}

&saldo_normal=${rowakun[3]}'> Edit </a>

</td>

</tr>

</c:forEach>

</table>

Pembuatan Halaman Akun

Akun adalah halaman yang akan ditampilkan saat mengklik tombol tambah akun baru yang berfungsi untuk menambahkan data akun yang baru.
Langkah-langkah yang dilakukan dalam membuat halaman akun adalah sebagai berikut:

Lakukan hal yang sama seperti step ke-1 pada pembuatan tampil akun.
Ganti file name dengan nama akun -> Finish
Ketikan coding berikut

<sql:query var="qrymaster_akun" dataSource="${dataSource}">

SELECT *FROM master_akun WHERE kode_akun

LIKE '%${param.cari}%'

OR nama_akun

LIKE '%${param.cari}%'

</sql:query>

<font color="black"> <h2> .: [Form Master Akun/Rekening] :. </h2> </font>

<%-- modif value --%>

<tr>

</tr>

<tr>

</tr>

<tr>

<td>Jenis Akun</td>

</tr>

<tr>

<td>Saldo Normal</td>

<c:choose>

<c:when test="${param.saldo_normal=='Debet'}">

<option value="Debet" > DEBET </option>

<option value="Kredit" > KREDIT </option>

</c:when>

<c:when test="${param.saldo_normal=='Kredit'}">

<option value="Kredit" > KREDIT </option>

<option value="Debet" > DEBET </option>

</c:when>

<c:otherwise>

<option value="Debet" > DEBET </option>

<option value="Kredit" > KREDIT </option>

</c:otherwise>

</c:choose>

</select>

</td>

</tr>

<tr>

</tr>

</table>

</form>

<br>

Cari Data Akun : <input type="text" name="cari" value="${param.cari}"/>

</form>

<td>Jenis Akun</td>

<td>Saldo Normal</td>

</tr>

<c:forEach var="rowakun" items="${qrymaster_akun.rowsByIndex}">

<td valign='top'>${rowakun[0]}</td>

<td valign='top'>${rowakun[1]}</td>

<td valign='top' align="center">${rowakun[2]}</td>

<td valign='top' align="center">${rowakun[3]}</td>

</tr>

</c:forEach>

</table>

Pembuatan Aksi Akun

Aksi akun hanya berisikan perintah-perintah CRUD yang akan dijalankan baik di halaman tampil akun maupun halaman tambah akun baru. Langkah-langkah dalam pembuatan aksi akun, yaitu:

Klik kanan pada Source Packages -> New -> Folder
Ganti folder name dengan nama control_aksi
Klik kanan pada folder control_aksi yang baru saja dibuat -> New -> Servlet (Jika belum ada dipilihan silahkan pilih Other -> Web -> Servlet)
Ganti file name dengan nama aksi_akun -> Finish
Ketikan coding berikut

package control_aksi;

import java.io.IOException;

import java.io.PrintWriter;

import java.sql.Connection;

import java.sql.DriverManager;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

public class aksi_akun extends HttpServlet {

protected void processRequest(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

response.setContentType("text/html;charset=UTF-8");

PrintWriter out = response.getWriter();

try{

String aksi =request.getParameter("aksi");

String kode_akun = request.getParameter("kode_akun");

String nama_akun = request.getParameter("nama_akun");

String jenis_akun = request.getParameter("jenis_akun");

String saldo_normal = request.getParameter("saldo_normal");

String cari = request.getParameter("cari");

Class.forName("com.mysql.jdbc.Driver");

Connection koneksi=DriverManager.getConnection

("jdbc:mysql://localhost:3306/sia","root","");

switch (aksi) {

case "SIMPAN":

if(kode_akun.equals("")||nama_akun.equals("")||jenis_akun.equals("")||saldo_normal.equals("")){

out.println("<script>alert('Gagal...masih ada data yang belum terisi,Silahkan Ulangi!!!')"+

"</script><meta http-equiv='refresh' content='1;index.jsp?halaman=akun&aksi=SIMPAN'/>");

}

else {

koneksi.createStatement().execute("insert into master_akun values('"+ kode_akun + "','" + nama_akun + "','" + jenis_akun + "','" + saldo_normal + "')");

out.println("<script>alert('Data Master Akun berhasil Disimpan...!!!')</script>"

+ "<meta http-equiv='refresh' content='1;index.jsp?halaman=akun&aksi=SIMPAN'/>");

}

break;

case "HAPUS":

koneksi.createStatement().execute("delete from master_akun where kode_akun='" + kode_akun + "'");

out.println("<script>alert('Data Master Akun berhasil Dihapus...!!!')</script>"

+ "<meta http-equiv='refresh' content='1;index.jsp?halaman=data_akun'/>");

break;

case "GANTI":

koneksi.createStatement().execute("update master_akun set nama_akun='" + nama_akun + "', "

+ "jenis_akun='" + jenis_akun + "', saldo_normal='" + saldo_normal + "' "

+ "where kode_akun='" + kode_akun + "'");

out.println("<script>alert('Data Master Akun berhasil Diubah...!!!')</script>"

+ "<meta http-equiv='refresh' content='1;index.jsp?halaman=data_akun'/>");

break;

default:

break;

}

} catch (Exception e){

out.println("<script>alert('Gagal... Kemungkinan Kode Akun sudah ada, Silahkan Ulangi!!!')</script>"

+ "<meta http-equiv='refresh' content='1;index.jsp?halaman=data_akun'/");

}

6. Jangan Lupa untuk menyisipkan coding berikut pada page index.jsp ya guys.
Fungsinya untuk mengkoneksikan pada tampilan utama menu akun.

7. Untuk mengkoneksikan pada menu akun kita Sisipkan juga coding berikut ini pada index.jsp dibawah tulisan isi dari content sebelah kanan.

<%-- isi dari content sebelah kanan --%>

<c:choose>

<c:when test="${param.halaman=='data_akun'}">

<%@include file="tampil_akun.jsp" %>

</c:when>

<c:when test="${param.halaman=='akun'}">

<%@include file="akun.jsp" %>

</c:when>

</c:choose>

Sumber: hidayantimurtina.blogspot.co.id

8 komentar:

Unknown1 Juni 2016 pukul 23.28
tolong mba artikel untuk menu kas keluar atau kas masuknya juga sekalian,,
terima kasih.....
BalasHapus
Balasan
Unknown18 Juni 2016 pukul 19.09
kas keluar dan masuk nya kaa biar lengkapp.. . ^^
ngebantu bgt yaa dgn postingan inii.. . ^^
BalasHapus
Balasan
edwin2 Desember 2016 pukul 22.34
Kak please dong bagi program yg udah jadi nya... Saya coba ga running running ke edwin.child@gmail.com makasihhh :D
BalasHapus
Balasan
Siska Fitriyanti27 April 2017 pukul 02.10
Kak, untuk mengkoneksikan pada tampilan utama menu akun kan ada yang disisipkan ya. Nah itu ditaruh nya dimananya ya? Tolong direspon kak. Thanks.
BalasHapus
Balasan
Unknown11 April 2018 pukul 21.26
ka itu yang terakhir codingannya disisipkan di sebelah mana ?
BalasHapus
Balasan

Tambahkan komentar

Senin, 09 Mei 2016

Langkah-langkah Dalam Membuat Menu Akun

8 komentar: