Visual Studio LightSwitch Tutorial : Menggunakan Stored Procedure dengan VS LightSwitch

Seperti yang sudah kita tahu bersama bahwa penggunaan Stored Procedure memiliki banyak kelebihan dibandingkan anda menuliskan kode T-SQL pada kode aplikasi anda. Banyak database administrator yang lebih memilih menggunakan Stored Procedure untuk menyembunyikan table/query dari aplikasi. Stored Procedure juga sering digunakan untuk proses CRUD (create, read, update, delete) untuk manipulasi table yang ada di database.

Masalah yang dihadapi adalah VS Lightswitch tidak menyediakan feature built-in untuk berinteraksi dengan Stored Procedure, sehingga ini menjadi masalah bagi kita yang hanya mengijinkan pengaksesan database dilakukan melalui Stored Procedure.

Pada artikel ini akan dibahas bagaimana cara untuk menggakses stored procedure dari Lightswitch menggunakan WCF RIA Services.

Kebutuhan untuk mencoba tutorial ini adalah :

· Visual Studio Lightswitch (VS 2012)

· Database sample : Northwind

· SQL Management Studio dan SSMS Tools Pack

Membuat Stored Procedure

1. Buka database Northwind pada SQL Server Management

2. Klik kanan pada table Customers – kemudian pilih SSMS Tools – Create CRUD

3. Maka secara otomatis kita akan dibuatkan Stored Procedure untuk proses CRUD pada table Customers

4. Tekan execute untuk mengeksekusi perintah pembuatan Stored Procedure.

clip_image002

clip_image004

5. Maka akan terbentuk 4 Stored Procedure untuk table Customers.

clip_image005

Membuat Project Lightswitch dan Class Library (WCF RIA Services)

1. Langkah selanjutnya adalah membuat project baru dengan Lightswitch, beri nama ‘SampleStoreProcedure’.

clip_image007

clip_image009

2. Pada solution tambahkan Class Library dengan nama ‘NorthwindWCFServices’, kita akan membuat WCF Service pada library ini.

Menambahkan ADO.NET Entity Framework

1. Pada Class Library project yang baru saja anda ambil tambahkan ADO.NET Entity framework, beri nama NorthwindModel.edmx

clip_image011

clip_image012

2. Pilih database Northwind dari Sql Server

clip_image014

clip_image016

3. Pilih table Customer, dan Stored Procedure yang sudah anda buat untuk melakukan operasi CRUD pada table Customers.

clip_image017

clip_image018

4. Hapus file dengan ekstensi .tt

clip_image019

5. Ubah property code generation pada ADO.NET EF menjadi ‘Default’.

clip_image020

6. Klik kanan pada Customer model, kemudian pilih Stored Procedure Mapping

clip_image021

7. Tambahkan Stored Procedure yang telah anda buat sebelumnya untuk perintah Insert, Update, dan Delete

clip_image022

Membuat WCF RIA Services

1. Tambahkan Domain Services Class pada Class Library project dengan nama ‘NorthwindDomainServices’.

clip_image024

2. Pilih entities Customer dan check bagian Enable Editing.

clip_image025

3. Tambahkan kode berikut pada domain services

<Query(IsDefault:=True)> _
    Public Function GetCustomers() As IQueryable(Of Customer)
        Return Me.ObjectContext.Customers
    End Function

 

clip_image027

Mengambil Services dari Lightswitch

1. Langkah terakhir adalah mengakses WCF Services yang sudah anda buat dari LightSwitch

2. Copy connection string dari file App.Config di Class Library

3. Kemudian masukan kedalam web.config pada folder Server di LightSwitch (mode File View).

clip_image029

clip_image030

clip_image032

4. Tambahkan data source pada Lightswitch (mode Logical View)

clip_image033

5. Pilih WCF RIA Services

clip_image035

6. Tambahkan referensi dari WCF

clip_image036

clip_image038

clip_image039

7. Pilih Entity yang akan diakses dari Lightswitch

clip_image040

clip_image042

8. Terakhir tambahkan Screen.

clip_image043

clip_image045

9. Maka anda sudah dapat membuat screen dengan data source yang diambil dari Stored Procedure yang kita akses menggunakan WCF Services

