Membuat JSP CRUD Java Web Dengan Aplikasi Apache NetBeans IDE

Membuat JSP CRUD Java Web Dengan Aplikasi Apache NetBeans IDE. Pada kesempatan kali ini saya coba akan sharing tentang materi kuliah pemrograman 2 pada pertemuan 14. Di mana terdapat tugas untuk membuat web JSP CRUD Java menggunakan aplikasi NetBeans.

Kemudian dimana Web JSP Crud ini akan di koneksikan dengan aplikasi database MySQL (XAMPP). Sehingga nantinya bisa menyimpan otomatis kedalam database MySQL setiap data yang kita Add User, Delete User, Update/Edit User dan melihat User atau Data yang telah di input.

Sebelum pembuatan JSP CRUD Sederhana, silakan mendownload beberapa plugin di bawah ini! untuk mendukung keperluan koneksi ke server MySQL (XAMPP). Yang kemudian akan di tempatkan pada folder Libraries pada aplikasi NetBeans.

Plugin JSP Crud (jstl-1.2 & mysql-connector)

Baca Juga: Membuat Program Kalkulator Java Pada NetBeans

Langkah Membuat Web Sederhana JSP CRUD Java NetBeans

Membuat JSP CRUD Java Web Dengan Aplikasi Apache NetBeans IDE

Sebelum membuat Web JSP CRUD, pastikan kalian sudah menginstall aplikasi NetBeans, XAMPP dan JDK. Jika sudah silakan mulai ikuti langkah-langkah berikut!

Pada Aplikasi NetBeans

  1. Buka aplikasi netbeans
  2. Kemudian buat project baru, File >> New Project >> Categories >> Java Web >> Web Application (beri nama Project Name kalian contoh : OneInsert.com_CRUD)
  3. Disini saya menggunakan GlassFish Sebagai Server, sehingga pada kolom Server : GlassFish Server >> Java EE Version : Java EE 8 Web
  4. Kemudian buat file JSP >> Klik Kanan pada Web Pages >> New >> JSP
  5. Pada File Name, Silakan masukan nama sesuai data di bawah ini >> kemudian isikan script yang telah disediakan! (Ulangi sesuai nama dan script).
  6. Untuk .html >> Klik Kanan pada Web Pages >> New >> HTML
  7. Selanjutnya membuat 2 Source Packages Java Class untuk User.java dan UserDao.java, klik kanan pada Source Packages >> New >> Java Class
    • Class Name : User
    • Packages : com.javatpoint.bean
    • Masukan script yang sudah di sediakan di bawah dan ulangi untuk membuat class UserDao.java

adduser-error.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">  
<title>Add User Error</title>  
</head>  
<body>  
  
<p>Sorry, an error occurred!</p>  
<jsp:include page="userform.html"></jsp:include>  
  
</body>  
</html>

adduser-success.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">  
<title>Add User Success</title>  
</head>  
<body>  
  
<p>Record successfully saved!</p>  
<jsp:include page="userform.html"></jsp:include>  
  
</body>  
</html>

adduser.jsp

<%@page import="com.javatpoint.dao.UserDao"%>  
<jsp:useBean id="u" class="com.javatpoint.bean.User"></jsp:useBean>  
<jsp:setProperty property="*" name="u"/>  
  
<%  
int i=UserDao.save(u);  
if(i>0){  
response.sendRedirect("adduser-success.jsp");  
}else{  
response.sendRedirect("adduser-error.jsp");  
}  
%>

adduserform.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">  
<title>Add User Form</title>  
</head>  
<body>  
  
<jsp:include page="userform.html"></jsp:include>  
  
</body>  
</html>

deleteuser.jsp

<%@page import="com.javatpoint.dao.UserDao"%>  
<jsp:useBean id="u" class="com.javatpoint.bean.User"></jsp:useBean>  
<jsp:setProperty property="*" name="u"/>  
<%  
UserDao.delete(u);  
response.sendRedirect("viewusers.jsp");  
%>

editform.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">  
<title>Edit Form</title>  
</head>  
<body>  
<%@page import="com.javatpoint.dao.UserDao,com.javatpoint.bean.User"%>  
  
<%  
String id=request.getParameter("id");  
User u=UserDao.getRecordById(Integer.parseInt(id));  
%>  
  
<h1>Edit Form</h1>  
<form action="edituser.jsp" method="post">  
<input type="hidden" name="id" value="<%=u.getId() %>"/>  
<table>  
<tr><td>Name:</td><td>  
<input type="text" name="name" value="<%= u.getName()%>"/></td></tr>  
<tr><td>Password:</td><td>  
<input type="password" name="password" value="<%= u.getPassword()%>"/></td></tr>  
<tr><td>Email:</td><td>  
<input type="email" name="email" value="<%= u.getEmail()%>"/></td></tr>  
<tr><td>Sex:</td><td>  
<input type="radio" name="sex" value="male"/>Male   
<input type="radio" name="sex" value="female"/>Female </td></tr>  
<tr><td>Country:</td><td>  
<select name="country">  
<option>Indonesia</option>  
<option>Korea</option>  
<option>Japan</option>    
<option>Other</option>  
</select>  
</td></tr>  
<tr><td colspan="2"><input type="submit" value="Edit User"/></td></tr>  
</table>  
</form>  
  
