In this article I will explain with an example, how to populate Grid using MySQL database and Dapper library in ASP.Net Core MVC.
Note: For beginners in ASP.Net Core (.Net Core 7), please refer my article ASP.Net Core 7: Hello World Tutorial with Sample Program example.
 
 

Installing Dapper package using Nuget

In order to install Dapper library using Nuget, please refer my article Install Dapper from Nuget in Visual Studio.
 
 

Database

I have made use of the following table Customers with the schema as follows.
ASP.Net Core: Populate Grid using MySql and Dapper
 
I have already inserted few records in the table.
ASP.Net Core: Populate Grid using MySql and Dapper
 
Note: You can download the database table SQL by clicking the download link below.
           Download SQL file
 
 

Model

The Model class consists of following properties.
public class CustomerModel
{
    public int CustomerId { get; set; }
    public string Name { get; set; }
    public string Country { get; set; }
}
 
 

Namespaces

You will need to import the following namespaces.
using Dapper;
using MySql.Data.MySqlClient;
 
 

Controller

The Controller consists of following Action method.

Action Method for handling GET operation

Inside this Action method, first the connection is read from the ConnectionStrings section of the AppSettings.json file.
Then, a connection to the database is established using the MySqlConnection class.
Finally, using Query method of Dapper library, the records are fetched from the MySQL database.
public class HomeController : Controller
{
    public IConfiguration Configuration { get; set; }
 
    public HomeController(IConfiguration _configuration)
    {
        this.Configuration = _configuration;
    }
 
    public IActionResult Index()
    {
        string sql = "SELECT CustomerId, Name, Country FROM Customers";
        string constr = this.Configuration.GetSection("ConnectionStrings")["MyConn"];
        using (MySqlConnection con = new MySqlConnection(constr))
        {
            return View(con.Query<CustomerModel>(sql));
        }
    }
}
 
 

View

Inside the View, in the very first line the Generic List collection of CustomerModel class is declared as Model for the View.
For displaying the records, an HTML Table is used. A FOR EACH loop will be executed over the Model which will generate the HTML Table rows with the Customer records.
@using Dapper_Select_MySQL_Core_MVC.Models
@model List<CustomerModel>
@{
      Layout = null;
}
 
<!DOCTYPE html>
 
<html>
<head>
      <meta name="viewport" content="width=device-width" />
      <title>Index</title>
</head>
<body>
      <table cellpadding="0" cellspacing="0">
          <tr>
              <th>Customer Id</th>
              <th>Name</th>
              <th>Country</th>
          </tr>
          @foreach (CustomerModel customer in Model)
          {
              <tr>
                  <td>@customer.CustomerId</td>
                  <td>@customer.Name</td>
                  <td>@customer.Country</td>
             </tr>
          }
      </table>
</body>
</html>
 
 

Screenshot

ASP.Net Core: Populate Grid using MySql and Dapper
 
 

Downloads

Download Code