Membuat Sistem dengan Menggunakan ASP.net dan Library DevExpress

Tutorial Yang ada gambarnya dapat diunduh di sini

Langkah Awal

Buatlah Database apotek2

Dengan nama tabel obat. Dengan attribut id (autoincrement), nama, dan harga

Buat Folder TutASPDevExp terlebih dahulu. Tempatnya terserah

Create Project  >>  Website. Namai TutASPDevExp .

Letakkan di folder TutASPDevExp yang tadi telah dibuat

Kemudian hapus File Default.aspx

Buat File Default.aspx yang baru

Selanjutnya  Klik kanan pada proyek >> add >> new project. Pilih Class Library Project.

Beri nama menjadi TutASPDevExp.Entity . Letakkan project tsb dalam folder TutASPDevExp

Setelah 2 project (website dan entity dibuat) tampilan foldernya seperti ini :

Kemudian pergi ke location

C:\Users\agung\Documents\Visual Studio 2012\Projects\TutAspDevExp

Cut file TutAspDevExp.sln ke folder TutASPDevExp

Sehingga file yang ada di folder TutASPDevExp menjadi seperti ini :

Selanjutnya klik kanan pada project TutASPDevExp.Entity >> add >> new item.

Pilih DevExpress >> DevExpress  v13.1 ORM Data Model Wizard .

Beri nama ApotekModel

Selanjutnya pilih Map to an existing database

Next>>

Selanjutnya pilih database yang ingin digunakan. Yang saya pakai ini adalah apotek2.

Kemudian Next >> Next >> Next >>Next >> Finish

Pada file ApotekModel.xpo , klik pada ‘The ‘PK_..’ is ignored……‘ kemudian klik kanan >> Delete >> save

Selanjutnya pada solution explorer,

Klik kanan project TutASPDevExp >> add reference .

Tambahkan project TutASPDevExp.Entity sebagai reference atau  library dengan menceklist

Klik kanan project TutASPDevExp >> add reference .

Pada tab Browse Tambahkan reference atau library DevExpress.Xp.v13.dll denga cara menceklistnya.

Note : Jika library tsb tidak ada, coba cari di C , di tempat menginstall DevExpress

Selanjutnya buka file Default.aspx.

Pada toolbox cari tool ASPXGridView drag to source code

Ubah File Default.Aspx  ke mode Design

Kemudian pilih datasource nya yaitu Xpo.Source

OK

Save >> Rebuild Project

Buka FIle Default.aspx dalam mode design.

Klik kanan >> properties

PIlih TypeNam nama tabel yang akan digunakan :

Contoh :

 

Pada File Global Asax

tambahkan ini :

ubah method Application_Start menjadi

Pada File Default.aspx.cs

ubah menjadi gini :

Selesai

Tinggal RUN

 

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: