Forem: Ulloa Silva

Creating ASP.NET Core Application using MVC Template

Ulloa Silva — Wed, 17 Jan 2024 07:05:16 +0000

In this article, I will delve into the process of crafting an ASP.NET Core Web Application utilizing the MVC (Model-View-Controller) Project Template.

Creating an ASP.NET Core MVC Application:

The ASP.NET Core Framework offers a pre-built project template named ASP.NET Core Web App (Model-View-Controller), designed to streamline the creation of an ASP.NET Core MVC Application by automatically configuring the essential MVC components. Throughout this ASP.NET Core MVC course, we will exclusively employ the ASP.NET Core Web App (Model-View-Controller) Project Template to develop our applications. In the upcoming sections, we will explore a detailed, step-by-step guide on how to initiate this process.

Creating an ASP.NET Core Application using the MVC Project Template: To initiate the creation of an ASP.NET Core Web Application using the MVC Project template, start by launching Visual Studio 2022. Next, navigate to the "Create a new project" tab, as illustrated in the image below.

Upon selecting the "Create a new Project" tab, the ensuing window is the "Create a new Project" window. In this window, opt for C# as the programming language, All Platforms as the target platform, and Web as the project type from their respective dropdown menus, as emphasized below. Highlight and choose "ASP.NET Core Web App (Model-View-Controller)," as indicated below, and proceed by clicking the "Next" button, as illustrated in the image below.

After clicking the "Next" button, the subsequent window is the "Configure Your New Project" window. In this step, furnish the essential details to initialize a new ASP.NET Core project. Begin by assigning a fitting name to your project (e.g., SampleMVCWeb), specify the desired location for project creation, and set the solution name for the ASP.NET Core Web application. Conclude the process by clicking the "Create" button, as depicted in the image below.

Upon clicking the "Create" button, the ensuing window is the "Additional Information" window. In this stage, you must make specific selections to configure your ASP.NET Core project. Choose the Framework as .NET 6.0 (Long-term support) and set the Authentication type to None. Additionally, ensure to check the boxes for Configure for HTTPS and Do not use top-level statements. Conclude this step by clicking the "Create" button, as illustrated in the image below.

That concludes the process. Upon clicking the "Create" button, the project will be generated with the Web Application (Model-View-Controller) - MVC template, resulting in the following folder and file structure.

Let us understand the project structure in detail.

Dependencies: This folder includes the required dependencies, i.e., the required packages to run ASP.NET Core Application. If we add new packages as per our requirement, those packages will be added inside this Dependencies folder (Packages folder, which is a sub-folder of Dependencies).
Properties: This folder contains the launchsettings.json file and will only be used in the development environment. This will not be available when we publish the project and hence not available in any other environment.
wwwroot: It is the project’s web root directory. The wwwroot folder going to contains all the static files such as .css, .js, and bootstrap files, etc.
Controllers: All the controller classes are in the Controllers folder.
Models: All the model classes go into the Models folder.
Views: Contains Razor views (.cshtml) files for rendering HTML content. Razor is a view engine used in ASP.NET to create dynamic HTML.
Shared: Shared folder under the Views folder contains _Layout.cshtml. It is the default layout for the ASP.NET core app. It includes app header, footer, and navigation.
appsettings.json: This file will contain the settings which we want throughout the application, such as connection string, application scope global variables, etc.
Program.cs: The Program class contains the Main method, the entry point to our ASP.NET Core Web Application. The Main method is responsible for setting the web host, configuring the services (Both Built-in and User-Defined), configuring the Middleware Components (Both Built-in and User-Defined), and starting the application so that the application can listen to the HTTP Incoming Requests.

MVC Setup:
The ASP.NET Core Web App (Model-View-Controller) Project template inherently incorporates the essential configuration for MVC. To verify this, open the Program.cs class file, where you will observe that the necessary MVC Services and the MVC Request processing pipeline have been automatically integrated by the framework, as depicted in the image below.

