Menggunakan Fungsi - Fungsi Untuk Membuat Koneksi - Koneksi Matematika
Koneksi · Web viewPada modul ini, kita akan mempelajari beberapa hal, yaitu cara mengkoneksikan...
Transcript of Koneksi · Web viewPada modul ini, kita akan mempelajari beberapa hal, yaitu cara mengkoneksikan...
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: