Membuat form login di ASP.NET C#
Buat design
login dengan menggunakan :
Label untuk membuat header, username dan password, 2
buah textbox untuk membuat text username
dan text password, dan tambahkan 2 label lagi disamping textbox untuk validasi
username dan password apakah benar atau salah, dan biarkan tetap kosong karna
pengaktivanya dari script validasi,dan 1 button buat login ke aplikasi.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="masterpage.Login" %>
<!DOCTYPE html
PUBLIC "-//W3C//DTD
XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Form Login</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<table>
<tr><td colspan="2" class="style2"
style="background-color: #FF66CC; color: #000080; text-align: center; font-size: large;">Silakan Login Untuk Masuk Ke
Aplikasi</td>
</tr>
<tr
style="background-image:
url('http://localhost:3116/gambar/go green.jpg')">
<td rowspan="2">
<img alt="" class="style1" longdesc="http://localhost:3116/gambar/kunci.png"
src="http://localhost:1235/gambar/kunci.png" /></td>
<td> <table>
<tr><td>Username:</td>
<td><asp:TextBox ID="Textusername" runat="server"></asp:TextBox></td>
<td><asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server"
ControlToValidate="Textusername" ErrorMessage="mohon masukkan Nama dengan benar" ForeColor="#660033"></asp:RequiredFieldValidator>
</td>
</tr>
<tr><td>Password:</td>
<td><asp:TextBox ID="Textpassword" TextMode="Password" runat="server"></asp:TextBox>
</td>
<td><asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"
ControlToValidate="Textpassword" ErrorMessage="mohon masukkan password dengan benar"
ForeColor="#660033"></asp:RequiredFieldValidator>
</td>
</tr>
<tr><td></td>
</tr>
<tr><td><asp:Button ID="Buttonlogin" runat="server" Text="Log In"
onclick="Buttonlogin_Click"/></td>
<td><asp:Label ID="Label1" runat="server"></asp:Label></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
Pastikan anda sudah
membuat database nya di sql server 2008, disini penulis menggunakan database
dengan nama “APPRAISAL” dan nama
tabelnya “USERS”
Queri membuat
database sebagai berikut :
CREATE DATABASE
APPRAISAL kemudian uxecute.
Buat table users:
CREATE TABLE USERS (
ID_USER CHAR(6)
PRIMARY KEY,
USERNAME VARCHAR(25),
PASSWD VARCHAR(25)
);
Kemudian execute. Klw
sudah sukses input datanya seperti dibawah ini :
insert into
users values('100','andra','andra');
insert into
users values('101','murtani','murtani1');
insert into
users values('102','anita','anita1');
hasilnya seperti
dibawah ini:
Masukkan datanya
sebagai berikut:
Klik 2 kali button login dan masukkan koding di
bawah ini :
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;
using System.Data.SqlClient;
namespace masterpage
{
public partial class Login : System.Web.UI.Page
{
protected
void Page_Load(object
sender, EventArgs e)
{
}
protected
void Buttonlogin_Click(object
sender, EventArgs e)
{
SqlConnection
con = new SqlConnection(@"Data Source=zainal\sqlexpress;Integrated
Security=SSPI;Initial Catalog=appraisal");
SqlCommand
cmd = new SqlCommand("select * from users where username=@username and
passwd=@password", con);
cmd.Parameters.AddWithValue("@username", Textusername.Text);
cmd.Parameters.AddWithValue("@password", Textpassword.Text);
SqlDataAdapter
sda = new SqlDataAdapter(cmd);
DataTable
dt = new DataTable();
sda.Fill(dt);
con.Open();
Int32
i = cmd.ExecuteNonQuery();
con.Close();
if
(dt.Rows.Count > 0)
{
Session["id"] = Textusername.Text;
Response.Redirect("HOME.aspx");// nama form yang akan
dituju ketika login berhasil
Session.RemoveAll();
}
else
{
Label1.Text = "Maaf Username salah";
Label1.Text = "Maaf Password salah";
}
}
}
}
Script logout
protected void
Buttonkeluar_Click(object sender, EventArgs e)
{
Session.Abandon();
Session.Clear();
Response.Redirect("login.aspx");
}
script simpan ini digunakan bilamana tombol simpan di form save_karyawan di klik. 