seperti janji saya kemarin, Baca: Cara membuat web sederhana denga java.
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.
- Simpel login dan registrasi dengan JSP
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");
}
%>
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>
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>
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.
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.
next tutorial kita akan mencoba membuat session login dan registrasi dengan struktur MVC..
stay tune terus ya ;)
jika anda mengalami ke sulitan silahkan download kode program di bawah ini.
mantap sob
BalasHapusthanks
Hapus