Cara Menampilkan Kode Kamar Secara Otomatis ke Button di C# dengan Database MySql

Bagi anda yang sekarang mencari bagaimana cara menambahkan button sekaligus mengkoneksikannya dengan database wajib membaca artikel ini. Disini saya mengambil contoh bagaimana cara menampilkan value kode kamar hotel dari database ke button dan mengaturnya menarik.

Pastikan bahwa XAMPP Control pada MySql Dan Apache sudah dalam keadaan START
Lalu buat Database dengan code berikut di MySql

-- phpMyAdmin SQL Dump
-- version 4.2.7.1
-- http://www.phpmyadmin.net
--
-- Host: 127.0.0.1
-- Generation Time: 15 Feb 2017 pada 08.38
-- Versi Server: 5.5.39
-- PHP Version: 5.4.31

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
SET time_zone = "+00:00";


/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8 */;

--
-- Database: `hotetl`
--

-- --------------------------------------------------------

--
-- Struktur dari tabel `tbl_kamar`
--

CREATE TABLE IF NOT EXISTS `tbl_kamar` (
  `no_kamar` varchar(30) NOT NULL,
  `lokasi_kamar` varchar(30) NOT NULL,
  `jenis_kamar` varchar(30) NOT NULL,
  `harga_sewa` varchar(30) NOT NULL,
  `status_kamar` varchar(30) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

--
-- Dumping data untuk tabel `tbl_kamar`
--

INSERT INTO `tbl_kamar` (`no_kamar`, `lokasi_kamar`, `jenis_kamar`, `harga_sewa`, `status_kamar`) VALUES
('A-01', 'Lantai-1', 'Reguler', '100000', 'Kosong'),
('A-02', 'Lantai-1', 'Reguler', '100000', 'Terisi'),
('A-03', 'Lantai-1', 'Reguler', '100000', 'Kosong'),
('A-04', 'Lantai-1', 'Reguler', '100000', 'Kosong'),
('A-05', 'Lantai-1', 'Reguler', '100000', 'Kosong'),
('B-01', 'Lantai-2', 'Reguler', '100000', 'Kosong'),
('B-02', 'Lantai-2', 'Reguler', '100000', 'Kosong'),
('B-03', 'Lantai-2', 'Reguler', '100000', 'Kosong'),
('B-04', 'Lantai-2', 'Reguler', '100000', 'Kosong'),
('B-05', 'Lantai-2', 'Reguler', '100000', 'Kosong'),
('C-01', 'Lantai-3', 'Kelas-1', '150000', 'Kosong'),
('C-02', 'Lantai-3', 'Kelas-1', '150000', 'Kosong'),
('C-03', 'Lantai-3', 'Kelas-1', '150000', 'Kosong'),
('C-04', 'Lantai-3', 'Kelas-1', '150000', 'Kosong'),
('C-05', 'Lantai-3', 'Kelas-1', '150000', 'Kosong'),
('D-01', 'Lantai-4', 'Kelas-1', '150000', 'Kosong'),
('D-02', 'Lantai-4', 'Kelas-1', '150000', 'Kosong'),
('D-03', 'Lantai-4', 'Kelas-1', '150000', 'Kosong'),
('D-04', 'Lantai-4', 'Kelas-1', '150000', 'Kosong'),
('D-05', 'Lantai-4', 'Kelas-1', '150000', 'Kosong'),
('E-01', 'Lantai-5', 'Kelas-2', '250000', 'Kosong'),
('E-02', 'Lantai-5', 'Kelas-2', '250000', 'Kosong'),
('E-03', 'Lantai-5', 'Kelas-2', '250000', 'Kosong'),
('E-04', 'Lantai-5', 'Kelas-2', '250000', 'Kosong'),
('E-05', 'Lantai-5', 'Kelas-2', '250000', 'Kosong');

--
-- Indexes for dumped tables
--

--
-- Indexes for table `tbl_kamar`
--
ALTER TABLE `tbl_kamar`
 ADD PRIMARY KEY (`no_kamar`);

/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;

1. Buat project baru seperti biasa
2. Klik kanan project lalu pilih Add->Class , namai Class1.cs

3. Klik kanan project lalu pilih Add Reference, klik tab .NET lalu cari MySql.Data(Sebelumnya instal terlebih dahulu MySqlConnector/link dibawah)

4. Setelah itu beri kode Class1.cs dengan code berikut 
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using MySql.Data.MySqlClient;
using System.Data;
using System.Windows.Forms;
namespace ButtonDynamically
{
    class Class1
    {
        MySqlConnection conn = null;
        string strkoneksi = "server=localhost;uid=root;pwd=;database=hotetl;";
        MySqlDataReader dr = null;
        MySqlCommand cmd = null;
        public DataTable BukaTable(string opokoe)
        {
            conn = new MySqlConnection(strkoneksi);
            try
            {
                conn.Open();
                cmd = new MySqlCommand(opokoe, conn);
                dr = cmd.ExecuteReader();
            }
            catch (MySqlException ex)
            {
                MessageBox.Show(ex.Message);
            }
            DataTable dt = new DataTable();
            dt.Load(dr);
            dr.Close();
            conn.Close();
            return dt;
        }
    }
}
 

4. Setelah itu masukkan FlowLayoutPanel1 di ToolBox ke Form1[Design]

5. Kembali ke Form1[Design] lalu cari Form1_Load di Events Properties

6. Lalu beri kode  Form1_Load tersebut dengan kode berikut

        private void Form1_Load(object sender, EventArgs e)
        {
            var button = new Button();
            Module db = new Module();
            DataTable dt = new DataTable();
            string perintah = "select * from tbl_kamar";
            dt = db.BukaTable(perintah);
            foreach (DataRow x in dt.Rows)
            {
                Button b = new Button();
                if (x[4].ToString() == "Kosong")
                {
                    b.BackColor = Color.Wheat;
                }
                else if (x[4].ToString() == "Booking")
                {
                    b.BackColor = Color.Yellow;
                }
                else if (x[4].ToString() == "Terisi")
                {
                    b.BackColor = Color.Red;
                }
                b.FlatStyle = FlatStyle.Flat;
                b.Size = new Size(100, 100);
                b.Text = x[0].ToString();
                flowLayoutPanel1.Controls.Add(b);
                b.Cursor = Cursors.Hand;
            }
        }
7. Jalankan project dengan menekan F5
Keterangan : 
-Apabila kamar terisi maka background button menjadi merah
-Apabila kamar booking maka background button menjadi kuning
-Apabila kamar kosong maka background button menjadi putih 
Download Source Code :  Link 1 | Link 2 
Link download MySqlConnector : Disini   

Deri Kokara

Author & Editor

Kenalkan saya Deri Komara, saya hanya seorang pelajar yang ingin membagi ilmu dengan para pencari ilmu di dunia fana ini.