SPL Berbasis Web – Koneksi Database Ke Program ASP.Net-Vb.Net

Berikut ini adalah cara bagaimana kita membuat koneksi Database kedalam ASP.Net-Vb.Net. mari kita langsung saja mulai cara membuatnya.

1.Langkah pertama, buka project VB yang telah kita buat sebelumnya, dan pada Solution Explorer bagian bawah terdapat Web.config, lalu buka Web.config tersebut.001

 

2.Setelah Itu cari source connectionString, lalu tambahkan Source seperti gambar dibawah ini.002

 

3. lalu Buat Form baru dengan cara, pada Solution Explorer pilih LatihanWeb, klik kanan lalu pilih Add New Items.003

 

4. Selanjutnya pilih Web Form, lalu beri nama FormGridView.aspx dan jangan lupa untuk meceklis select masterpage, lalu klik OK.004

 

5. Lalu muncul  jendela select a Master Page, terus pilih Latihan.Master atau Master page yang telah kita buat, dan selanjutnya klik OK.005

 

6. Lalu akan muncul tampilan seperti  dibawah ini:006

 

7. Setelah itu pada Content3 kita isi dengan source code seperti ini:007

 

 

8.Lalu kita pindah ke tampilan Design, jika source code yang diinput benar maka tampilan designnya akan seperti dibawah ini:008

 

9.Selanjutnya kita klik panah diatas pojok pada table, lalu pada choose Data Source ada pilihan (none).010

 

10. Pada pilihan (None) itu kita klik dan pilih <New Data Source>010

 

11. Maka akan muncul jendela seperti dibawah ini:011

 

12.Berikutnya kita pilih SQL Database lalu klik OK012

 

13. Selanjutnya akan muncul jendela configure Data Source, lalu kita pilih dan klik con_sttm seperti gambar dibawah ini dan kita klik OK.013.png

 

14. Selanjutnya kita masuk lagi ke tampilan Configure Data Source, Disini kita pilih Spesify a custom SQL Statement or stored procedure. lalu klik Next.014.png

 

15. Disini kita disuruh untuk mengisi Query dan kita telah membuat Query Join 3 Table pada SQL Server sehingga kita hanya copy paste query join itu kedalam kotak SQL Statement. lalu klik NEXT.015

 

16. Setelah itu ada jendela baru dimana kita disarankan untuk test Query agar Query yang kita buat berhasil atau tidak. jika ingin test Query klik Test Query, maka table join kita akan muncul.016

 

17. Setelah selesai test Query, kita klik Finish.017

 

18. Maka ditampilkan Design kita akan muncul seperti ini.018

 

19. Dan Hasilnya waktu dijalankan seperti ini.019.png

20.Selesai

 

Dan Berikut Source Code dan Query Join SQL Server :

  • Source Code Pada Web.Config.

<add name=”con_sttm” providerName=”System.Data.SqlClient” ConnectionString=”Data Source=ABDULAZIS-PC\KOMPUTER ;Initial Catalog=Latihan; User ID=sa; Password=1234″/>

 

  • Source Code pada Form GridView
<asp:GridView ID=”GrvMahasiswa” runat=”server” AutoGenerateColumns=”False” DataSource ID=
“SqlDataSource1”>
<Asp:GridView>
  • Query Join SQL Server.
Select a.Mahasiswa_ID, a.NIM, a.Nama, a.Tempat_Lahir, a.Tanggal_

Konfigurasi Dasar CodeIgniter

Selamat malam kawan semua, bagaimana kabarnya? semoga baik baik saja yah. Malam ini kita akan ...

Learn more

Cara Daftar Google Adsense Indonesia Agar Cepat Diterima

Google Adsense adalah salah satu program PPC (Pay Per Click) yang paling banyak digemari oleh ...

Learn more
Share This:Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedInPin on Pinterest

Leave a Reply

Your email address will not be published. Required fields are marked *