More

    Membuat CRUD dengan Java Web : Update Data

    Membuat CRUD dengan Java Web : Update Data ke Database – Kita kembali ketutorial membuat crud dengan java web, pada artikel sebelumnya kita telah belajar bagaimana cara menyimpan data ke database.

    Baca: Membuat CRUD dengan Java Web : Simpan Data ke Database

    Pada tutorial kali ini kita akan melangkah ke tahap berikutnya yaitu Update Data ke Database. Hal yang pertama kali di lakukan adalah kita akan membuat halaman edit yang nantinya digunakan untuk mengambil tiap data berdasarkan id nya. Tapi sebelum membuat desiain form edit, terlebih dahulu menambah beberapa method Update pada UserModel yang sudah kita buat sebelumnya. Tambahkan kode berikut pada class UserModel

    UserModel.java

    public void update(){
        String sql="UPDATE tb_user SET nama='"+nama+"',alamat='"+alamat+"' WHERE id='"+id+"'";
        db.simpanData(sql);
    }
            public List cariID() {
            List<UserModel> data = new ArrayList<UserModel>();
            ResultSet rs = null;
    
            try {
                String sql = "SELECT * FROM tb_user WHERE ID='"+id+"'";
                rs = db.ambilData(sql);
                while (rs.next()) {
                    UserModel m = new UserModel();
                    m.setId(rs.getString("id"));
                    m.setNama(rs.getString("nama"));
                    m.setAlamat(rs.getString("alamat"));
                    data.add(m);
    
                }
                db.diskonek(rs);
            } catch (Exception ex) {
                System.out.println("Terjadi Kesalah Saat menampilkan Cari ID" + ex);
            }
            return data;
    
        }

    Method Update berfungsi untuk menjalankan query sql update data. Sedangkan method CariID berfungsi untuk mencari id dari tiap-tiap field yang nantinya di gunakan sebagai kondisi(where).

    Pada UserModel hasilnya akan menjadi seperti dibawah ini:

    /*
     * To change this license header, choose License Headers in Project Properties.
     * To change this template file, choose Tools | Templates
     * and open the template in the editor.
     */
    package net.tutorialpedia.model;
    
    import java.sql.ResultSet;
    import java.util.ArrayList;
    import java.util.List;
    
    /**
     *
     * @author TutorialPedia
     */
    public class UserModel {
       String id,nama,alamat;
       Koneksi db = null;
           
        public UserModel() {
            db = new Koneksi();
        }
    
        public String getId() {
            return id;
        }
    
        public void setId(String id) {
            this.id = id;
        }
    
        public String getNama() {
            return nama;
        }
    
        public void setNama(String nama) {
            this.nama = nama;
        }
    
        public String getAlamat() {
            return alamat;
        }
    
        public void setAlamat(String alamat) {
            this.alamat = alamat;
        }
        public void simpan(){
            String sql="INSERT INTO tb_user values(null,'"+nama+"','"+alamat+"')";
            db.simpanData(sql);
        }
        public void update(){
            String sql="UPDATE tb_user SET nama='"+nama+"',alamat='"+alamat+"' WHERE id='"+id+"'";
            db.simpanData(sql);
            System.out.println(sql);
        }
    
        public List tampil() {
            List<UserModel> data = new ArrayList<UserModel>();
            ResultSet rs = null;
    
            try {
                String sql = "select * from tb_user order by nama asc";
                rs = db.ambilData(sql);
                while (rs.next()) {
                    UserModel um = new UserModel();
                    um.setId(rs.getString("id"));
                    um.setNama(rs.getString("nama"));
                    um.setAlamat(rs.getString("alamat"));
                    data.add(um);
    
                }
                db.diskonek(rs);
            } catch (Exception ex) {
                System.out.println("Terjadi Kesalahan Saat menampilkan data User" + ex);
            }
            return data;
        }
            public List cariID() {
            List<UserModel> data = new ArrayList<UserModel>();
            ResultSet rs = null;
    
            try {
                String sql = "SELECT * FROM tb_user WHERE ID='"+id+"'";
                rs = db.ambilData(sql);
                while (rs.next()) {
                    UserModel m = new UserModel();
                    m.setId(rs.getString("id"));
                    m.setNama(rs.getString("nama"));
                    m.setAlamat(rs.getString("alamat"));
                    data.add(m);
    
                }
                db.diskonek(rs);
            } catch (Exception ex) {
                System.out.println("Terjadi Kesalah Saat menampilkan Cari ID" + ex);
            }
            return data;
    
        }
    }
    

     

    Desain Form Edit

    Buat file JSP baru dengan nama edit_user.jsp lalu isi dengan kode berikut:

    <!DOCTYPE html>
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <title>Latihan Java Web | TutorialPedia.NET</title>
        </head>
        <body>
            <center><h1>Edit User | TutorialPedia.NET</h1></center>
            <form action="UserController?data=user&proses=update-user" method="post">
                <table style="margin:20px auto;">
                <%
                    String id = request.getParameter("id");
                    UserModel km = new UserModel();
                    km.setId(id);
                    List<UserModel> data = new ArrayList<UserModel>();
                    data = km.cariID(); 
                    if (data.size() > 0) {
    
                %>
    		<tr>
                        <td>Nama</td>
                        <td><input type="text" name="nama" value="<%=data.get(0).getNama()%>"></td>
    		</tr>
    		<tr>
                        <td>Alamat</td>
                        <td><input type="text" name="alamat" value="<%=data.get(0).getAlamat()%>"></td>
                        <td><input type="hidden" name="id" value="<%=data.get(0).getId()%>"></td>
    		</tr>
    		<tr>
                        <td></td>
                        <td><input type="submit" value="Update"></td>
    		</tr>
                      <%}%>
                </table>
              
    	</form>	
        
        </body>
    </html>

    Jika terjadi error, anda cukup mengimport package nya.

    Modifikasi File Index.jsp

    Cukup ubah kode tombol edit menjadi seperti berikut ini:

    dari

    <a href="#">Edit</a>

    menjadi

    <a href="UserController?proses=edit-user&id=<%=data.get(x).getId()%>">Edit</a>
    

    Modifikasi UserController.java

    Tambahkan kode berikut pada Protected void DoGet 

    else if(proses.equals("edit-user")){
                response.sendRedirect("edit_user.jsp?id="+request.getParameter("id"));
                return;

    Sehingga hasilnya akan menjadi seperti ini untuk method DoGet nya:

        protected void doGet(HttpServletRequest request, HttpServletResponse response)
                throws ServletException, IOException {
            String proses=request.getParameter("proses");
            String action=request.getParameter("action");
            if (proses.equals("input-user")){
                response.sendRedirect("tambah_user.jsp");
                return;
            }else if(proses.equals("edit-user")){
                response.sendRedirect("edit_user.jsp?id="+request.getParameter("id"));
                return;
            }
        }

    Tambahkan kode berikut pada Protected void DoPost:

    else if (proses.equals("update-user")){
                        um.update();
                    }

    Sehingga hasilnya akan menjadi seperti berikut:

        protected void doPost(HttpServletRequest request, HttpServletResponse response)
                throws ServletException, IOException {
            String data = request.getParameter("data");
            String proses = request.getParameter("proses");
            
            if (data != null){
                if(data.equals("user")){
                    UserModel um=new UserModel();
                    um.setId(request.getParameter("id"));
                    um.setNama(request.getParameter("nama"));
                    um.setAlamat(request.getParameter("alamat"));
                    if (proses.equals("input-user")){
                        um.simpan();
                    }else if (proses.equals("update-user")){
                        um.update();
                    }
                    response.sendRedirect("");
                }
            }
        }

    Hanya itu saja perubahan kode untuk melakukan update data ke database.

    Sekarang yang kita lakukan adalah melakukan testing dari kode tersebut. Jangan lupa untuk menyimpan semua perubahan dengan cara menekan tombol CTRL+Shift+S

    Demikian artikel Membuat CRUD dengan Java Web : Update Data ke Database.

    Selamat Mencoba

    Baca Artikel Lainnya tentang Membuat CRUD dengan Java Web:

    1. Membuat CRUD dengan Java Web : Persiapan Awal

    2. Membuat CRUD dengan Java Web : Menampilkan Data dari Database

    3. Membuat CRUD dengan Java Web : Simpan Data ke Database

    Jika anda ingin mendownload project latihan Membuat CRUD dengan Java Web, anda bisa mendownloadnya melalui link berikut:

    Google Drive

    password rar : www.tutorialpedia.net

    Recent Articles

    [td_block_21]

    Related Articles

    Leave A Reply

    Please enter your comment!
    Please enter your name here

    This site uses Akismet to reduce spam. Learn how your comment data is processed.

    Dapatkan konten terbaik dari kami!