This is in continuation with Part 1 of the article, so you may want to check it out before reading this, in case you haven’t already.

Next, we need to enable the Global.asax.  We will open up the Global.asax and add the following two references in the namespaces section

using System.Web.Mvc;
using System.Web.Routing;


We need to then add the RegisterRoutes method which is a default in MVC projects.  So we will add this method to the Global.asax

public static void RegisterRoutes(RouteCollection routes)
        {
            routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

            routes.MapRoute(
                "Default", // Route name
                "{controller}/{action}/{id}", // URL with parameters
                new { controller = "Home", action = "Index", id = UrlParameter.Optional } // Parameter defaults
            );

        }

Then, we need to call this method in the Application_Start event of the Global.asax.


RegisterRoutes(RouteTable.Routes);

Now, we would create folders called “Controllers” and “Views” in the root of the application. But, if we right click on the “Controllers” folder and try to add a new Controller, it doesn’t show up in the templates.  We still need to enable one setting in Visual Studio.  The default Project properties' ProjectTypeGuids section doesn't have the ProjectTypeGuid for MVC included.  This will be used by Visual Studio uses to identify the templates to show in the project.

So, to edit that, first, we need to “unload” the project.  Now, if you haven’t enabled Visual Studio to always show the Solution file (Tools – Options – Projects and Solutions – Always Show Solution), and if there is only this project (that we created) we would not be able to unload the project since the solution file wouldn't show up in the Solution Explorer.  Once you do the above step, it will show the solution file within the Project hierarchy.  Then we would be able to chose the Project file and chose – “Unload Project”



After that we can edit the project file by right clicking on the project and select “Edit HybridWebApp.csproj"



It opens up the Project file in Visual Studio.  In that, we will add a key value to make sure MVC 3 tooling is enabled.  So, identify and replace the section with the following

<ProjectTypeGuids>{E53F8FEA-EAE0-44A6-8774-FFD645390401};{349c5851-65df-11da-9384-00065b846f21};{fae04ec0-301f-11d3-bf4b-00c04f79efbc}</ProjectTypeGuids>

Basically I have added the highlighted value to the setting, which is specific to MVC3.

Once we are done, we can close the file, select “HybridWebApp” and chose “Reload Project”



Once this is done, we can right click on the Controllers folder and select “Add” it lists “Controller”



We will give this Controller, the name “ProductsController”



In the Controller created, we will add reference to the Model that we created, in the using section as follows:

using HybridWebApp.Models;

Also, we need to create a handle for the Entity model generated, as follows:-

NorthwindEntities nw = new NorthwindEntities();

After this, we will modify the default “Index” view generated to retrieve a list of products, as follows:-

public ActionResult Index()
        {
            var productList = from pList in nw.Products
                          select pList;


            return View(productList);
        }

We can now right click on the Controller and select “Add View”



It would prompt the View configuration screen where we can select that this would be a strongly-typed view and would be based on the Product entity and the Scaffold template would be “List”



One thing we need to do still is that, inside the “Views” folder there needs to be a config file.  So, right click Views folder and select “Add – New Item”



and in the “Add New Item” screen search for “config” in the top right search box.  It would list the Web Configuration template and we can chose that to add



Once we add that, we can create another simple MVC3 application or use an existing MVC3 application and navigate to the Views folder to open the web.config file.  From there we can copy the contents of the config file into our newly created config file under the Views folder in our HybridWebApp.  The settings are as follows

<?xml version="1.0"?>

<configuration>
  <configSections>
    <sectionGroup name="system.web.webPages.razor" type="System.Web.WebPages.Razor.Configuration.RazorWebSectionGroup, System.Web.WebPages.Razor, Version=1.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35">
      <section name="host" type="System.Web.WebPages.Razor.Configuration.HostSection, System.Web.WebPages.Razor, Version=1.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" />
      <section name="pages" type="System.Web.WebPages.Razor.Configuration.RazorPagesSection, System.Web.WebPages.Razor, Version=1.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" />
    </sectionGroup>
  </configSections>

  <system.web.webPages.razor>
    <host factoryType="System.Web.Mvc.MvcWebRazorHostFactory, System.Web.Mvc, Version=3.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
    <pages pageBaseType="System.Web.Mvc.WebViewPage">
      <namespaces>
        <add namespace="System.Web.Mvc" />
        <add namespace="System.Web.Mvc.Ajax" />
        <add namespace="System.Web.Mvc.Html" />
        <add namespace="System.Web.Routing" />
      </namespaces>
    </pages>
  </system.web.webPages.razor>

  <appSettings>
    <add key="webpages:Enabled" value="false" />
  </appSettings>

  <system.web>
    <httpHandlers>
      <add path="*" verb="*" type="System.Web.HttpNotFoundHandler"/>
    </httpHandlers>

    <!--
        Enabling request validation in view pages would cause validation to occur
        after the input has already been processed by the controller. By default
        MVC performs request validation before a controller processes the input.
        To change this behavior apply the ValidateInputAttribute to a
        controller or action.
    -->
    <pages
        validateRequest="false"
        pageParserFilterType="System.Web.Mvc.ViewTypeParserFilter, System.Web.Mvc, Version=3.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"
        pageBaseType="System.Web.Mvc.ViewPage, System.Web.Mvc, Version=3.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35"
        userControlBaseType="System.Web.Mvc.ViewUserControl, System.Web.Mvc, Version=3.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35">
      <controls>
        <add assembly="System.Web.Mvc, Version=3.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" namespace="System.Web.Mvc" tagPrefix="mvc" />
      </controls>
    </pages>
  </system.web>

  <system.webServer>
    <validation validateIntegratedModeConfiguration="false" />

    <handlers>
      <remove name="BlockViewHandler"/>
      <add name="BlockViewHandler" path="*" verb="*" preCondition="integratedMode" type="System.Web.HttpNotFoundHandler" />
    </handlers>
  </system.webServer>
