Skip to main content

Creating Controllers and Actions in ASP.NET Core MVC

Creating Controllers & Actions in ASP.NET Core MVC

In ASP.NET Core MVC, Controllers are responsible for handling incoming HTTP requests and returning an appropriate response. Actions are methods within controllers that handle specific requests and provide the logic for what should happen when those requests are made.


1. Understanding Controllers

Controllers are classes in ASP.NET Core that contain action methods. Each action method corresponds to a route in the application and performs a specific task, such as displaying a view or handling user input.

Syntax:

public class ControllerNameController : Controller
{
    // Action methods go here
}
  • A controller class typically ends with "Controller", e.g., ProductController, HomeController.
  • The Controller class inherits from the base class Controller provided by ASP.NET Core.

2. Creating a Basic Controller

Let’s create a controller to handle product-related actions in a simple e-commerce application.

Steps:

  1. Define a Controller: Create a controller class that inherits from the Controller base class.
  2. Add Action Methods: Action methods are created as public methods inside the controller. These methods can return various types of results, including views, JSON data, or redirects.

Example: ProductController

using Microsoft.AspNetCore.Mvc;

public class ProductController : Controller
{
    public IActionResult Index()
    {
        var products = new List<string> { "Laptop", "Smartphone", "Headphones" };
        return View(products);
    }

    public IActionResult Details(int id)
    {
        var product = "Product details for ID: " + id;
        return View("Details", product);
    }

    [HttpPost]
    public IActionResult Add(string name)
    {
        return RedirectToAction("Index");
    }
}

3. Action Methods in Controllers

Each action method handles a specific HTTP request. In the example above:

  • Index(): Handles GET requests to /Product/Index.
  • Details(int id): Handles GET requests to /Product/Details/{id}.
  • Add(string name): Handles POST requests for adding a new product.

Action methods can return several different types of responses:

  • View()
  • RedirectToAction()
  • Json()
  • Content()
  • PartialView()

4. Defining Views for Actions

Views are Razor pages (.cshtml files) associated with controller actions. Stored in the Views folder:

  • Views/Product/Index.cshtml
  • Views/Product/Details.cshtml

Example: Product Index View (Index.cshtml)

@model List<string>

<h2>Product List</h2>
<ul>
    @foreach (var product in Model)
    {
        <li>@product</li>
    }
</ul>

Example: Product Details View (Details.cshtml)

@model string

<h2>@Model</h2>

5. Routing and Action Methods

Default URL pattern:

/{controller}/{action}/{id?}

Examples:

  • /Product/Index
  • /Product/Details/1

6. HTTP Verbs (GET, POST, etc.)

Use attributes like [HttpGet], [HttpPost], etc.

[HttpGet]
public IActionResult Create()
{
    return View();
}

[HttpPost]
public IActionResult Create(Product product)
{
    return RedirectToAction("Index");
}

7. Returning a View

Without Data:

return View();

With Data:

var products = new List<string> { "Laptop", "Smartphone", "Headphones" };
return View(products);

8. Redirecting Between Actions

public IActionResult AddProduct(string name)
{
    return RedirectToAction("Index");
}

return RedirectToAction("Index", "Home");

9. Using Route Parameters in Actions

Example:

public IActionResult Details(int id)
{
    var product = _productService.GetProductById(id);
    return View(product);
}

Summary

  1. Controllers manage the flow of data between models and views.
  2. Actions handle specific HTTP requests.
  3. Support for GET, POST, etc.
  4. Actions return views, JSON, redirects, etc.
  5. Views are Razor pages that display data.
  6. Routing maps URLs to controller actions.

Comments

Popular posts from this blog

Car Wash System vb.net

This software consists of a database that save the registration number of every vehicle being wash along side with the date, type of wash made and price Screen Shot Source Code To view records in the database: Dim conn As OleDbConnection = New OleDbConnection("Provider=Microsoft.ACE.OLEDB.12.0;Data Source=|DataDirectory|\washRcd.accdb;Persist Security Info=False") Dim sql As String sql = " SELECT * FROM tblwash" conn.Open() Dim dt As New DataTable Dim cmd2 As New OleDb.OleDbDataAdapter(sql, conn) cmd2.Fill(dt) DataGridView1.DataSource = dt DataGridView1.Refresh() conn.Close() To insert new record in the database: Private Sub insert() Dim conn As OleDbConnection = New OleDbConnection("Provider=Microsoft.ACE.OLEDB.12.0;Data Source=|DataDirectory|\washRcd.accdb;Persist Security Info=False") Dim updateSql As String = String.Format(...

Face recognition using EmguCV 3.0 and typing pattern recognition

Introduction An MSc project with the title Student Examination System, where the objective is to put the students in an examination condition but instead of having an invigilator in an examination center, the system will cater for the proper ongoing of the exam. the system can be used as an online examination system The system is able to: Recognizing the face shape of a particular student Detect if there is more than one person in the examination room  Analyze the typing pattern of a student and detect if any one person is taking part in the exam voice recognition for the student and detect if there is more than one person speaking in the examination room Setup Download Emgu CV from  http://www.emgu.com/wiki/index.php/Main_Page Download Haarcascade from  https://github.com/opencv/opencv/tree/master/data/haarcascades Create an account at  https://www.keytrac.net/ Face recognition The snippet below illustrates how the Emgu CV is loaded whe...

Student Information System - AngularJS , ASP.NET API, C#

Web based application the student information system is a small application that allows user to register and login to view information about a particular student and can perform several actions like Login and register to the application View students  Add new student Delete a particular student Update user information Screen Shot Project architecture routing.js, config.js and app.js allow the application to route from one partial view to another and config.js is used to save all the endpoint needed to access the API.   For separation of concerns, in the solution panel separate partial views, controller and services in different directories and reference it in index.html to enable angular to load all the files required Login process login.html LoginController.js Using $resource from AngularJS to make an API call and response  with a user details model UserViewModel and UserDetailsViewModel Using Unity fo...