Modul AASE 4ASP – ADO – MySQLPada modul ini, kita akan mempelajari beberapa hal, yaitu cara mengkoneksikan ASP dengan ADO, Insert file, upload file, download file dan menampilkan data.

KoneksiSebelum kita melangkah ke cara membuat koneksi di ADO, kita akan membuat sebuah database dan tabel terlebih dahulu. Sama seperti yang telah diajarkan di pertemuan 2, silakan buka Sql Server Management Studio, click connect, pada jendela dibawah ini:

kemudian buatlah sebuah database, dengan cara klik kanan pada database di object Explorer, lalu pilih new database!

buatlah database dengan nama perpus

kemudian, buatlah tabel baru dengan nama tabel buku

masukkan daftar berikut!

kemudian, bukalah visual studio anda, buatlah website baru dengan cara file new website, lalu buatlah halaman seperti dibawah ini:

setelah itu, masuk ke default.aspx.vb, dan ketikkan code berikut! untuk sql connectionnya, gunakan nama komputer kalian. nama komputer bisa dilihat saat membuka sql management studio.

coba jalankan, maka akan tertampil halaman web seperti berikut:

Anda juga dapat mengubah gridview dengan template yang sudah disediakan oleh ASP.net.caranya, klik tanda panah ke kanan pada gridview.

Imports System.Data.SqlClientImports System.DataPartial Class _Default Inherits System.Web.UI.Page Private conn As SqlConnection Private ds As DataSet Private sDa As SqlDataAdapter Private dt As DataTable Dim strSql As String

Protected Sub setKoneksi() conn = New SqlConnection("Data Source=JOICE-LAPPZ\SQLEXPRESS;Initial Catalog=perpus;Integrated Security=True;") End Sub

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load setKoneksi() conn.Open() strSql = "select * from buku" sDa = New SqlDataAdapter(strSql, conn) ds = New DataSet() sDa.Fill(ds, "buku") dt = ds.Tables("buku") Me.GridView2.DataSource() = dt Me.GridView2.DataBind() conn.Close()

End SubEnd Class

kemudian, akan tampil kotak dialog seperti berikut:

contoh:

2. Langkah lain untuk menampilkan data secara manual, tanpa menggunakan grid view dapat dicoba dengan cara dibawah ini:

a. coba buat sebuah halaman webform baru dengan nama default2.aspx!b. kemudian, add halaman web tersebut dengan menambahkan komponen label dari toolbox. tidak usah

menambahkan sebuah gridview.

c. double klik (sembarang) halaman web, kemudian ketikkan kode berikut.

Anda dapat memilih template yang diinginkan! ^^

ketika ditampilkan akan tampak sebagai beikut:

InsertMasih di halaman default2.aspx yang telah kita buat sebelumnya, tambahkanlah halaman tersebut dengan komponen-komponen berupa text, label, textbox dan calendar sehingga menjadi halaman seperti dibawah ini:

txtKode

txtJudul

txtPengarang

txtPenerbittxtTanggal

txtKeterangan

ini label yang tadi

Imports System.Data.SqlClientImports System.DataPartial Class Default2 Inherits System.Web.UI.Page Private conn As SqlConnection Private sqlCmd As SqlCommand Private SqlRdr As SqlDataReader Dim sql, kode, judul, pengarang, penerbit, keterangan, tanggal As String

Protected Sub setKoneksi() conn = New SqlConnection("Data Source=JOICE-LAPPZ\SQLEXPRESS;Initial Catalog=perpus;Integrated Security=True;") End Sub Protected Sub LoadData() Dim cmd As New SqlCommand("select judul,pengarang,penerbit,tanggal_masuk from buku", conn) Dim reader As SqlDataReader = cmd.ExecuteReader() Dim htmlStr As String htmlStr = "<table border=1 width=100%> <tr><td>Judul</td><td>Pengarang</td><td>Penerbit</td><td>Tanggal Masuk</td></tr>" Do While reader.Read() htmlStr &= "<tr><td>" + reader.GetString(0) + "</td><td>" + reader.GetString(1) + "</td><td>" + reader.GetString(2) + "</td><td>" + reader.GetDateTime(3) + "</td></tr>" Loop htmlStr &= "</table>" reader.Close() Label1.Text = htmlStr End Sub

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load setKoneksi() conn.Open() LoadData() conn.Close() End Sub

double click pada calendar, tambahkan kode berikut: Protected Sub Calendar1_SelectionChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles Calendar1.SelectionChanged txtTanggal.Text() = Calendar1.SelectedDate() End Sub

double click pada button, Kemudian tambahkan kode berikut:Jangan lupa tambahkan deklarasi variabel!! untuk variabel kode, judul, pengarang, penerbit, tanggal, dan keterangan.

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click conn.Open() kode = txtKode.Text() judul = txtJudul.Text() pengarang = txtPengarang.Text() penerbit = txtPenerbit.Text() tanggal = txtTanggal.Text() keterangan = txtKeterangan.Text() Try sql = "insert into buku values ('" & kode & "','" & judul & "','" & pengarang & "','" & penerbit & "','" & keterangan & "',' " & tanggal & "')" sqlCmd = New SqlCommand(sql, conn) Dim hasil As Integer = sqlCmd.ExecuteNonQuery() If hasil = 1 Then LoadData() Else MsgBox("Anda gagal memasukkan data. cek kembali inputan Anda") End If Catch ex As Exception Throw New Exception(ex.Message) End Try conn.Close()