</configuration>

After we have copied the above and saved our newly created config file, we will be good to go.


Note that, the Product/Index.cshtml created provides the default List template taking the columns as is from the Product Entity.

We can customize and remove columns such as ID that we don’t need from listing.  Also, we can customize the HTML layout.  But, for the sake of this post, we will leave it as is.

One last step that we want to do is open the “Site.Master” of our HybridWebApp and you will find the
Menu section in the page.  We will edit the menu section to read as follows:-




Once we save all our files -  Build and run the app using F5, we will first encounter the Home Page where we list the Categories using Webforms.



Now, when you click on the “Products” menu this would open up the products listing page running out of MVC



So, we are now running one page in Web Forms and the other one using MVC.  We can customize the UI etc.,to make it look better.

Reasons why you must trust ASPHostPortal.com

Every provider will tell you how they treat their support, uptime, expertise, guarantees, etc., are. Take a close look. What they’re really offering you is nothing close to what ASPHostPortal does. You will be treated with respect and provided the courtesy and service you would expect from a world-class web hosting business.

You’ll have highly trained, skilled professional technical support people ready, willing, and wanting to help you 24 hours a day. Your web hosting account servers are monitored from three monitoring points, with two alert points, every minute, 24 hours a day, 7 days a week, 365 days a year. The followings are the list of other added- benefits you can find when hosting with us:

-
DELL Hardware
Dell hardware is engineered to keep critical enterprise applications running around the clock with clustered solutions fully tested and certified by Dell and other leading operating system and application providers.
- Recovery Systems
Recovery becomes easy and seamless with our fully managed backup services. We monitor your server to ensure your data is properly backed up and recoverable so when the time comes, you can easily repair or recover your data.
- Control Panel
We provide one of the most comprehensive customer control panels available. Providing maximum control and ease of use, our Control Panel serves as the central management point for your ASPHostPortal account. You’ll use a flexible, powerful hosting control panel that will give you direct control over your web hosting account. Our control panel and systems configuration is fully automated and this means your settings are configured automatically and instantly.
- Excellent Expertise in Technology
The reason we can provide you with a great amount of power, flexibility, and simplicity at such a discounted price is due to incredible efficiencies within our business. We have not just been providing hosting for many clients for years, we have also been researching, developing, and innovating every aspect of our operations, systems, procedures, strategy, management, and teams. Our operations are based on a continual improvement program where we review thousands of systems, operational and management metrics in real-time, to fine-tune every aspect of our operation and activities. We continually train and retrain all people in our teams. We provide all people in our teams with the time, space, and inspiration to research, understand, and explore the Internet in search of greater knowledge. We do this while providing you with the best hosting services for the lowest possible price.
- Data Center
ASPHostPortal modular Tier-3 data center was specifically designed to be a world-class web hosting facility totally dedicated to uncompromised performance and security
- Monitoring Services
From the moment your server is connected to our network it is monitored for connectivity, disk, memory and CPU utilization – as well as hardware failures. Our engineers are alerted to potential issues before they become critical.
- Network
ASPHostPortal has architected its network like no other hosting company. Every facet of our network infrastructure scales to gigabit speeds with no single point of failure.
- Security
Network security and the security of your server are ASPHostPortal’s top priorities. Our security team is constantly monitoring the entire network for unusual or suspicious behavior so that when it is detected we can address the issue before our network or your server is affected.
- Support Services
Engineers staff our data center 24 hours a day, 7 days a week, 365 days a year to manage the network infrastructure and oversee top-of-the-line servers that host our clients’ critical sites and services.