Online Restaurant Website Part 23 Home Page

on March 21, 2023

Online Restaurant Website Part 23 Home Page

Hi, Dear's here we learn how to implement PizzaRestaurantDrink Website in Visual Studio using C# ASP.NET MVC. Ilyasoft software company provide full project step by step training on our YouTube Channel ilyasoft software company so now subscribe, share and like for more project base tutorials

In this video we are going to implement Home Page Designing + Implementation for more details click here: watch vedio

First we are going to create HomeMV for data model to show data in view. code add below:

> HomeMV Model Code :

using Dblayer;

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

namespace PizzaRestaurantDrink.Models

{

public class HomeMV

{

PizzaRestaurentandDrinksDbEntities db = new PizzaRestaurentandDrinksDbEntities();

public HomeMV()

{

GetMenuCategories();

GetPopularDishes();

}

public virtual List<MenuCategoryMV> Menu { get; set; }

public void GetMenuCategories()

{

Menu = new List<MenuCategoryMV>();

foreach (var item in db.StockMenuCategoryTables.ToList())

{

Menu.Add(new MenuCategoryMV(item.StockMenuCategoryID)

{

MenuCategory = item.StockMenuCategory

});

}

public List<StockItemMV> PopularDishes { get; set; }

public void GetPopularDishes()

{

PopularDishes = new List<StockItemMV>();

foreach (var item in db.StockItemTables.Where(c => c.StockItemCategoryID == 2 && c.VisibleStatusID == 1).ToList()) // 2 is dishes category id in stockitemcatgorytable

{

var visiblestatus = db.VisibleStatusTables.Find(item.VisibleStatusID).VisibleStatus;

var createdby = db.UserTables.Find(item.CreatedBy_UserID).UserName;

PopularDishes.Add(new StockItemMV()

{

StockItemID = item.StockItemID,

StockItemCategory = item.StockItemCategoryTable.StockItemCategory,

ItemPhotoPath = item.ItemPhotoPath,

StockItemTitle = item.StockItemTitle,

ItemSize = item.ItemSize,

UnitPrice = item.UnitPrice,

RegisterDate = item.RegisterDate,

VisibleStatus = visiblestatus,

CreatedBy = createdby,

OrderType = item.OrderTypeTable.OrderType,

});

}

> Index Action Code : // Add to Home Controller

public ActionResult Index()

{

var home = new HomeMV();

return View(home);

}

Next we are going to design menu view 'Index View' for home page, code show below

> Index View Code :

@model PizzaRestaurantDrink.Models.HomeMV

ViewBag.Title = "Home";

}

</div>

</div>

</div>

</div>

</div>

<h4>LOVES HEALTHY FOOD</h4>

<p>That's great! Eating a healthy diet is important for maintaining good health and preventing many diseases. A healthy diet includes a variety of fruits, vegetables, whole grains, lean proteins, and healthy fats.</p>

<a class="btn-primary btn btn-wide" href="#">Today's menu</a>

</div>

</div>

<h4>Order Delivery and take out</h4>

</div>

<p>Ordering delivery or takeout is a convenient way to enjoy food from your favorite restaurants without having to leave your home. Here are some steps you can follow to order delivery or takeout.</p>

</div>

</div>

<button type="submit" value="submit" class="btn btn-theme"><i class="icofont icofont-search"></i>Search</button>

</fieldset>

</form>

<p>Select Food</p>

</li>

<p>Order Food</p>

</li>

<p>Delivery or Take Out</p>

</li>

</ul>

</div>

if (Model.PopularDishes != null)

{

<h4>Our Popular Dishes</h4>

</div>

<p>A dish made with a cut of beef, cooked to preference, and served with vegetables or other side dishes.</p>

</div>

@foreach (var item in Model.PopularDishes)

{

<h4>@item.StockItemTitle</h4>

<span>Order Type : @item.OrderType</span>

<p>@item.UnitPrice</p>

</div>

</div>

}

</div>

}

</div>

<p>The purpose of a restaurant menu is to provide customers with a variety of options to choose from and to help them decide what they want to eat and drink while dining at the restaurant.</p>

</div>

bool isfirstcategorychecked = false;

foreach (var categorymenu in Model.Menu)

{

var menucategory = categorymenu.MenuCategory.Replace(' ', '_').ToLower();

if (isfirstcategorychecked == false)

{

<a class="nav-link active" href="#@menucategory" data-toggle="tab" aria-expanded="true">@categorymenu.MenuCategory</a>

</li>

isfirstcategorychecked = true;

}

else

{

<a class="nav-link" href="#@menucategory" data-toggle="tab" aria-expanded="false">@categorymenu.MenuCategory</a>

</li>

}

</ul>

bool isfirsttabactive = false;

foreach (var category in Model.Menu)

{

var menucategory = category.MenuCategory.Replace(' ', '_').ToLower();

if (isfirsttabactive == false)

{

@foreach (var item in category.Lists)

{

</div>

<h4>@item.StockItemTitle - @item.ItemSize | (@item.VisibleStatus)</h4>

<p class="des">Order Type : @item.OrderType | Reg Date : @item.RegisterDate | Created By : @item.CreateBy </p>

<div class="price">PRICE : @item.UnitPrice PKR</div>

</div>

</div>

}

</div>

isfirsttabactive = true;

}

else

{

@foreach (var item in category.Lists)

{

</div>

<h4>@item.StockItemTitle - @item.ItemSize | (@item.VisibleStatus)</h4>

<p class="des">Order Type : @item.OrderType | Reg Date : @item.RegisterDate | Created By : @item.CreateBy </p>

<div class="price">@item.UnitPrice PKR</div>

</div>

</div>

}

</div>

}

</div>

</div>

<h4>Book Your Table</h4>

</div>

<p>Decide on a date and time: Choose the date and time you want to visit the restaurant, keeping in mind the restaurant's peak hours and availability.</p>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<div class="success-text">Your Message has been successfully sent.</div>

</div>

<div class="alert-text">Server error <br> Try again later.</div>

</div>

</div>

</form>

</div>

<span class="news">newsletter</span>

<p>For upcomming news subscription please enter your email address here.</p>

</div>

</div>

</form>

</div>

so once all above steps is done then run the application...

Code With Ilyasoft

Search here

Online Restaurant Website Part 23 Home Page

Comments

Post a Comment