Tekno Coding

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 16px; line-height: 24px;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.fikriansyah.net/wp-content/uploads/2015/01/java-logo1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="http://www.fikriansyah.net/wp-content/uploads/2015/01/java-logo1.png" width="200" /></a></div>
Hujan-hujan begini memang enaknya nulis artikel.hehehe<br />
seperti <a data-mce-href="http://www.fikriansyah.net/membuat-web-sederhana-dengan-java/" href="http://www.fikriansyah.net/membuat-web-sederhana-dengan-java/" target="_blank" title="Cara membuat web dengan java">janji</a> saya kemarin, Baca: <em><a data-mce-href="http://www.fikriansyah.net/membuat-web-sederhana-dengan-java/" href="http://www.fikriansyah.net/membuat-web-sederhana-dengan-java/" target="_blank" title="Cara membuat web sederhana dengan java">Cara membuat web sederhana denga java</a>.</em><br />
kali ini kita akan belajar tentang simpel login dinamis dengan jsp.</div>
<div style="color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 16px; line-height: 24px;">
oke deh langsung saja ke tutorialnya.</div>
<div style="color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 16px; line-height: 24px;">
1. Pertama kita buat database dengan nama "belajar".</div>
<div style="color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 16px; line-height: 24px;">
2.Buat table dengan nama "admin" lalu isi dengan field berikut ini.</div>
<pre class="lang:mysql decode:true " style="background: rgb(244, 244, 244) !important; border: 1px solid rgb(204, 204, 204) !important; color: #333333; font-family: 'Courier 10 Pitch', Courier, monospace !important; font-size: 13px; margin-bottom: 1.5em !important; min-height: 1.5em; padding: 0.3em 0.5em !important;">CREATE TABLE  `admin` (
 `id` INT( 5 ) NOT NULL AUTO_INCREMENT PRIMARY KEY ,
 `username` VARCHAR( 25 ) NOT NULL ,
 `password` VARCHAR( 25 ) NOT NULL ,
 `email` VARCHAR( 25 ) NOT NULL ,
 `regdate` DATE NOT NULL
) ENGINE = INNODB;</pre>
<div style="color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 16px; line-height: 24px;">
3. Buat project baru pada IDE netbeans beri nama "LoginJSP"</div>
<div style="color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 16px; line-height: 24px;">
4. Buatlah file JSP sesuai gambar di bawah ini.</div>
<div class="mceTemp" style="color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 16px; line-height: 24px;">

<dl class="wp-caption aligncenter" data-mce-style="width: 500px;" id="" style="-webkit-user-drag: none; background-color: #f3f3f3; border: 1px solid rgb(221, 221, 221); margin: 10px auto; padding-top: 4px; text-align: center; width: 500px;">
<dt class="wp-caption-dt" style="-webkit-user-drag: none;"><a data-mce-href="http://s5.postimg.org/m8xggliav/Screenshot_52.png" href="http://s5.postimg.org/m8xggliav/Screenshot_52.png" style="-webkit-user-drag: none;"><img alt="Simpel login dan registrasi dengan JSP" data-mce-src="http://s5.postimg.org/m8xggliav/Screenshot_52.png" height="294" src="http://s5.postimg.org/m8xggliav/Screenshot_52.png" style="-webkit-user-drag: none; border: 0px none; margin: 0px; padding: 0px;" width="490" /></a></dt>
<dd class="wp-caption-dd" style="-webkit-user-drag: none; font-size: 11px; line-height: 17px; margin: 0px; padding: 0px 4px 5px;">Simpel login dan registrasi dengan JSP</dd></dl>
</div>
<div style="color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 16px; line-height: 24px;">
Masukkan code dibawah ini :</div>
<h3 style="color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">
index.jsp.</h3>
<pre class="lang:xhtml decode:true" style="background: rgb(244, 244, 244) !important; border: 1px solid rgb(204, 204, 204) !important; color: #333333; font-family: 'Courier 10 Pitch', Courier, monospace !important; font-size: 13px; margin-bottom: 1.5em !important; min-height: 1.5em; padding: 0.3em 0.5em !important;" title="Index.jsp"><html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Login</title>
    </head>
    <body>
        <form method="post" action="login.jsp">
            <center>
            <table border="1" width="30%" cellpadding="3">
                <thead>
                    <tr>
                        <th colspan="2">Login Here</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>User Name</td>
                        <td><input type="text" name="username" value="" /></td>
                    </tr>
                    <tr>
                        <td>Password</td>
                        <td><input type="password" name="password" value="" /></td>
                    </tr>
                    <tr>
                        <td><input type="submit" value="Login" /></td>
                        <td><input type="reset" value="Reset" /></td>
                    </tr>
                    <tr>
                        <td colspan="2">Yet Not Registered!! <a href="registrasi.jsp">Register Here</a></td>
                    </tr>
                </tbody>
            </table>
            </center>
        </form>
    </body>
