CRUD C# Asp.Net dengan MySql Server (3)

Back To titik titik titik

Oke setelah sudah membuat designnya selesai saatnya kita beraksi maksudnya gimana sih supaya design itu berfungsi, nah disinilah tugas kita untuk menyelesaikannya..

Let's goooo...

Kan designnya sudah jadi tuh, coba pas pada tampilan Design di klik 2x di salah satu buttonnya, atau bisa juga masih dalam keadaan "Source" pilih label/text/button di klik kanan pilih View Code nanti akan keluar halaman "Contact.aspx.cs" nah disini nanti kita akan buat perintahnya..

oke kita mulai yaaa.. tarik nafas dulu guys.. saya kasih warna merah yg harus di ketik yaa..

using System;
using System.Data;
using System.Collections.Generic;
using System.Data.SqlClient;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace CrudContact
{
    public partial class Contact : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

    //Muncul seperti diatas kaan "Contact.aspx.cs"

//Kita buat Koneksi dulu dengan Mysql Servernya diabawah partial class

public partial class Contact : System.Web.UI.Page

    {

        SqlConnection sqlCon = new SqlConnection(@"Data Source=(LocalDB)\MSSQLLocalDB;Initial Catalog=CRUD2;Integrated Security=true;");  //Data Source itu kamu simpan database tadi dimana, Catalog nama Databasenya apa

//Lalu Dibawahnya koneksi, itu diisi ini  

protected void Page_Load(object sender, EventArgs e)
        {
            IF (!IsPostBack)
            {
                btnDelete.Enabled = false;
                 GrillView();                 //panggil GrillView, kodenya ada dibawah, klo belum dibuat dihapus dulu aja biar ga error
            }

        }

        

//Kita Buat untuk Button Clear dulu yaaah

 protected void btnClear(object sender, EventArgs e)
        {
            Clear();
        }

        private void Clear()
        {
            hvContactID.Value = "";
            txtAddress.Text = txtMobile.Text = txtName.Text = "";
            lblerror.Text = lblsuccess.Text ="";
            btnDelete.Enabled = false;
            btnSave.Text = "Save";
        }

//Nah sudah kita buat button Clear, bisa kita coba jalankan pilih Browser anda kalau saya pakai google chrome 

//Coba di isi textboxnya, jika sudah diisi semua coba klik Button Clear apakah hilang atau tidak, kalau hilang berarti berhasil

//Oke kita lanjut ngoding lagi

// Sekarang kita buat di Button Save

protected void btnSave(object sender, EventArgs e)

        {

            if (sqlCon.State == ConnectionState.Closed)              //untuk panggil variabel koneksi "sqlCon"

                sqlCon.Open();

            SqlCommand sqlCmd = new SqlCommand("SaveOrUpdate", sqlCon);                   //untuk panggil query "SaveOrUpdate"

            sqlCmd.CommandType = CommandType.StoredProcedure;                                  //untuk panggil letak query pada folder StoredProcedure

            sqlCmd.Parameters.AddWithValue("@ContactID", (hvContactID.Value == "" ?:Convert.ToInt32(hvContactID.Value)));                         //Cara menambahkan Contact ID

            sqlCmd.Parameters.AddWithValue("@Name", txtName.Text.Trim());        //Cara menambahkan Name

            sqlCmd.Parameters.AddWithValue("@Mobile", txtMobile.Text.Trim());     //Cara menambahkan Mobile

            sqlCmd.Parameters.AddWithValue("@Address", txtAddress.Text.Trim());      //Cara menambahkan Address

            sqlCmd.ExecuteNonQuery();

            sqlCon.Close();                   //Koneksi di tutup

            string contactId = hvContactID.Value;         //Ini fungsinya untuk melihat berdasarkan ID

            Clear();

            if (contactId=="")

            {

                lblsuccess.Text = "Save successsfully";

            }

            else

            {

                lblsuccess.Text = "Update successsfully";          

            } GrillView();                 //panggil GrillView

        }

// Supaya tampil di gridview

private void GrillView()
        {
            if (sqlCon.State == ConnectionState.Closed)
                sqlCon.Open();
            SqlDataAdapter sqlDa = new SqlDataAdapter("ViewAll", sqlCon);                 //jika memanggil gunakan SqlDataAdapter untuk mengambil data pada query "ViewAll"
            sqlDa.SelectCommand.CommandType = CommandType.StoredProcedure;    //untuk panggil letak query pada folder StoredProcedure
            DataTable dtbl = new DataTable();  //membuat variabel data tabel
            sqlDa.Fill(dtbl);
            gvContact.DataSource = dtbl;    //untuk mengisi / melihat data pada grid view
            gvContact.DataBind();

        }


// Kan ada kolom Action View, Nah ini kita panggil Idnya "lnkView_Click" supaya nanti tampil di desaign bisa kita hapus atau update

        protected void lnkView_Click(object sender, EventArgs e)              //untuk memanggil action view berdasarkan ID 
        {
            int ContactID = Convert.ToInt32((sender as LinkButton).CommandArgument );  
            if (sqlCon.State == ConnectionState.Closed)
                sqlCon.Open();
            SqlDataAdapter sqlDa = new SqlDataAdapter("ViewByID", sqlCon);
            sqlDa.SelectCommand.CommandType = CommandType.StoredProcedure;
            sqlDa.SelectCommand.Parameters.AddWithValue("@ContactID", ContactID);
            DataTable dtbl = new DataTable();
            sqlDa.Fill(dtbl);
            sqlCon.Close();
            hvContactID.Value = ContactID.ToString();                          //untuk menampilkan pada designn
            txtName.Text = dtbl.Rows[0]["Name"].ToString();
            txtMobile.Text = dtbl.Rows[0]["Mobile"].ToString();
            txtAddress.Text = dtbl.Rows[0]["Address"].ToString();
            GrillView();
            btnDelete.Enabled = true;
            btnSave.Text = "Update";

        }


//Terakhir niiih buat button Delete

        protected void btnDelete(object sender, EventArgs e)
        {
            if (sqlCon.State == ConnectionState.Closed)
                sqlCon.Open();
            SqlCommand sqlCmd = new SqlCommand("DeleteById", sqlCon);
            sqlCmd.CommandType = CommandType.StoredProcedure;
            sqlCmd.Parameters.AddWithValue("ContactID",Convert.ToInt32(hvContactID.Value));
            sqlCmd.ExecuteNonQuery();
            sqlCon.Close();
            GrillView();
            lblsuccess.Text = "Delete Sukses";
            Clear();
        }

    }
}


