Microsoft LightSwitch Turns on the Power of Rapid App Development | eWeek

Shifting From Silverlight to HTML 5

Shifting From Silverlight to HTML 5
Verfasst von
Jeff Cogswell
Jeff Cogswell
Feb 8, 2013
2 minute read
eWeek Inhalte und Produktempfehlungen sind redaktionell unabhängig. Wir können Geld verdienen, wenn Sie auf Links zu unseren Partnern klicken. Mehr erfahren


Shifting From Silverlight to HTML 5

Shifting From Silverlight to HTML 5

When you create a new application, you can choose between the Silverlight-based applications or HTML5 applications. In either case, you can use either C# or Visual Basic.


Connecting to Databases

2

Once your application starts, you can either connect to an existing database or design your own database. Here we’re building a client invoice table for a freelance author application.


Creating Joins With Foreign Keys

3

Joins with foreign keys are easy to accomplish simply by linking two tables together. You do not manually provide a foreign key; the connection is made automatically for you.


Solution Explorer as a Visual Studio Look and Feel

4

After you create your data, you can add screens to your project by right-clicking on the Solution Explorer. Note that the Solution Explorer is very similar to what you find in Visual Studio.


Advertisement

Adding Components to a New Screen

5

Once you create the screen, you get a tree diagram of the screen’s components, from which you can make adjustments to the screen and add navigation.


Using the OData Protocol to Connect to Databases

6

Instead of creating your tables from scratch, you can attach to an existing database. One such option allows you to use Microsoft’s OData protocol.


Creating Functional Buttons

7

You can add new buttons to your screens and have the buttons automatically trigger certain tasks. Here we’re creating a button that saves the user data added in the screen.


Creating Forms Is Easy

8

Forms can easily be created, allowing different types of controls to appear. Here’s the form running in the browser. Notice especially the date fields.


Working With Foreign Keys

9

Foreign keys in the forms appear as pop-ups listing the data from the foreign table. Here the table displays only one item, eWEEK, but you can easily have more items.


Write Server-Side or Client-Side Code

10

You can write server-side code in C# or, as shown here, client-side code in JavaScript.


Displaying Netflix With a Windows 8 Look

11

Attaching to a public OData source, such as Netflix, you can display the data with a Windows 8 look. Here we’re listing the Genres available.


Showing Netflix Data in a List Display

12

Here, we’re showing the same Netflix data but with a list appearance. This only required a quick change in the configuration.

eWeek Logo

eWeek has the latest technology news and analysis, buying guides, and product reviews for IT professionals and technology buyers. The site's focus is on innovative solutions and covering in-depth technical content. eWeek stays on the cutting edge of technology news and IT trends through interviews and expert analysis. Gain insight from top innovators and thought leaders in the fields of IT, business, enterprise software, startups, and more.

Eigentum von TechnologyAdvice. © 2026 TechnologyAdvice. Alle Rechte vorbehalten

Werbetreibenden-Offenlegung: Einige der auf dieser Website erscheinenden Produkte stammen von Unternehmen, von denen TechnologyAdvice eine Vergütung erhält. Diese Vergütung kann beeinflussen, wie und wo Produkte auf dieser Website erscheinen, einschließlich beispielsweise der Reihenfolge, in der sie erscheinen. TechnologyAdvice schließt nicht alle Unternehmen oder alle auf dem Marktplatz verfügbaren Produkttypen ein.