</html></pre>
<h3 style="color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">
<strong>Login.jsp</strong></h3>
<pre class="lang:java decode:true" style="background: rgb(244, 244, 244) !important; border: 1px solid rgb(204, 204, 204) !important; color: #333333; font-family: 'Courier 10 Pitch', Courier, monospace !important; font-size: 13px; margin-bottom: 1.5em !important; min-height: 1.5em; padding: 0.3em 0.5em !important;" title="Login.jsp"><%@ page import ="java.sql.*" %>

<%
    String userid = request.getParameter("username");    
    String pwd = request.getParameter("password");
    Class.forName("com.mysql.jdbc.Driver");
    Connection con = DriverManager.getConnection("jdbc:mysql://localhost:3306/belajar",
            "root", "");
    Statement st = con.createStatement();
    ResultSet rs;
    rs = st.executeQuery("select * from admin where username='" + userid + "' and password='" + pwd + "'");
    if (rs.next()) {
        session.setAttribute("userid", userid);
        out.println("welcome " + userid);
        out.println("<a href='logout.jsp'>Log out</a>");
        response.sendRedirect("sukses.jsp");
    } else {
        out.println("Invalid password <a href='index.jsp'>try again</a>");
    }
%></pre>
<h3 style="color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">
<strong>Logout.jsp</strong></h3>
<pre class="lang:java decode:true " style="background: rgb(244, 244, 244) !important; border: 1px solid rgb(204, 204, 204) !important; color: #333333; font-family: 'Courier 10 Pitch', Courier, monospace !important; font-size: 13px; margin-bottom: 1.5em !important; min-height: 1.5em; padding: 0.3em 0.5em !important;" title="Logout.jsp"><%
session.setAttribute("username", null);
session.invalidate();
response.sendRedirect("index.jsp");
%></pre>
<h3 style="color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">
<strong>prosesregis.jsp</strong></h3>
<pre class="lang:java decode:true " style="background: rgb(244, 244, 244) !important; border: 1px solid rgb(204, 204, 204) !important; color: #333333; font-family: 'Courier 10 Pitch', Courier, monospace !important; font-size: 13px; margin-bottom: 1.5em !important; min-height: 1.5em; padding: 0.3em 0.5em !important;" title="prosesregis.jsp"><%@ page import ="java.sql.*" %>
<%
    String user = request.getParameter("username");    
    String pwd = request.getParameter("password");
    String email = request.getParameter("email");
    Class.forName("com.mysql.jdbc.Driver");
    Connection con = DriverManager.getConnection("jdbc:mysql://localhost:3306/belajar",
            "root", "");
    Statement st = con.createStatement();
    //ResultSet rs;
    int i = st.executeUpdate("insert into admin( email, username, password, regdate) values ('" + email + "','" + user + "','" + pwd + "', CURDATE())");
    if (i > 0) {
        //session.setAttribute("userid", user);
        response.sendRedirect("welcome.jsp");
       // out.print("Registration Successfull!"+"<a href='index.jsp'>Go to Login</a>");
    } else {
        response.sendRedirect("index.jsp");
    }
