C# Compass

Web Development

C# Razor Pages

Using Razor Pages

C# Razor Pages simplify web apps with page-based routing.

Introduction to Razor Pages

C# Razor Pages is a page-based programming model introduced in ASP.NET Core 2.0. It simplifies the process of building web applications by providing a more organized structure, focusing on individual pages rather than controllers and views. This model is particularly beneficial for developers who prefer a page-centric approach to web development.

How Razor Pages Work

Razor Pages work by combining the features of model-binding and handler methods. Each Razor Page consists of a .cshtml file and a corresponding PageModel class. The .cshtml file contains the HTML markup and Razor syntax, whereas the PageModel class handles page events and logic.

Creating a Razor Page

To create a Razor Page, add a new .cshtml file within the Pages directory of your ASP.NET Core project. The structure of the file should be as follows:

The @page directive at the top of the file turns the file into an MVC action, which can be accessed via URL routing.

Understanding PageModel Classes

Each Razor Page has an associated PageModel class. This class handles the logic for the page and contains methods called handler methods that respond to HTTP requests.

In this example, the OnGet() method is a handler that responds to HTTP GET requests. The Message property is set within this method and can be accessed in the .cshtml file.

Routing with Razor Pages

Razor Pages use a simpler and cleaner URL structure compared to traditional MVC. The routing is automatically handled based on the file's location within the Pages directory. For instance, a Razor Page located at Pages/Contact.cshtml would be accessible at /Contact.

Benefits of Using Razor Pages

  • Simplicity: Razor Pages offer a straightforward approach, reducing the need for complex controllers.
  • Organized Structure: Encourages a clean separation of concerns by associating logic with specific pages.
  • Ease of Use: Ideal for page-focused web applications, making them easy to develop and maintain.

Web Development

Next
MVC