Changing the generated details view in mvc

Question

So I have got a Views folder named Movies. Inside that I have Index,Create,Delete,Details,Edit. (Auto generated). Now when I click on the details button the URL becomes xx.com/Movies/Details/2. The number represents the ID from the database. Is there a way for it to show the Title instead of ID?

Answer 1

Yes of course. You just need to update the Route. In your Route Config file, you will notice a line like this :

 routes.MapRoute("Default", "{controller}/{action}/{id}", new { controller = "Home", action = "Index", id = UrlParameter.Optional });

Here, you will need to change that to

  routes.MapRoute("Default", "{controller}/{action}/{title}", new { controller = "Home", action = "Index", title = UrlParameter.Optional });

Now, you should change your action method signature from

    public ActionResult Details(int id)
    {

        return View();
    }

to

    public ActionResult Details(string title)
    {

        return View();
    }

By the way, I did not test it, I have just written out of concept. You would need to test, specially if your title is not url encoded or contains spaces without dashes.

EDIT:

in MVC 5, you can use Attribute based routing.

I have used that to generate SEO URL like this:

[Route("Products/{slug}-{productId}")] 
public ActionResult Details(int productId, string slug)
{
   return View();
}

When I needed to create the url, I used snippet :

Url.Action("Details", "Products", new { productId = 201, slug = "My-Keyword-Title" })