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

2 thoughts on “Visual Studio LightSwitch Tutorial : Menggunakan Stored Procedure dengan VS LightSwitch

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