</body>  
</html>

edituser.jsp

<%@page import="com.javatpoint.dao.UserDao"%>  
<jsp:useBean id="u" class="com.javatpoint.bean.User"></jsp:useBean>  
<jsp:setProperty property="*" name="u"/>  
<%  
int i=UserDao.update(u);  
response.sendRedirect("viewusers.jsp");  
%>

index.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">  
<title>JSP CRUD Example</title>  
</head>  
<body>  
<h1>JSP CRUD Example</h1>  
<a href="adduserform.jsp">Add User</a>  
<a href="viewusers.jsp">View Users</a>  
  
</body>  
</html>

viewusers.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>  
  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">  
<title>View Users</title>  
</head>  
<body>  
  
<%@page import="com.javatpoint.dao.UserDao,com.javatpoint.bean.*,java.util.*"%>  
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>  
  
<h1>Users List</h1>  
  
<%  
List<User> list=UserDao.getAllRecords();  
request.setAttribute("list",list);  
%>  
  
<table border="1" width="90%">  
<tr><th>Id</th><th>Name</th><th>Password</th><th>Email</th>  
<th>Sex</th><th>Country</th><th>Edit</th><th>Delete</th></tr>  
<c:forEach items="${list}" var="u">  
<tr><td>${u.getId()}</td><td>${u.getName()}</td><td>${u.getPassword()}</td>  
<td>${u.getEmail()}</td><td>${u.getSex()}</td><td>${u.getCountry()}</td>  
<td><a href="editform.jsp?id=${u.getId()}">Edit</a></td>  
<td><a href="deleteuser.jsp?id=${u.getId()}">Delete</a></td></tr>  
</c:forEach>  
</table>  
<br/><a href="adduserform.jsp">Add New User</a>  
  
</body>  
</html>

userform.html

<a href="viewusers.jsp">View All Records</a><br/>  
  
<h1>Add New User</h1>  
<form action="adduser.jsp" method="post">  
<table>  
<tr><td>Name:</td><td><input type="text" name="name"/></td></tr>  
<tr><td>Password:</td><td>  
<input type="password" name="password"/></td></tr>  
<tr><td>Email:</td><td><input type="email" name="email"/></td></tr>  
<tr><td>Sex:</td><td>  
<input type="radio" name="sex" value="male"/>Male   
<input type="radio" name="sex" value="female"/>Female </td></tr>  
<tr><td>Country:</td><td>  
<select name="country" style="width:155px">  
<option>Indonesia</option>  
<option>Korea</option>  
<option>Japan</option>    
<option>Other</option>  
</select>  
</td></tr>  
<tr><td colspan="2"><input type="submit" value="Add User"/></td></tr>  
</table>  
</form>

Class User.java >> Package Name: com.javatpoint.bean

package com.javatpoint.bean;
public class User {  
private int id;  
private String name,password,email,sex,country; 

public int getId() {
        return id;
    }
 
    public void setId(int id) {
        this.id = id;
    }
 
    public String getName() {
        return name;
    }
 
    public void setName(String name) {
        this.name = name;
    }
 
    public String getPassword() {
        return password;
    }
 
    public void setPassword(String password) {
        this.password = password;
    }
 
    public String getEmail() {
        return email;
    }
 
    public void setEmail(String email) {
        this.email = email;
    }
 
    public String getSex() {
        return sex;
    }
 
    public void setSex(String sex) {
        this.sex = sex;
    }
 
    public String getCountry() {
        return country;
    }
 
    public void setCountry(String country) {
        this.country = country;
    } 
 
}

Class UserDao.java >> Package Name: com.javatpoint.dao

package com.javatpoint.dao;
import java.sql.*;  
import java.util.ArrayList;  
import java.util.List;  
import com.javatpoint.bean.User;

