Silverlight Application With MVVM, WCF and Entity Framework

In this article, we will see how to develop a simple Silverlight application with MVVM, WCF services and Entity Framework.

In my earlier article, I have described how to develop simple Silverlight applications using the MVVM pattern. (Link to article)

In this article, we will include how to create a Silverlight application with WCF services also.

Steps

1. Add new Silverlight project.
2. Create a project for Model as type Class Library.
3. Add WCF service project.
4. Configure service.
5. Add service reference to Silverlight project.
6. Add cross domain policy.
7. Run and debug the application.

Add a new Silverlight project

1. Create a new Silverlight project as below:
   
   
   
2. Select Host application with website. This will include an aspx project we can use to host the Silverlight object.
   
   
   
3. Now two projects have been created in the solution; Silverlight and a web project.
   
   
   

Creating Model Project

1. Add a Class Library project to the solution.
   
   
   
2. Add an .edmx file to the project.
   
   
   
3. Now select datasource and tables to import.
   
   
   
   
   
4. Am adding schoolclass table to my entity model.
   
   
   
5. Now you will see the Model1.edmx in the solution under Model project and schoolclass entity in the Model1.edmx.
   
   
   

Add WCF service project

1. Now add a WCF project to our solution.
   
   
   
2. Now the service is added. You will see Iservice1, Service.svc and service.svc.cs.
   
   
   
3. Now write 2 methods in the service. One is to get the class names and the other is to get the school class details.
   
   [OperationContract]
   List<string> GetClasses();

   [OperationContract]
   List<SchoolClass> GetSchoolClasses();
   

4. Now implement these methods in service1.svc.cs.
   

   public List<string> GetClasses()

   {

   SanthoshEntities entity = new SanthoshEntities();

   List<SchoolClass> list = entity.SchoolClasses.ToList();

   return list.Select(m => m.Name).ToList();

   }

   public List<SchoolClass> GetSchoolClasses()

   {

   SanthoshEntities entity = new SanthoshEntities();

   return entity.SchoolClasses.ToList();

   }
   

5. Now you will see we are getting errors; this is because we forgot to add a reference of the Model project here. So add a reference to the model and include it in the .cs files.
   
   
   
   
   
   Configure service
   
   1. Configuration of the service correctly is the critical thing. If we don't configure it properly then we will end up with various errors and its very difficult to identify the issue.
   
   2. The first the item to configure is the connection string. Copy the connection string created with edmx in the model project. Here you can configure various databases and servers. The server and database details don't need to be the same in the edmx config and service config.
   
   
   
   
   
   
6. We need to configure the service. Add the following service details inside the system.servicemodel tag. Here the contract name should be the interface of the service with namespace.
   
   <services>
   <service name="WcfService.Service1">
   <endpoint address="" binding="basicHttpBinding" contract="WcfService.IService1" >
   <identity>
   <dns value="localhost" />
   </identity>
   </endpoint>
   <endpoint address="mex" binding="mexHttpBinding" contract="IMetadataExchange" />
   </service>
   </services>
   
7. So we are done with adding the model and service. Next what we have to do is to add this service as a reference to the Silverlight project. We have to build the project before adding this service as a reference.
   
8. So when I build the service, I am getting the following error. This is because we forgot to add System.Data.Entity as a reference.