Mari Belajar - Belajar dimana saja dan kapan saja.: JSP

Membuat Upload Gambar di JSP

Gusti Ardias Riantono November 27, 2013 2 comments

Membuat Upload Gambar di JSP - Hey sobat sekalian, sudah lama tak jumpa dan lama juga saya tidak membuat artikel. Ya belum lama ini saya terkena musibah di jalan dan tidak sempat untuk ngeblog. Blog rank jadi turun begini haha sedih.. Okay lah tak apa, saya ngeblog untuk berbagi tidak mengincar rank blog :). Kali ini saya mau berbagi sedikit Bagaimana Membuat Upload Gambar di JSP. Sudah tau JSP? JSP itu Java Server Pages sobat, sebelumnya saya juga sudah berbagi tentang Membuat Session Login pada JSP :D hihi.
Okay perhatikan langkah-langkahnya ya,

Ilustrasi gambar

Buka netbeans so pasti dong dong :D :P
Tunggu loadingnya trus buatlah New Project (File->New Project)
Nah, pasti ada file index.jsp kan? Isi aja sama code dibawah ini :) mau pakai nama yg lain atau ditaruh file lain juga boleh kok, ga harus di index.jsp
<%-- Document : FormUpload Created on : Nov 1, 2013, 2:12:53 PM Author : Gusti Ardias --%> <%@page contentType="text/html" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>JSP Page</title> </head> <body> <h1>Hello Cuy! Upload gambar dimari nih!</h1><form action="upload.jsp" method="post" enctype="multipart/form-data"> Select File: <input type="file" name="fname"/><br /> <input type="submit" value="Upload" />  </form></body> </html>
Jika sudah buat form upload diatas tadi kita buat prosesnya dong so pasti? nih dia code prosesnya. kasih nama upload.jsp ya sobat.
<%@ page import="com.oreilly.servlet.MultipartRequest" %> <% try{ MultipartRequest m = new MultipartRequest(request,"d:/dataweb/Java Web Programming/KonsepInclude/web/img",600000); out.print("Success Bro! "); out.print("<a href='FormUpload.jsp'>Back</a>"); } catch(Exception e){ out.print("File melebihi 60Kb<br /> "); out.print("<a href='FormUpload.jsp'>Back</a>"); } %>
Nah kalo udah semuanya dibuat jangan lupa tambahin librarynya :D disini saya pakai cos.jar, bisa di download disini
Kalo sudah jalankan deh programnya :P

Jika ada pertanyaan komen dibawah aja ya, insya Allah dijawab kok kalo online. Selamat mencoba~

Membuat Session Login Dengan JSP

Gusti Ardias Riantono Oktober 29, 2013 2 comments

Membuat Session Login Dengan JSP - Selamat pagi sobat, sehat semuanya? hehe Pagi ini saya mau membuat Tutorial Membuat Session Login Dengan JSP, sebenarnya ini tugas kuliah Java Pemograman Web saya :D dan karena banyak teman yang request tentang pembuatan session login ini makanya saya akan share cara pembuatannya. Langsung saja ya hehe :D

Pertama buka Netbeans IDE :)
Kemudian buat database dengan nama db_ardias dan buat table berikut di dalam database

Tabel di db_ardias

lalu buat new project dan web application di netbeans dengan nama session
Setelah itu silahkan buka netbeannya dan file->new project->java web->web application->next->finish
Setelah itu buat sebuah folder untuk menyimpan class yang kita buat di source package nya, perhatikan gambar berikut :

Source Package yang dibutuhkan

Lalu buat sebuah class lagi di package sess.ion.bean dengan nama User dan ketik kode dibawah ini :

Lalu buat sebuah class lagi di package sess.ion.dao dengan nama UserDao dan ketik kode dibawah ini :

package sess.ion.dao;  import java.sql.*; import sess.ion.util.*; import sess.ion.bean.*;  public class UserDao {      private ConMan conn = new ConMan();      public String cek(User user) {         String Hasil = "0";         Connection conDB = null;         try {             conDB = conn.logOn();             String query = "SELECT * from user where username=? and password=?";             PreparedStatement st = conDB.prepareStatement(query);             st.setString(1, user.getUsername());             st.setString(2, user.getPassword());                         try {                 ResultSet rs =    st.executeQuery();                 if (rs.next()) {                 Hasil = "1";                 }             } catch (SQLException e) {                 System.out.println("Error " + e.getMessage());                 Hasil = "0";             }         } catch (SQLException e) {             System.out.println("Error" + e.getMessage());             Hasil = "0";         }         return Hasil;     } }