%></pre>
<h3 style="color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">
<strong>Registrasi.jsp</strong></h3>
<pre class="lang:php decode:true" style="background: rgb(244, 244, 244) !important; border: 1px solid rgb(204, 204, 204) !important; color: #333333; font-family: 'Courier 10 Pitch', Courier, monospace !important; font-size: 13px; margin-bottom: 1.5em !important; min-height: 1.5em; padding: 0.3em 0.5em !important;" title="registrasi.jsp"><html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Registration</title>
    </head>
    <body>
        <form method="post" action="prosesregis.jsp">
            <center>
            <table border="1" width="30%" cellpadding="5">
                <thead>
                    <tr>
                        <th colspan="2">Enter Information Here</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>Username</td>
                        <td><input type="text" name="username" value="" /></td>
                    </tr>
                    <tr>
                        <td>Password</td>
                        <td><input type="password" name="password" value="" /></td>
                    </tr>
                    <tr>
                        <td>Email</td>
                        <td><input type="text" name="email" value="" /></td>
                    </tr>
                    <tr>
                        <td><input type="submit" value="Submit" /></td>
                        <td><input type="reset" value="Reset" /></td>
                    </tr>
                    <tr>
                        <td colspan="2">Already registered!! <a href="index.jsp">Login Here</a></td>
                    </tr>
                </tbody>
            </table>
            </center>
        </form>
    </body>
</html>
</pre>
<h3 style="color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">
<strong>sukses.jsp</strong></h3>
<pre class="lang:java decode:true " style="background: rgb(244, 244, 244) !important; border: 1px solid rgb(204, 204, 204) !important; color: #333333; font-family: 'Courier 10 Pitch', Courier, monospace !important; font-size: 13px; margin-bottom: 1.5em !important; min-height: 1.5em; padding: 0.3em 0.5em !important;"><%
    if ((session.getAttribute("userid") == null) || (session.getAttribute("userid") == "")) {
%>
You are not logged in<br/>
<a href="index.jsp">Please Login</a>
<%} else {
%>
Welcome <%=session.getAttribute("userid")%>
<a href='logout.jsp'>Log out</a>
<%
    }
%></pre>
<h3 style="color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif;">
<strong>welcome.jsp</strong></h3>
<pre class="lang:perl decode:true " style="background: rgb(244, 244, 244) !important; border: 1px solid rgb(204, 204, 204) !important; color: #333333; font-family: 'Courier 10 Pitch', Courier, monospace !important; font-size: 13px; margin-bottom: 1.5em !important; min-height: 1.5em; padding: 0.3em 0.5em !important;" title="sukse.jsp">registrasi berhasil <br>
silahkan login <a href='index.jsp'>Go to Login</a></pre>
<div style="color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 16px; line-height: 24px;">
Sekarang coba jalankan dan rasakan sensasinya.</div>
<div style="color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 16px; line-height: 24px;">
Tutorial diatas hanya menggunakan jsp file jadi semua proses koneksi dan model di lakukan oleh jsp.<br />
cara ini sangat tidak efektif jika kita membuat web dengan skala yg cukup besar. Oleh karena itu perlu adanya pemisahan antara class koneksi dan model maupun controller, atau yang biasa kita sebut dengan MVC (Model-View-Controller) dimana jsp hanya menangani view saja sedangkan Model oleh java class dan Controller oleh servlets.</div>
<div style="color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 16px; line-height: 24px;">
next tutorial kita akan mencoba membuat session login dan registrasi dengan struktur MVC..</div>
<div style="color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 16px; line-height: 24px;">
stay tune terus ya ;)</div>
<div style="color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 16px; line-height: 24px;">
jika anda mengalami ke sulitan silahkan download kode program di bawah ini.</div>
<div style="color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 16px; line-height: 24px;">
</div>
<div style="color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 16px; line-height: 24px;">
</div>
<div style="color: #333333; font-family: Georgia, 'Times New Roman', 'Bitstream Charter', Times, serif; font-size: 16px; line-height: 24px;">
<a href="http://www.fikriansyah.net/simpel-login-dan-registrasi-dengan-jsp/" target="_blank">Download</a></div>
</div>

Login dan registrasi dengan JSP

Hujan-hujan begini memang enaknya nulis artikel.hehehe seperti janji saya kemarin, Baca: Cara membuat web sederhana denga java . ka...

+ Baca selengkapnya »

Login dan registrasi dengan JSP

Cara mengatasi blog terkena google sandbox