Azure with Visual Studio LightSwitch

22
Azure With Visual Studio LightSwitch Prepared by Eng Soon Cheah

Transcript of Azure with Visual Studio LightSwitch

Page 1: Azure with Visual Studio LightSwitch

Azure With Visual Studio LightSwitchPrepared by Eng Soon Cheah

Page 2: Azure with Visual Studio LightSwitch

1. Create a database in Microsoft Azure2. DATA SERVICES > SQL DATABASE > QUICK CREATE

Page 3: Azure with Visual Studio LightSwitch

This Show Your Database had Created

Select Manage Allowed IP address

Page 4: Azure with Visual Studio LightSwitch

Select “ Add to the allowed IP address”

Page 5: Azure with Visual Studio LightSwitch

Select “Manage”

Page 6: Azure with Visual Studio LightSwitch

Enter username and password that create at first time (refer Slide 2)

Page 7: Azure with Visual Studio LightSwitch

Select the Database that you create

Page 8: Azure with Visual Studio LightSwitch

Select “New table”

Page 9: Azure with Visual Studio LightSwitch

Create your Own Data Entity

Page 10: Azure with Visual Studio LightSwitch

Go to Visual Studio ,File > New > Project

Page 11: Azure with Visual Studio LightSwitch

Select “LightSwitch” > Select “LightSwitch HTML Application”> Enter Your Project Name

Page 12: Azure with Visual Studio LightSwitch

Your Project LightSwitch had Created

Select “Attach to external Data Source”

Page 13: Azure with Visual Studio LightSwitch

Select “Database” > Select “Next”

Page 14: Azure with Visual Studio LightSwitch

Select the Database that you created

Enter the Server Name,How to get the Server Name?

(Refer Next Slide)

Page 15: Azure with Visual Studio LightSwitch

This is your Server Name in Azure

Page 16: Azure with Visual Studio LightSwitch

Select the Table that you want to create

Page 17: Azure with Visual Studio LightSwitch

Select “HTMLClient”

Page 18: Azure with Visual Studio LightSwitch

1.Select Screen template that you want

2.Select “Screen”3.Enter “Screen Set Name”4.Select the “Screen Data”

Page 19: Azure with Visual Studio LightSwitch

Any Modification at this area

Select “Start” or Press “F5”

Page 20: Azure with Visual Studio LightSwitch

Now you Data is displayAnd you allow to add new data or search data

Page 21: Azure with Visual Studio LightSwitch

At Last, the LightSwitch Application also support responsive web design

Page 22: Azure with Visual Studio LightSwitch

Reference

• http://channel9.msdn.com/coding4fun/blog/Light-at-the-end-of-the-CRUD-tunnel-End-To-End-LightSwitch

• Prepared By

• Eng Soon Cheah

[email protected]