//....................Silahkan coba di run, semoga berhasil yaaa...

Selesai daaah..
Semoga bermanfaat..
Sampai jumpa di tutorial selanjutnyaa...
Wassalamualaikum..

Read more »

CRUD C# Asp.Net dengan MySql Server (2)

Oke masih sambungan dari CRUD C# Asp.Net dengan MySql Server (1)

Kali ini kita berkutik pada Visual Studio, setelah kemarin kita membuat Query pada Mysql server.
Baik langsung saja kita mulai... Yuhuuuu...

1. Buat Project Baru
    Saya buat pada Visual Studio 2015, buka new Project -> Web -> ASP.Net Web Application (.NET Framework), buat nama CrudContact -> Ok -> Empty -> isi TestProjectName: CrudContact

2. Kita akan buat tampilan semacam ini;

  

    Klik Toolbar pilih View lalu pilih Solution Explorer, kemudian muncul sebelah kanan dilayar lalu klik kanan nama Project kita "CrudContact" -> pilih Add -> Web Form -> isi dengan nama "Contact"  -> Ok. dan muncullah halaman kode.

3. Saatnya ngoding..

    Untuk lebih simpel atau lebih mudah, kita klik View -> Toolbox dan muncul sebelah kiri di layar kita, Toolbox ini supaya lebih mudah gausah ngetik2 lagi tinggal drag aja.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Contact.aspx.cs" Inherits="CrudContact.Contact" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <meta name="description" content="The description of my page" />

</head>

<body>

    <form id="form1" runat="server">

    <div>

        <asp:HiddenField ID="hvContactID" runat="server" />      //drag HiddenField pada Toolbox //untuk ContactId dan ganti Id = hvContactID

        <table>

            <tr>

                <td>

                    <asp:Label ID="Label1" runat="server" Text="Name"></asp:Label>   //drag label dan ganti text 

                </td>

                <td>

                    <asp:TextBox ID="txtName" runat="server"></asp:TextBox>  //drag TextBox dan ganti IDnya

                </td>

            </tr>

            <tr>

                <td>

                    <asp:Label ID="Label2" runat="server" Text="Mobile"></asp:Label>

                </td>

                <td>

                    <asp:TextBox ID="txtMobile" runat="server"></asp:TextBox>

                </td>

            </tr>

            <tr>

                <td>

                    <asp:Label ID="Label3" runat="server" Text="Address"></asp:Label>

                </td>

                <td>

                    <asp:TextBox ID="txtAddress" runat="server" TextMode="MultiLine"></asp:TextBox>

                </td>

            </tr>

            <tr>

                <td>

                    

                </td>

                <td>

                    <asp:Button ID="btnSave" runat="server" Text="Save" ForeColor="Blue" />    //drag Button dan ganti ID dan Text

                    <asp:Button ID="btnDelete" runat="server" Text="Delete"   />   //drag Button dan ganti ID dan Text

                    <asp:Button ID="btnClear" runat="server" Text="Clear" ForeColor="BlueViolet" />    //drag Button dan ganti ID dan Text

                </td>

            </tr>

            <tr>

                <td>

                    <asp:Label ID="lblsuccess" runat="server" Text="" ForeColor="Green"></asp:Label>          //drag label dan ganti ID

                </td>

                <td>

                    <asp:Label ID="lblerror" runat="server" Text=""  ForeColor="Tomato"></asp:Label>

                </td>

            </tr>

        </table>

