Membuat Login Form di Netbeans

Untuk Mendownload tutorial file ini shilakan download di sini 

Selamat malam semuanya, hari ini saya ingin menjelaskan cara membuat login form di Netbeans tentunya menggunakan bahasa pemrograman Java. Yah seperti biasanya, sambil mendengarkan lagu favorit and chat bareng temen saya selang dengan menulis artikel ini. Hehehe
Untuk me-review yang kemaren tentang Memulai Sebuah Proyek Java Application Menggunakan Netbeans dan Mengkoneksikan Database Sqlite atau MySQL ke Netbeans IDE shilakan di klik aja linknya.

Oke kita mulai aja yah step by step pembuatan Login Form di Netbeans.

1. Shilakan buka projek123 lalu klik kanan pada Projek123 => New => JFrame Form seperti gambar di bawah ini :


2. Setelah menekan mengklik JFrame Form, lalu kita akan di bawa ke window selanjutnya yaitu Memberi nama ClassName seperti gambar di bawah ini :







3. Lalu akan tampil sebuah form kosong yang akan kita isi dengan text form dan buttonnya dengan cara di bawah ini : 



• Design form yang tadi di buat dengan tampilan seperti gambar di atas yang komonennya berisi :
• Username & Password => Lable
• Kolom isian Username => Text Field
•  Ganti Variable name dengan txt_username
• Kolom isian Password => Password Field
• Ganti Variable name dengan txt_password
• Untuk cara memasukan komponen tersebut hanya di drag dari Palette dan drop ke form kerja.
• Setelah Lable & Text Field sudah selesai di buat selanjutnya membuat komponen tersebut menjadi satu kesatuan / menjadi Panel dengan cara blok semua lable, text field dan password field lalu klik kanan sepreti gambar seperti di bawah ini :



• Setelah di costumize seperti gambar diatas dan di klik Ok, selanjutnya kita masukan button di area login page seperti gambar di bawah ini :



• Cara memasukan button sama seperti memasukan lable dan text field tadi dengan cara di drag dan drop di lembar kerja.
• Setelah pendesainan login form sudah selesai tinggal memasukan pengkodean di dalam login buttonnya.
 
 
4. Pengkodean Login form
• Untuk pengkodean shilakan anda lihat kode di bawah ini :


