Изгледи в MVC

Здравейте и добре дошли в третата лекция на нашия курс по MVC в C#! Този път ще се фокусираме върху изгледите и как да изградим динамични уеб страници с помощта на Razor синтаксиса.

Разглеждане на Razor Синтаксиса

Основи на Razor: Razor е мощен шаблонизатор, който позволява вмъкването на C# код в HTML. Той предоставя чист и изразителен начин за създаване на динамични уеб страници.

Пример за Razor Синтаксис:

<h1>@DateTime.Now.Year</h1>
<p>@Model.Message</p>

Създаване на Динамични Изгледи

Динамично Съдържание: С Razor можете лесно да интегрирате данни от модели, бази данни или други източници във вашите уеб страници.

Пример за Динамичен Изглед:

@model ProductModel
<h2>@Model.Name</h2>
<div>@Model.Description</div>

Използване на Layouts и Partial Views

Layouts: Layouts предоставят шаблон за общата структура на уеб страници, като header, footer и основни стилове.
Partial Views: Partial views са преизползваеми компоненти, които могат да бъдат включени в различни изгледи, като менюта, навигационни ленти и други общи елементи.

Пример за Layout:

<!-- _Layout.cshtml -->
<html>
<head>
    <title>@ViewBag.Title</title>
</head>
<body>
    @RenderBody()
    <footer>© 2023 My Company</footer>
</body>
</html>

Използване на Partial View:

<!-- В изглед -->
@Html.Partial("_NavigationMenu")

Използване на ViewBag и ViewData

ViewBag

ViewBag е динамичен обект, който позволява да се предават данни от контролера към изгледа. Той използва динамични свойства, което го прави много гъвкав.

Пример за използване на ViewBag:

public IActionResult Index() {
    ViewBag.Message = "Добре дошли в нашия сайт!";
    return View();
}

В изгледа (Index.cshtml):

<h2>@ViewBag.Message</h2>

ViewData

ViewData е речник на ключове и стойности, който също се използва за предаване на данни от контролера към изгледа.

Пример за използване на ViewData:

public IActionResult Index() {
    ViewData["Message"] = "Съобщение от ViewData";
    return View();
}

В изгледа:

<h2>@ViewData["Message"]</h2>

Заключение

Изграждането на изгледи в MVC е креативен и гъвкав процес. С помощта на Razor синтаксиса, layouts и partial views, можете да създавате богати и интерактивни уеб интерфейси. В следващата лекция ще се запознаем с формите и валидацията на данни, които са от съществено значение за интерактивността на уеб приложенията.
Използването на ViewBag и ViewData предоставя удобен начин за контролерите да предават данни към изгледите. Те са чудесен инструмент за добавяне на динамичност и персонализиране на изгледите в MVC приложенията. Следващата ни тема ще бъде фокусирана върху работата с форми и валидация на данни в MVC.

Изгледи в MVC​

Разглеждане на Razor Синтаксиса​

Създаване на Динамични Изгледи​

Използване на Layouts и Partial Views​

Използване на ViewBag и ViewData​

ViewBag​

ViewData​

Заключение​