public class UserDao {  
  
public static Connection getConnection(){  
    Connection con=null;  
    try{  
        Class.forName("com.mysql.jdbc.Driver");  
        con=DriverManager.getConnection("jdbc:mysql://localhost:3306/OneInsert","root","");  
    }catch(Exception e){System.out.println(e);}  
    return con;  
}  
public static int save(User u){  
    int status=0;  
    try{  
        Connection con=getConnection();  
        PreparedStatement ps=con.prepareStatement(  
"insert into register(name,password,email,sex,country) values(?,?,?,?,?)");  
        ps.setString(1,u.getName());  
        ps.setString(2,u.getPassword());  
        ps.setString(3,u.getEmail());  
        ps.setString(4,u.getSex());  
        ps.setString(5,u.getCountry());  
        status=ps.executeUpdate();  
    }catch(Exception e){System.out.println(e);}  
    return status;  
}  
public static int update(User u){  
    int status=0;  
    try{  
        Connection con=getConnection();  
        PreparedStatement ps=con.prepareStatement(  
"update register set name=?,password=?,email=?,sex=?,country=? where id=?");  
        ps.setString(1,u.getName());  
        ps.setString(2,u.getPassword());  
        ps.setString(3,u.getEmail());  
        ps.setString(4,u.getSex());  
        ps.setString(5,u.getCountry());  
        ps.setInt(6,u.getId());  
        status=ps.executeUpdate();  
    }catch(Exception e){System.out.println(e);}  
    return status;  
}  
public static int delete(User u){  
    int status=0;  
    try{  
        Connection con=getConnection();  
        PreparedStatement ps=con.prepareStatement("delete from register where id=?");  
        ps.setInt(1,u.getId());  
        status=ps.executeUpdate();  
    }catch(Exception e){System.out.println(e);}  
  
    return status;  
}  
public static List<User> getAllRecords(){  
    List<User> list=new ArrayList<User>();  
      
    try{  
        Connection con=getConnection();  
        PreparedStatement ps=con.prepareStatement("select * from register");  
        ResultSet rs=ps.executeQuery();  
        while(rs.next()){  
            User u=new User();  
            u.setId(rs.getInt("id"));  
            u.setName(rs.getString("name"));  
            u.setPassword(rs.getString("password"));  
            u.setEmail(rs.getString("email"));  
            u.setSex(rs.getString("sex"));  
            u.setCountry(rs.getString("country"));  
            list.add(u);  
        }  
    }catch(Exception e){System.out.println(e);}  
    return list;  
}  
public static User getRecordById(int id){  
    User u=null;  
    try{  
        Connection con=getConnection();  
        PreparedStatement ps=con.prepareStatement("select * from register where id=?");  
        ps.setInt(1,id);  
        ResultSet rs=ps.executeQuery();  
        while(rs.next()){  
            u=new User();  
            u.setId(rs.getInt("id"));  
            u.setName(rs.getString("name"));  
            u.setPassword(rs.getString("password"));  
            u.setEmail(rs.getString("email"));  
            u.setSex(rs.getString("sex"));  
            u.setCountry(rs.getString("country"));  
        }  
    }catch(Exception e){System.out.println(e);}  
    return u;  
}  
}

Pada XAMPP MySQL

  1. Silakan Buat database baru >> berinama OneInsert (atau bebas sesuaikan dengan script pada userdao.java)
  2. Buat table baru >> klik import >> pada Choose File (pilih file register yang sudah di download dengan plugin melalui link di atas) >> klik Go
  3. Jika berhasil maka akan ada table register pada database OneInsert yang sudah di buat sebelumnya berupa data (id, name, password, email, sex dan country)

Cara Menambahkan Plugin Libraries JSP CRUD Pada NetBeans Untuk Koneksi MySQL

  1. Extract file yang sudah di download sebelumnya
  2. Klik kanan pada Libraries >> Add JAR/Folder >> cari file jstl-1.2.jar dan mysql-connector.jar untuk di tambahkan
  3. Klik kanan kembali pada Libraries >> Add Library >> cari PostgreSQL JDBC Driver untuk di tambahkan

Baca Juga: Membuat Program Java Penilaian Mahasiswa Menggunakan Notepad++

Cara Mengatasi Error JSP CRUD Server GlassFish Server Pada Java Versi Terbaru

Untuk server yang ada di NetBeans terbaru seperti Tomcat atau GlassFish akan berjalan pada java versi 8. Sehingga jika kalian menggunakan versi java terbaru, silakan install kembali versi java 8.

  1. Pastikan sudah mendownload Notepad++
  2. Silakan ketik url berikut : C:\Program Files\NetBeans-12.6\netbeans\etc pada kolom pencarian di windows
  3. Kemudian cari file bernama netbeans >> klik kanan open with >> notepadd++
  4. Setelah terbuka cari netbeans_jdkhome=”C:\Program Files\Java\jdk-17.0.2 Silakan ganti menjadi netbeans_jdkhome=”C:\Program Files\Java\jdk1.8.0_321″ (atau menyesuaikan folder versi penyimpanan java kalian)
  5. Kemudian klik save (jika muncul notif administrator klik ok saja kemudian save kembali)
  6. Setelah itu silakan tutup terlebih dahulu aplikasi netbeans yang sebelumnya sudah di buka, jangan lupa untuk save project yang telah kita buat
  7. Kemudian buka kembali aplikasi netbeans dan coba jalankan project JSP CRUD nya

Itulah langkah sederhana untuk membuat web JSP CRUD Java pada aplikasi netbeans. Mudah-mudahan bisa membantu kalian dalam menyelesaikan tugas pemrograman java. Jika kurang jelas silakan bisa simak video di bawah ini!

Video Membuat Web JSP CRUD Java Dengan Aplikasi Apache NetBeans

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan.

Back to top button

Adblock Detected

Please consider supporting us by disabling your ad blocker