/* * To change this template, choose Tools | Templates * and open the template in the editor. */ /* * Login_jFrame.java * * Created on 31 Okt 12, 22:51:05 */ /** * * @author Ghastly */ import java.sql.*; import javax.swing.*; public class Login_jFrame extends javax.swing.JFrame { Connection conn=null; ResultSet rs =null; PreparedStatement pst=null; /** Creates new form Login_jFrame */ public Login_jFrame() { initComponents(); conn=javaconnect.ConnecrDb(); } /** This method is called from within the constructor to * initialize the form. * WARNING: Do NOT modify this code. The content of this method is * always regenerated by the Form Editor. */ @SuppressWarnings("unchecked") // <editor-fold defaultstate="collapsed" desc="Generated Code"> private void initComponents() { jPanel1 = new javax.swing.JPanel(); jLabel1 = new javax.swing.JLabel(); jLabel2 = new javax.swing.JLabel(); txt_username = new javax.swing.JTextField(); txt_password = new javax.swing.JPasswordField(); cmd_login = new javax.swing.JButton(); setDefaultCloseOperation(javax.swing.WindowConstants.EXIT_ON_CLOSE); jPanel1.setBorder(javax.swing.BorderFactory.createTitledBorder(null, "Login", javax.swing.border.TitledBorder.DEFAULT_JUSTIFICATION, javax.swing.border.TitledBorder.DEFAULT_POSITION, new java.awt.Font("Comic Sans MS", 1, 24), new java.awt.Color(255, 0, 0))); // NOI18N jLabel1.setText("Username"); jLabel2.setText("Password"); txt_username.addActionListener(new java.awt.event.ActionListener() { public void actionPerformed(java.awt.event.ActionEvent evt) { txt_usernameActionPerformed(evt); } }); txt_password.addActionListener(new java.awt.event.ActionListener() { public void actionPerformed(java.awt.event.ActionEvent evt) { txt_passwordActionPerformed(evt); } }); cmd_login.setText("Login"); cmd_login.addActionListener(new java.awt.event.ActionListener() { public void actionPerformed(java.awt.event.ActionEvent evt) { cmd_loginActionPerformed(evt); } }); javax.swing.GroupLayout jPanel1Layout = new javax.swing.GroupLayout(jPanel1); jPanel1.setLayout(jPanel1Layout); jPanel1Layout.setHorizontalGroup( jPanel1Layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING) .addGroup(jPanel1Layout.createSequentialGroup() .addContainerGap() .addGroup(jPanel1Layout.createParallelGroup(javax.swing.GroupLayout.Alignment.TRAILING) .addComponent(jLabel2) .addComponent(jLabel1)) .addPreferredGap(javax.swing.LayoutStyle.ComponentPlacement.UNRELATED) .addGroup(jPanel1Layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING, false) .addComponent(txt_username) .addComponent(txt_password, javax.swing.GroupLayout.PREFERRED_SIZE, 160, javax.swing.GroupLayout.PREFERRED_SIZE)) .addContainerGap()) .addGroup(javax.swing.GroupLayout.Alignment.TRAILING, jPanel1Layout.createSequentialGroup() .addContainerGap(171, Short.MAX_VALUE) .addComponent(cmd_login) .addContainerGap()) ); jPanel1Layout.setVerticalGroup( jPanel1Layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING) .addGroup(jPanel1Layout.createSequentialGroup() .addContainerGap() .addGroup(jPanel1Layout.createParallelGroup(javax.swing.GroupLayout.Alignment.BASELINE) .addComponent(jLabel1) .addComponent(txt_username, javax.swing.GroupLayout.PREFERRED_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.PREFERRED_SIZE)) .addGap(18, 18, 18) .addGroup(jPanel1Layout.createParallelGroup(javax.swing.GroupLayout.Alignment.BASELINE) .addComponent(jLabel2) .addComponent(txt_password, javax.swing.GroupLayout.PREFERRED_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.PREFERRED_SIZE)) .addGap(18, 18, 18) .addComponent(cmd_login) .addContainerGap(22, Short.MAX_VALUE)) ); javax.swing.GroupLayout layout = new javax.swing.GroupLayout(getContentPane()); getContentPane().setLayout(layout); layout.setHorizontalGroup( layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING) .addGroup(layout.createSequentialGroup() .addGap(88, 88, 88) .addComponent(jPanel1, javax.swing.GroupLayout.PREFERRED_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, Short.MAX_VALUE) .addGap(74, 74, 74)) ); layout.setVerticalGroup( layout.createParallelGroup(javax.swing.GroupLayout.Alignment.LEADING) .addGroup(layout.createSequentialGroup() .addGap(46, 46, 46) .addComponent(jPanel1, javax.swing.GroupLayout.PREFERRED_SIZE, javax.swing.GroupLayout.DEFAULT_SIZE, javax.swing.GroupLayout.PREFERRED_SIZE) .addContainerGap(75, Short.MAX_VALUE)) ); pack(); }// </editor-fold> private void txt_usernameActionPerformed(java.awt.event.ActionEvent evt) { // TODO add your handling code here: } private void txt_passwordActionPerformed(java.awt.event.ActionEvent evt) { // TODO add your handling code here: } private void cmd_loginActionPerformed(java.awt.event.ActionEvent evt) { // TODO add your handling code here: String sql ="select * from Empoyeeinfo where username=? and password=?"; try{ pst=conn.prepareStatement(sql); pst.setString(1,txt_username.getText()); pst.setString(2,txt_password.getText()); rs=pst.executeQuery(); if(rs.next()){ JOptionPane.showMessageDialog(null, "Username and Password is correct"); Employee_info s =new Employee_info(); s.setVisible(true); } else{ JOptionPane.showMessageDialog(null, "Username and Password is incorrect"); } } catch(Exception e){ JOptionPane.showMessageDialog(null, e); } } /** * @param args the command line arguments */ public static void main(String args[]) { java.awt.EventQueue.invokeLater(new Runnable() { public void run() { new Login_jFrame().setVisible(true); } }); } // Variables declaration - do not modify private javax.swing.JButton cmd_login; private javax.swing.JLabel jLabel1; private javax.swing.JLabel jLabel2; private javax.swing.JPanel jPanel1; private javax.swing.JPasswordField txt_password; private javax.swing.JTextField txt_username; // End of variables declaration }
•  Shilakan select all dan copy code di atas, setelah itu masukan ke dalam form Login_jFrame.java
5. Terakhir membuat form setelah sukses login, klik kanan Project123=>New => JFrame Form / langkahnya seperti di point nomor 1, anda tinggal mengganti nama menjadi Employee_info.java lalu save.
Form Employee_info.java itu fungsinya untuk hasil akhir jika kita berhasil login. Jadi kita tinggal merubah tampilan Employee_info.java pada pertemuan berikutnya. 

Jika gagal akan tampil seperti di atas

  Jika sukses akan tampil seperti di atas dan jika di klik oke akan tampil seperti di bawah

Saya rasa cukup sampai disini dulu, jika kalian ada pertanyaan... Shilakan tanya saja langsung or comment.
thank you.
Salam


Norosimo

Untuk Mendownload tutorial file ini shilakan download di sini