Skip to content
Derek Peacock edited this page Sep 13, 2024 · 43 revisions

CO550 WebApps Wiki 2022-24

This wiki contains some additional resources for CO550, including the LogBooks for one of the assessments.
It also contains the list of teams for the team project.

Microsoft ASP.NET 8.0 Tutorials

Razor Pages Movies
MVC Movies
Razor Pages Contoso
MVC Contoso

Derek Blazor .NET 6.0 Videos

  1. Introduction to Blazor
  2. Blazor Components - Product List
  3. Dependancy Injection - Shopping Cart
  4. Shopping Items
  5. Shopping Cart

Assessment CW1 Project Design & CW2b Project Implementation

Assessment CW2a ASP.NET Core 6.0 LogBooks

  1. LogBook 1
  2. LogBook 2
  3. LogBook 3
  4. LogBook 4
  5. LogBook 5

Displaying Products to Customers

This is an example of displaying multiple rows of Cards, 3 per row. Each Card displays an image and some information.

<header class="jumbotron">
    <h1>DigiGame Video Game Listing</h1>
</header>

<section>        
    <div class="row">
        @foreach (var item in Model.VideoGame) 
        {
            if (colNo > 0 && colNo % 3 == 0)
            {
                @:</div><div class="row">
            }
        
            <div class="col-lg-4">
                <div class="card" style="width: 18rem;">
                    <img src="..." class="card-img-top" alt="...">
                    <div class="card-body">
                        <h5 class="card-title">@item.Title</h5>
                        <p class="card-text">@item.Description</p>
                        <a href="#" class="btn btn-primary">View Game</a>
                    </div>
                </div>
            </div>
            colNo++;
        }
    </div>
</section>

Clone this wiki locally