Masterpage ASP.NET dengan Koneksi SQL Server 2008

Kali ini saya akan menjelaskan mengenai pembuatan web menggunakan ASP.NET dan koneksi ke Database menggunakan SQL Server 2008.

1. Membuat Masterpage dan Mengimport Template CSS pada ASP.NET

Pertama, anda download templatenya terlebih dahulu, bisa klik disini, buka lokasi penyimpanan template tersebut pada komputer, lalu ekstrak file .zip tersebut agar menjadi sebuah folder,

Kemudian buka Visual Studio 2008, buat Empty Web Site,


Setelah Empty Web Site terbuat, klik kanan pada Empty Web Site >> Add New Item...


Pilih Master Page, kemudian klik Add,


Selanjutnya copy folder template yang sudah di ekstrak tadi ke dalam Empty Web Site yang anda buat,

Buka file Index.html,



Copy script diantara <body>...</body>,

Paste script pada source Master Page, di bawah <form id=”form1″ runat=”server”>,

Pindahkan contenplaceholder ke lokasi yang diinginkan,

Selanjutnya, paste default.css source Masterpage, pada tag <heading>…</heading>



Kemudian buat Web Form Baru, dengan cara klik kanan pada Empty Web Site >> Add New Item...



Pilih Web Form, centang select masterpage, pilih masterpage yang sudah diberikan template. Kemudian klik OK.



2. Membuat Database dan Table pada SQL Server 2008

Pertama-tama buka SQL Server 2008 Management Studio,

Klik kanan pada Databases, klik New Database...


Untuk membuat table, buka tanda [+] pada database yang anda buat tadi klik kanan pada Table, kemudian klik New Table...


Buat table-table yang di butuhkan, dan save table tersebut.


3. Menampilkan Table pada Web Form

Add connection pada Visual Studio 2008,


Setting koneksinya


Drag table price pada halaman web form yang nantinya akan menampilkan data harga gambar


Selanjutnya, desainlah web form entry data gambar,


Double klik form entry data harga gambar,


Isikan source code berikut :


Selesai.

Berikut tampilan awal homepage :



Berikut tampilan halaman entry data harga gambar :



Berikut tampilan daftar harga gambar jika data sudah di masukan :





2 komentar:

  1. manatap tutorialnya gan ane mau ikutan coba juga bikin di visual studio 2012 Jual Batu Permata Bungbulang

    BalasHapus
    Balasan
    1. Silakan gan.. Senang bisa membantu.

      Hapus

 

Blogroll

Penawaran Menarik