Istirahat dulu sebentar sambil kita lihat design kita klik "Design"

dan hasilnya terlihat seperti ini bukaaan,,,

kita lanjutnya dibawahnya yang tadi yaaa...

kali ini kita buat design untuk menampilkan semua data yang sudah masuk atau tersimpan, kali ini kita pakai "GridView" ada pada kolom Toolbox pada bagian Data (scroll kebawah toolbox)

        <br />

        <asp:GridView ID="gvContact" runat="server" AutoGenerateColumns="false">  //drag GridView 

            <Columns>

                <asp:BoundField DataField="Name" HeaderText="Name" />

                <asp:BoundField DataField="Mobile" HeaderText="Mobile" />

                <asp:BoundField DataField="Address" HeaderText="Address" />

                <asp:TemplateField HeaderText="Action">

                    <ItemTemplate>

                        <asp:LinkButton ID="lnkView" runat="server" CommandArgument='<%# Eval("ContactID") %>' OnClick="lnkView_Click" >View</asp:LinkButton>  //ini untuk kita melihat View By Id

                    </ItemTemplate>

                </asp:TemplateField>

                

            </Columns>

        </asp:GridView>

    </div>

    </form>

</body>

</html>

kita pilih design lagi buat lihat hasilnya sama seperti gambar paling atas kaaan..

( Bersambung ke halaman selanjutnya lagi yaaaaa...)

Read more »

CRUD C# Asp.Net dengan MySql Server (1)

Bismillahirrahmanirrahim

Assalamualaikum guys.

Sudah lama saya tidak uplod tentang dunia programming, oke langsung saja kita mulai saya pun juga belajar dan baru mengenal tentang bahasa C# (CSharp) jadi kita sama-sama belajar yaa..
Kali ini saya akan membagi hasil pelajaran saya yaitu CRUD atau lebih jelasnya Create, Update, Delete dengan MySql Server.

Saya menggunakan Visual Studio 2015 dan MySql Server v.18.4. Bagi yang belum silahkan donlod cari di googel sudah banyaaak ya, jangan putus semangat..

Langsung saja kita mulai langkah pertama..

1. Buka MySql Servernya, lalu buat Database dengan nama "ASPCRUD" dan buat tabel dengan nama "Contact", jika sudah kita buat fieldnya yaitu 
ContactID int,  => Primary Key dan jadikan sebagai Identiy Column
Name varchar(50), 
Mobile varchar (50),
Address varchar (250)

2. Selanjutanya masih di MySql Server, kita klik New Query

(Klik New Query)

Jika sudah terbuka lembar kosong, kita isi querynya

a.) Membuat Query Save dan Update

     CREATE PROC CreateOrUpdate

     @ContactID int,

     @Name varchar(50),

     @Mobile varchar(50)

     @Address varchar(250),

     AS

     BEGIN

               IF(@ContactID=0)

            BEGIN

                  INSERT INTO Contact(Name, Address, Mobile)

                  VALUES(@Name,@Address,@Mobile)

            END

               ELSE

            BEGIN 

                 UPDATE Contact

                 SET

                  Name = @Name,

                  Address = @Address,

                  Mobile = @Mobile

                 WHERE ContactID= @ContactID

           END

      END

     Jika sudah mengisi perintah tersebut kita Klik Execute 

     
    Nanti ada keterangan dibawahnya ;

   Jika sudah berhasil, coba Refresh dan lihat hasilnya pada Folder Programmability -> Stored Procedures

b.) Kita buat View All
     Jika sudah ada pesan berhasil, kita hapus query yang tadi lalu diganti seperti ini;
     CREATE PROC ViewAll
     AS
BEGIN
       SELECT * 
       FROM Contact
END

    Sama seperti diatas, klik Execute dan ada pesan berhasil lalu lihat pada folder Stored Procedures

c.) Buat View Berdasarkan Id
     CREATE PROC ViewById    
     @ContactID int
     AS
BEGIN
      SELECT *
      FROM Contact
     WHERE ContactId = @ContactID
END

     Sama seperti diatas, klik Execute dan ada pesan berhasil lalu lihat pada folder Stored Procedures

d.) Buat Delete Berdasarkan Id
     CREATE PROC DeleteById    
     @ContactID int
     AS
BEGIN
      DELETE 
      FROM Contact
     WHERE ContactId = @ContactID
END
    
    Sama seperti diatas, klik Execute dan ada pesan berhasil lalu lihat pada folder Stored Procedures
    Jika sudah semua selamat anda telah berhasil membuat query pada MySql Server..
    Pastikan semua sudah tersedia pada folder Stored Procedures;
    dbo.CreateOrUpdate
    dbo.ViewAll
    dbo.ViewById 
    dbo.DeleteById

Oke kita bisa minimize MySql Server kita dan selanjutnya kita buka Visual Studio kita.  


(Bersambung... Pindah ke halaman selanjutnya yaaa..)
     

Read more »