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 »

to nda

hai apa kabar kamu..
dari dulu hingga saat ini, sebenernya ku cuma mau kamu ajah yg jadi pendampingku kelak untuk selamanya..
tapi hari ini kamu ingin menjauh dariku, Karna alasan yang selalu kau buat-buat saja.. hidup ini adalah pembelajaran, aku mau bantu kamu kalau kamu mau jadi lebih baik..
tapi kamu paksa terus untuk aku menjauh.. yasudahlah ku takkan memaksa lagi.. Dan Ku pun akan lakukan yang kau pinta, menjauh sejauh mungkin..
terima kasih nda..
your the best

Read more »