Лабораторна робота 2
Відкриємо Microsoft Visual Studio 2012 У меню File (Файл) виберемо пункт New Project... (Створити проект). Перед нами відкриється діалогове вікно створення проекту, в якому ми виберемо шаблон ASP.NET MVC 4 Web Application:
Далі перед нами відкриється вікно вибору шаблону нового додатка:
Виберемо шаблон Internet Application.
Шаблони додатки MVC 4
Internet Application. Даний шаблон представляє деяку базову функціональність, наприклад, управління обліковими записами, яку буде містити новий додаток.
Intranet Application. Даний шаблон схожий на шаблон Internet Application. Відмінність полягає в тому, що в Intranet Application для управління обліковими записами використовується аутентифікація Windows, а не система ASP.NET Membership.
Empty. Цей шаблон представляє абсолютно чистий додаток без будь-яких файлів і структури папок.
Basic. Цей шаблон також представляє порожній проект. Правда, він містить базові каталоги, CSS, інфраструктуру додатки MVC. Раніше в MVC 3 цей шаблон називався Empty.
Mobile Application. Призначений для створення веб -додатків для мобільних платформ.
Web API. Призначений для створення сервісів і для роботи з фреймворком Web API.
Крім того, дане діалогове вікно пропонує нам вибрати движок подання до секції View Engine і задати опції тестування.
При виборі движка представлення нам доступні дві опції - движок Razor і ASPX (традиційний движок Web Forms). У даному випадку ми виберемо Razor.
Отже, натискаємо кнопку OK і створюємо новий проект. Ми відразу ж можемо запустити проект на виконання і нам постане картинка в браузері з нашим додатком:
Таким чином, весь функціонал, який містить проект за замовчуванням, реалізується в такий додаток.
Структура проекту MVC 4
Праворуч у вікні Solution Explorer (оглядач рішень) ми можемо побачити структуру проекту MVC 4.
App_Data -У цій папці зберігаються всі необхідні файли і ресурси, наприклад, бази даних, використовувані додатки. Після розгортання програми лише безпосередньо додаток може працювати з цією папкою, доступ же простих користувачів в цю папку заборонений.
Файл Global.asax і папка App_Start У mvc 4 була додана папка App_Start. Вона включає весь функціонал конфігурації програми, який в попередніх версіях містився у файлі Global.asax, а тепер перенесено в набір статичних класів, що викликаються в Global.asax. Ці статичні класи містять деяку логіку ініціалізації програми, виконуються при запуску.
файл Web.config Файл конфігурації програми, який знаходиться в кореневій папці програми
Content Містить деякі допоміжні файли, які не включають код на C# або javascript, і які розгортаються разом з додатком. Зокрема, тут можуть розміщуватися файли стилів CSS. Так, в цій папці ви побачите файл Site.css, який містить стилі додатки, а також папку з темами, що включає стилі css та зображення для певних тем.
Controllers Містить контролери - класи, що відповідають за роботу програми. За замовчуванням тут знаходяться два контролери - HomeController і AccountController.
Папки Images і Scripts Папки Images і Scripts містять відповідно зображення і скрипти на JavaScript, використовувані в додатку. За замовчуванням ці папки вже містять файли, зокрема, в папку Scripts вже поміщені файли бібліотеки jQuery.
Models Містить моделі, що використовуються додатком. За замовчуванням тут визначена одна модель - AccountModel, яка представляє окрему обліковий запис.
Views Тут розміщуються представлення. Представлення групованні по папках, кожне з яких відповідає одному контролеру. Після отримання та обробки запиту контролер, відправляє одне з цих представлень, заповнених деякими даними, клієнту. Крім того, є папка загальних для контролерів представлень - папка Shared
СТВОРЕННЯ ПРОЕКТУ
Створимо перший примітивний додаток на MVC 4, задача якого дати деяке початкове представлення роботи MVC. Як шаблон проекту ми виберемо шаблон Empty і створимо міні -додаток з нуля.
Задача. Припустимо, ми робимо сайт банку або кредитної організації. І наш додаток буде виводити на головну сторінку з бази даних інформацію про кредити. Крім того, ми зробимо так, щоб користувач міг подати заявку на отримання кредиту, і ця заявка збереглася в базі даних.
Відкриємо Visual Studio, в меню виберемо File -> New Project.. і серед шаблонів проектів виберемо шаблон ASP.NET MVC 4 Web Application і як-небудь назвемо новий проект, наприклад, MvcCreditApp. Потім у вікні створення нового проекту ASP.NET MVC 4 Web Application виберемо шаблон Empty:
Після цього буде створено по суті порожній проект, в якому ще нічого немає. Нам належить наповнити його.
По-перше, нам належить працювати з даними, які повинні бути представлені якимись моделями. Для нашого завдання ми можемо виділити дві області даних: інформація про кредит та інформація про заявку на кредит. Відповідно, ми створимо дві моделі. Отже, в нашому додатку вже визначена папка Models. У ній будуть знаходитися наші моделі. Натиснемо на цю папку правою кнопкою миші і в меню виберемо Add- > Class.... Назвемо новий клас або модель Credit і додамо в нього код, що описує модель кредиту:
Тепер таким же чином створимо клас для заявки на кредит - клас Bid:
Умовності при створенні моделей
В даному випадку діють деякі умовності. Оскільки база даних і відповідна їй модель повинна мати первинний ключ (Primary Key), то ми його повинні визначити. У нас є два шляхи визначення ключа. У даному випадку ми використовували визначення ключа за назвою властивості. Для цього модель повинна містити властивість з ім'ям Ім'я_моделіId або просто Id. Так, у нас в моделі Credit визначено властивість CreditId, тобто дана властивість є первинним ключем. Другий спосіб полягав у визначенні ключа за допомогою атрибуту Key, встановленим над потрібною властивістю. Більш докладно про це ми поговоримо в далі, де будемо обговорювати моделі.
