Pada Post kali ini saya akan memberikan contoh bagaimana kita dengan mudah membuat sebuah halaman website dengan menggunakan asp.net dan pada halaman tersebut kita menampilkan data dari database yang telah kita buat (pada contoh ini saya membuat database dengan SQLServer 2008 R2).
sedikit pengertian ASP dan SQL Server :
Asp adalah singkatan dari Active Server Pages yang merupakan salah satu bahasa pemograman web untuk menciptakan halaman web yang dinamis. ASP merupakan salah satu produk tekhnologi yang disediakan oleh Microsoft. SQLServer adalah sistem manajemen database relasional (RDBMS) yang dirancang untuk aplikasi dengan arsitektur client/server, SQLServer juga merupakan produk yang disediakan oleh microsoft.
Yang anda butuhkan :
1. Visual Studio 2010 /2008
2. Sistem manajemen database : SQL Server 2008 Express
Pertama, buatlah sebuah Database pada SQL Server 2008 (dengan menggunakan SQL Server Management Studio), pada contoh ini saya membuat database “Apotik” dengan sebuah table (NotaBon) yang memiliki beberapa field : No, Tanggal, NamaBarang, Jumlah, HargaSatuan, Harga Total, dan Keterangan.
Buka Visual Studio 2010, Pilih File –> New –>Web Site –> Pilih Template Asp.Net Web Application, dimana saat kita membuat website dengan template ini, sudah tersedia halaman standar berbeda dengan template asp.net Empty Web Site dimana website kita masih belum mempunyai halaman default.
Setelah Web Site anda terbuka, disediakan 3 view Halaman Web site anda, yaitu : Design (Tampilan Sesungguhnya), Split (View antara Design dan Source) dan Source (Melihat Code dibalik halaman tersebut).
Pada Toolbox sebelah kiri ada Item bernama GridView, Drag and drop item tersebut pada halaman anda (ID : GridViewData).
Setelah itu Tambahkan Koneksi pad Server Explorer, dengan nama Server sesuai dengan server yang anda tentukan saat menginstall SQLServer 2008 R2.
Tambahkan Code dibawah ini pada Default.aspx atau halaman lain yang anda tempatkan GridView tersebut :
1: <asp:SqlDataSource ID="DataSourceBon" runat="server" ConnectionString="Data Source=ALYSANGADJI-PC\SQLSERVER;Initial Catalog=Apotik;Integrated Security=True"
2: SelectCommand="SELECT * FROM NotaBon" ProviderName="System.Data.SqlClient" />
3: <asp:GridView ID="GridViewData" runat="server" Width="875px" DataSourceID="DataSourceBon" runat="server"
4: AllowSorting="True" AllowPaging="True" runat="Server" DataKeyField="EmpId"
5: AutoGenerateColumns="False" CellPadding="4" ForeColor="Gray" GridLines="None">
6: <Columns>
7: <asp:BoundField HeaderText="No" DataField="No" />
8: <asp:BoundField HeaderText="Tanggal" DataField="Tgl" />
9: <asp:BoundField HeaderText="Nama Barang" DataField="NamaBarang" />
10: <asp:BoundField HeaderText="Jumlah" DataField="Jumlah" />
11: <asp:BoundField HeaderText="Harga Satuan" DataField="HgSatuan" />
12: <asp:BoundField HeaderText="Harga Total" DataField="HgTotal" />
13: <asp:BoundField HeaderText="Keterangan" DataField="Ket" />
14: </Columns>
15: </asp:GridView>
Hasilnya :
