Posts

Modifying And Extending The Application - ASP.NET Core 7 Part 6

Image
ASP.NET Core 7: Modifying And Extending The Application Part 6. ASP.NET Core 7: Modifying and Extending the Application This is part 6 of the " Web App Development Beginners Guide " tutorial series. In this tutorial series, we will learn how to build a functional Web Application with individual account user login. Before following this tutorial you need to understand the modifications we have done in the previous tutorial,  Modifying And Extending Website Contents - ASP.NET Core 7 Part 5 , since this one is the continuation of the website modification, without hard coding site-related data. In this tutorial, again, we are going to use the project we created in the first tutorial  ASP.NET Core 7: Creating A Razor Pages Web Application: Step-By-Step Guide .    Modifying the appsettings.json file Append the business info object node code to the appsettings.json file below the line that reads 'AllowedHosts': '*' , as shown in code 1: { "ConnectionS

Modifying And Extending Website Contents - ASP.NET Core 7 Part 5

Image
ASP.NET Core 7: Modifying And Extending Website Contents Part 5. ASP.NET Core 7: Modifying and Extending the Website Contents This is part 5 of the ' Web App Development Beginners Guide ' tutorial series. In this tutorial series, we will learn how to build a functional Web Application with individual account user login.  The previous tutorial can be found here: Part 4. ASP.NET Core 7: Examining The Project Structure    In this tutorial, we will use the project we created in the first tutorial: ' ASP.NET Core 7: Creating A Razor Pages Web Application - Step-By-Step Guide. ' First, let's take a look at _Layout.cshtml. . . Code 1: _Layout.cshtml For a more detailed explanation of Razor syntax , you can visit the Microsoft documentation . The actual page content is rendered to line 36 using the @RenderBody() function in the code above. For example, when a user goes to the home page, the Razor engine inserts the content of the index.cshtml file into this line. @Rende

Examining the Project structure - ASP.NET Core 7 Part 4

Image
ASP.NET Core 7: Examining the Project Structure This is part 4 of the " Web App Development Beginners Guide " tutorial series. In this tutorial series, we will learn how to build a functional Web Application with individual account user login. Part 4. ASP.NET Core 7: Examining the Project Structure We are going to use the project we created in the first tutorial  ASP.NET Core 7: Creating A Razor Pages Web Application: Step-by-Step Guide .    In that, we used the  ASP.NET Core Razor Web Page Application  template to create the project. Figure  1 shows the project structure  inside the Solution Explorer, where it displays the top-level folder structure.   It has 2 main files, 5 folders and two project items ( Connected Service  and  Dependencies ). Figure 1: Solution Explorer -Top-level view When using the wizard, there are a few options to choose from. The final generated project code and structure depend on these selections. For example, if a project is created using the AS

Getting Familiar with Visual Studio 2022 IDE - ASP.NET Core 7 Part 3

Image
ASP.NET Core 7: Getting Familiar with Visual Studio 2022 IDE This is part 3 of the " Web App Development Beginners Guide " tutorial series. In this tutorial series, we will learn how to build a functional Web Application with individual account user login. If haven't followed the last tutorial of the series, here is the link:   ASP.NET Core 7: Executing (running) The Razor Pages Web Application ,  Part 3. ASP.NET Core 7: Getting Familiar with Visual Studio 2022 IDE Now we will look at the project we created using Visual Studio 2022 Integrated development environment, acronym IDE. Throughout these tutorials, we use IDE for ease of use.  Figure 1:  Parts of the Visual Studio 2022 IDE The top section is marked in a red rectangle numbered  1 in  Figure 1 , and holds the commands menu and toolbar. Figure 2: Visual Studio 2022 IDE menu bar Most menu items are self-explanatory.  We already learned how to run the application using command buttons from the menu bar. Section  2  

Executing (running) the Razor Pages Web Application - ASP.NET Core 7 Part 2

Image
ASP.NET Core 7: Executing (running) the Razor Pages Web Application using Visual Studio 2022 This is part 2 of the " Web App Development Beginners Guide " tutorial series. In this tutorial series, we will learn how to build a functional Web Application with individual account user login. We are using the project we created in the previous tutorial:  ASP.NET Core 7: Creating A Razor Pages Web Application: Step-By-Step Guide  Part 2: ASP.NET Core 7: Executing (running) the Razor Pages Web Application In the previous tutorial, we created the ASP.NET Core 7 Razor Pages Web application using Visual Studio 2022. In this tutorial, we are going to learn about how to see, in other words, run the web application we created on the browser.  Note: I have marked red labels in the pictures shown in this tutorial for explanation purposes, those red typing or numbers are not actually shown in the actual Visual Studio windows on your computer. Figure 1: Wizard Created Project The project is