Scribd Logo
Upload

Welcome to Scribd!

  • Login Dan Registrasi Sederhana Dengan Js

    Uploaded by

    HENDRA
    27 views7 pages
    This document describes how to create a simple dynamic login system using Java Server Pages (JSP). It includes steps to create a database and table, set up a Netbeans project, and code the necessary JSP files for the login, registration, and account validation processes. These JSP files perform database operations directly instead of using a separate model layer. For larger projects, it is better to follow the MVC pattern with separation of concerns between the view, model, and controller components.

    Original Description:

    Original Title

    Login_dan_registrasi_sederhana_dengan_js

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document describes how to create a simple dynamic login system using Java Server Pages (JSP). It includes steps to create a database and table, set up a Netbeans project, and code the necessary JSP files for the login, registration, and account validation processes. These JSP files perform database operations directly instead of using a separate model layer. For larger projects, it is better to follow the MVC pattern with separation of concerns between the view, model, and controller components.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    27 views7 pages

    Login Dan Registrasi Sederhana Dengan Js

    Uploaded by

    HENDRA
    This document describes how to create a simple dynamic login system using Java Server Pages (JSP). It includes steps to create a database and table, set up a Netbeans project, and code the necessary JSP files for the login, registration, and account validation processes. These JSP files perform database operations directly instead of using a separate model layer. For larger projects, it is better to follow the MVC pattern with separation of concerns between the view, model, and controller components.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 7

    Login Dan registrasi dengan

    JSP( java Server Pages)

    kali ini kita akan belajar tentang simpel login dinamis dengan jsp.

    oke deh langsung saja ke tutorialnya.

    1. Pertama kita buat database dengan nama “belajar”.

    2.Buat table dengan nama “admin” lalu isi dengan field berikut ini.

    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;
    3. Buat project baru pada IDE netbeans beri nama “LoginJSP”

    4. Buatlah file JSP sesuai gambar di bawah Ini.


    Masukkan code dibawah ini :

    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>
    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>");
    }
    %>

    Logout.jsp

    <%
    session.setAttribute("username", null);
    session.invalidate();
    response.sendRedirect("index.jsp");
    %>
    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");
    }
    %>

    Sukses.jsp

    <%
    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>
    <%
    }
    %>

    Welcome.jsp
    registrasi berhasil <br>
    silahkan login <a href='index.jsp'>Go to Login</a>
    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>
    Sekarang coba jalankan dan rasakan sensasinya.

    Tutorial diatas hanya menggunakan jsp file jadi semua proses koneksi dan model di
    lakukan oleh jsp.
    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.

    Untuk mendownload projectnya silahkan kunjungi link berikut ini


    http://www.fikriansyah.net/simpel-login-dan-registrasi-dengan-jsp/

    You might also like