Setelah itu lalu buat sebuah class lagi di package sess.ion.test dengan nama Main dan ketik kode dibawah ini serta jalankan :

Lalu buat sebuah class di dalam package sess.ion.util dengan Nama ConMan dan ketik code dibawah ini :

package sess.ion.util;  import java.sql.Connection; import java.sql.DriverManager; import java.sql.SQLException;  public class ConMan {      private Connection conn;     private String url = "jdbc:mysql://localhost:3306/db_ardias";     private String user = "root";     private String password = "";      public ConMan(String url, String user, String password) {         this.url = url;         this.user = user;         this.password = password;      }      public ConMan() {     }      public Connection logOn() {         conn = null;         try {             DriverManager.registerDriver(new com.mysql.jdbc.Driver());             conn = DriverManager.getConnection(url, user, password);             System.out.println("Connected Successded");         } catch (SQLException e) {             System.out.println("Connection Error : " + e.getMessage());         }         return conn;     }      public void logOff() {         try {             if (conn != null) {                 conn.close();                 System.out.println("Connection Closed");             }         } catch (SQLException e) {             System.out.println("Connection Error : " + e.getMessage());         }     }     public static void main(String args[]){        ConMan cm = new ConMan();        cm.logOn();     } }

Nah sekarang buat beberapa file jsp di folder web pages seperti berikut :

File yang kita buat

Buat file login.jsp dan isikan script dibawah ini:

<html>     <head>         <style>
            a{
                font: bold 13px Verdana;
                padding: 2px;
                padding-left: 4px;
                display: block;
                width: 100px;
                color: black;
                text-decoration: underline;
            }
            a:hover{

color: black;
                text-decoration: none;
            }

</style>          <script type="text/javascript" >
            function validate()
            {
                if(document.frm.username.value=="")
                {
                    alert("Please enter username");
                    document.frm.username.focus();
                    return false;
                }
                if(document.frm.password.value=="")
                {
                    alert("Please enter username");
                    document.frm.password.focus();
                    return false;
                }
                return true;
            }
            function trim(stringToTrim) {
                return stringToTrim.replace(/^\s+|\s+$/g,"");
            }

</script>          <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">         <title>Login</title>     </head>     <body>         <%

String errmsg = "";
                    if (request.getParameter("errmsg") != null && request.getParameter("errmsg") != "") {
                        errmsg = "Invalid username and password";
                    }else{
                        errmsg=" ";
                        }
        %>           <form name="frm" onSubmit="return validate();" action="checkLogin.jsp" method="post">            <table border="0" width="400px" align="center" bgcolor="#CDFFFF"><tr><td colspan=2 align="center" style="color:red;"><%=errmsg%></td></tr>
<tr><td colspan=2 align="center"> </td></tr>
<tr><td colspan=2 align="center"><b>User Login</b></td></tr>
<tr><td>Username : </td><td><input type="text" name="txtUsername" id="username"></td></tr>
<tr><td>Password : </td><td><input type="password" name="txtPassword" id="password"></td></tr>
<tr><td colspan=2 align="center">                                                  <input type="submit" name="sSubmit" value="Submit" />                     </td></tr>
</table></form></body> </html>

Buat file logout.jsp dan isikan script dibawah ini:

Buat file success.jsp dan isikan script dibawah ini:

Buat file checkLogin.jsp dan isikan script dibawah ini:

Library yang terpakai

Library yang digunakan

Baiklah, sekian dari pembuatan Session Login Dengan JSP. Selamat mencoba ya sobat :D~

Rabu, 27 November 2013

Membuat Upload Gambar di JSP

Selasa, 29 Oktober 2013

Membuat Session Login Dengan JSP

Popular Posts

Labels

Archive

Recent Posts

Formulir Kontak

SMA

Kuliah

Rabu, 27 November 2013

Membuat Upload Gambar di JSP

Selasa, 29 Oktober 2013

Membuat Session Login Dengan JSP

Newsletter

Popular Posts

Labels

Archive

Recent Posts

Formulir Kontak

SMA

Kuliah