10. Anda dapat menambah, edit, dan delete data pada form (menggunakan Stored Procedure).

clip_image047

Visual Studio Lightswitch Tutorial : Menggunakan WCF RIA Services

Pada tutorial kali ini kita akan mencoba membuat WCF RIA Services yang dapat diakses dari LightSwitch Project. Dengan WCF Services anda dapat membuat aplikasi lightswitch yang lebih fleksible, anda dapat mengambil datasource seperti xml, file, database dari luar aplikasi lightswitch dan mengkombinasikannya sesuai dengan kebutuhan anda.

Contoh dibawah ini akan menggunakan database Northwind.

Buat project lightswitch baru dengan nama ‘SampleWCFServices’

clip_image002

Kemudian tambahkan project class library baru pada solution yang anda buat, beri nama class library tersebut ‘NorthwndClass’. Jangan lupa untuk merubah target framework menjadi .NET Framework 4.

clip_image004

Menambahkan Entity Framework

Kemudian tambahkan ADO.NET Entity Framework kedalam Class Library project yang baru saja anda buat dengan nama ‘NorthwndModel’

clip_image006

clip_image008

clip_image010

Pilih generate model from database. Pilih database ‘Northwnd’.

clip_image012

clip_image014

Sebagai contoh pilih table ‘Customers’ dan Store Procedure ‘CustOrderHist’, kemudian tekan tombol finish.

clip_image015

clip_image016

Hapus dua file berekstensi .tt pada NorthwndModel.edmx

clip_image017

Kemudian klik pada NorthwndModel.edmx diagram, kemudian ubah property berikut

clip_image018

Kemudian build project.

 

Membuat Domain Service Class

Langkah selanjutnya adalah membuat Domain Service Class pada project NorthwndClass. Beri nama ‘NorthwndDomainService’.

clip_image020

Pilih entities Customers dan checked bagian Enable Editing.

clip_image021

Build project anda.

Pada file ‘NorthwndDomainServices.vb’ tambahkan method berikut yang akan diakses dari LightSwitch.

    <Query(IsDefault:=True)>
    Public Function GetCustomers() As IQueryable(Of Customer)
        Return Me.ObjectContext.Customers
    End Function

 

Akses WCF pada Lightswitch

Pada project LightSwitch tambahkan WCF Data Source. Pada folder Server / Data tambahkan data source baru, kemudian pilih WCF RIA Services.

clip_image022

clip_image024

Kemudian tambahkan referensi dari project NorthwndClass yang sudah anda buat sebelumnya.

clip_image026

clip_image028

clip_image029

clip_image031

clip_image032

clip_image034

Buka project Lightswitch pada tampilan file view, kemudian buka web.config file.

clip_image035

Copy ConnectionString yang sudah anda buat di NorthwndClass (file App.Config) kedalam web.config pada LightSwitch project.

clip_image036

clip_image038

Kemudian tambahkan screen

clip_image039

Pilih data source Customers yang diambil dari WCF Services

clip_image041

Kemudian jalankan aplikasi dengan menekan tombol F5, maka akan ditampilkan Form Customers yang dapat ditambah, diedit, maupun delete.

clip_image043

clip_image045

New Book : ASP.NET 4.5

WP_000660

Penulis : ERICK KURNIAWAN

Penerbit : ANDI PUBLISHER

ISBN : 979-29-3390-1

Tahun Terbit : Januari 2013

Tebal Buku : 328 Hal, 23x19cm (Menengah)

Berat Buku: 0.6 Kg.

Buku ini berisi teknik dan contoh praktis yang akan menuntun anda untuk membangun aplikasi web dinamis menggunakan framework ASP.NET 4.5 secara bertahap.

Buku ini memiliki penjelasan yang terstruktur mengenai fitur-fitur ASP.NET seperti Server Control, Theme, Membership, ADO.NET, Data Binding, Master Page, Validation, Data Bound Control, ListView, LINQ to SQL, Entity Framework, Query Extender, Chart, User Control, dan ASP.NET AJAX.

Pada akhir Bab pembaca diajak untuk mengerjakan studi kasus yang lengkap berupa pembuatan website e-commerce.

Kunjungi website https://actual-training.com/book untuk mendownload update materi dari buku ini.

download vb source code

beli online