namespace SampleMVCWeb
{
    public class Program
    {
        public static void Main(string[] args)
        {
            var builder = WebApplication.CreateBuilder(args);

            // Add MVC Services to the container.
            builder.Services.AddControllersWithViews();

            var app = builder.Build();

            // Configure the HTTP request pipeline.
            if (!app.Environment.IsDevelopment())
            {
                app.UseExceptionHandler("/Home/Error");
                // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
                app.UseHsts();
            }

            app.UseHttpsRedirection();
            app.UseStaticFiles();

            app.UseRouting();

            app.UseAuthorization();

            //MVC Request Processing Pipeline
            app.MapControllerRoute(
                name: "default",
                pattern: "{controller=Home}/{action=Index}/{id?}");

            app.Run();
        }
    }
}

Running the MVC Application: The ASP.NET Core Web App (Model-View-Controller) Project template generates the Home Controller along with associated views. Let's execute the application to observe the output, as illustrated below.

I hope it will be of great use to the community

How to Create Database & Collection in MongoDB

Ulloa Silva — Tue, 09 Jan 2024 04:51:03 +0000

Introduction
MongoDB is a NoSQL database solution that focuses on availability and scalability. The data is structured and stored in collections of JSON documents.
By not using a fixed data structure, MongoDB provides a comprehensive solution for high-volume storage in a modern distributed system.

Let's start with this tutorial

Step 1: You can sign up for MongoDB Atlas and create an online database for free here.

You can register with Google.

Step 2: Accept Privacy Policy & Terms of Service

Step 3: Answer the following questions according to your needs.

Step 4: Deploy your database. Next, leave the default settings, this is if you are using a free account.

You can change the cluster name if you wish.

Once inside, wait for the cluster to finish configuring, and then click on create user

Connect from local environment.

Now you can finish by clicking on the finish button.

Now go to the database section and you can manage your databases.

Press the connect button and it will show you the different types of connection.

You can use whatever you need, in my case I am going to use visual studio. This will generate the connection string for me.

Now just copy the connection string to your project and you can connect to the database.

How to install Postman on Arch-based Linux Distributions(Arch Linux) ?

Ulloa Silva — Sat, 06 Jan 2024 19:15:50 +0000

Postman is an HTTP client used to build, test, and modify APIs. It provides a graphical user interface through which developers can generate various types of HTTP requests like GET, POST, PUT, PATCH, and DELETE. It is used by more than 20 million developers across the globe to develop RESTful APIs. Among the operating systems supported by the app are Windows, macOS, and Linux. Today, we will discuss how to install Postman on Arch-based Linux distributions.

Installing Postman

Step 1: Update and upgrade our system by executing:

$ sudo pacman -Syu

Step 2: Download the latest available package for Linux by visiting.
Download Postman

Click in Linux(x64)

Step 3: Move into our browser’s default download directory.

$ cd ~/Downloads

Step 4: Unzip the postman tar file.

$ tar -xzf postman-linux-x64.tar.gz
$ find -type f | grep Post

Step 5: Relocate the extracted folder into the /opt directory.

$ sudo mv Postman /opt

Step 6: Create a symlink to launch Postman from the shell.

$ sudo ln -s /opt/Postman/Postman /usr/local/bin/postman
$ ll /usr/local/bin/

Step 7: Now create a new .desktop file to start them by clicking on a launcher icon.

$ sudo lvim /usr/share/applications/postman.desktop

Step 8: Copy and paste the following.

[Desktop Entry]
Type=Application
Name=Postman
Icon=/opt/Postman/app/resources/app/assets/icon.png
Exec=”/opt/Postman/Postman”
Comment=Postman Desktop App
Categories=Development;Code;

Step 9: Search “Postman” in the application manager to launch the application.

Step 10: Now sign up/into our Postman account by entering our credentials.

I hope it has been of great help.