End SubEnd Class

UPLOAD FILEuntuk melakukan upload file, buatlah sebuah tabel baru pada database kalian dengan nama tabel : tabelUploadisi tabel seperti dibawah ini:kemudian, buatlah id sebagai primary key dan auto increment.

Buatlah folder di Upload di tempat kalian menyimpan file project. misalnya di D:\AASE\WebSite1\Upload\ karena saya menyimpan project di D:\AASE\WebSite1\Setelah itu, buatlah webform baru seperti di bawah ini:Komponen yang dimasukkan adalah

masukkan kode berikut

FileUpload (bukan textbox dan button)

button:text: Upload File

LABEL:nama: label1 dan labelFile

Imports System.DataImports System.Data.SqlClient

Partial Class Default4 Inherits System.Web.UI.Page Private sqlCmd As SqlCommand Private conn As SqlConnection

Dim nama, lokasi, size, tipe, sql As String

Protected Sub setKoneksi() conn = New SqlConnection("Data Source=JOICE-LAPPZ\SQLEXPRESS;Initial Catalog=perpus;Integrated Security=True;") End Sub

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load setKoneksi() LoadData() End Sub Protected Sub LoadData()

Dim cmd As New SqlCommand("select * from tabelUpload", conn) conn.Open() Dim reader As SqlDataReader = cmd.ExecuteReader()

Dim htmlStr As String htmlStr = "<table border=1 width=100%> <tr><td>Nama File</td><td>Ukuran</td><td>Tipe File</td><td>Lokasi</td></tr>" Do While reader.Read() htmlStr &= "<tr><td>" & reader.GetString(1) & "</td><td>" & reader.GetInt64(2) & "</td><td>" & reader.GetString(3) & "</td><td>" & reader.GetString(4) & "</td></tr>" Loop htmlStr &= "</table>" reader.Close() conn.Close() LabelFile.Text = htmlStr

End Sub

kemudian, double klik button upload file, ketikkan kode berikut:

ubah navigate url menuju link yang diinginkan..

hasilnya adalah halaman seperti dibawah ini:

Protected Sub Button2_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button2.Click

If FileUpload1.HasFile Then Try FileUpload1.SaveAs("D:\AASE\WebSite1\Upload\" & FileUpload1.FileName) Label1.Text = "File name: " & FileUpload1.PostedFile.FileName & "<br>" & _ "File Size: " & _ FileUpload1.PostedFile.ContentLength & " kb<br>" & _ "Content type: " & _ FileUpload1.PostedFile.ContentType

lokasi = " D:\AASE\WebSite1\Upload\" & FileUpload1.FileName size = FileUpload1.PostedFile.ContentLength tipe = FileUpload1.PostedFile.ContentType nama = FileUpload1.PostedFile.FileName sql = "insert into tabelUpload (namaFile,ukuran,tipe,lokasi) values ('" & nama & "'," & size & ",'" & tipe & "','" & lokasi & "')" sqlCmd = New SqlCommand(sql, conn) conn.Open() Dim hasil As Integer = sqlCmd.ExecuteNonQuery() conn.Close() If hasil = 1 Then LoadData() Else MsgBox("Anda gagal memasukkan data. cek kembali inputan Anda") End If Catch ex As Exception Label1.Text = "ERROR: " & ex.Message.ToString() End Try Else Label1.Text = "Anda belum memilih file." End If End Sub

Download Filekalau tadi kita belajar cara mengupload file, sekarang kita belajar cara mendownload file.buatlah sebuah halaman web baru seperti di bawah ini. dan masukan komponen-komponen sehingga menjadi seperti di bawah ini:

kemudian, masukkan kode dibawah ini:

selanjutnya, double click button1, masukkan kode dibawah ini:

gridView1

txtDownload

button1

hyperlink1

Imports System.Data.SqlClientImports System.DataPartial Class Default5 Inherits System.Web.UI.Page

Private conn As SqlConnection Private ds As DataSet Private sDa As SqlDataAdapter Private dt As DataTable Dim strSql As String

Protected Sub setKoneksi() conn = New SqlConnection("Data Source=JOICE-LAPPZ\SQLEXPRESS;Initial Catalog=perpus;Integrated Security=True;") End Sub

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

setKoneksi() conn.Open() strSql = "select namaFile from tabelUpload" sDa = New SqlDataAdapter(strSql, conn) ds = New DataSet() sDa.Fill(ds, "tabelUpload") dt = ds.Tables("tabelUpload") Me.GridView1.DataSource() = dt Me.GridView1.DataBind() conn.Close() End SubEnd Class

Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles Button1.Click Dim path As String = Me.MapPath("Upload\") path = path.Replace("/", "\") Dim namafile As String namafile = txtDownload.Text() Response.Clear() Response.AppendHeader("content-disposition", "attachment; filename=" + namafile) Response.WriteFile(path + namafile) Response.End() Response.Close() End Sub

jangan lupa ubah navigative url pada hyperlink..

hasilnya adalah halaman web berikut: