if (formOfStudy != "")

foundGroups = foundGroups.Where(p => p.FormOfStudy == formOfStudy);

return PartialView(foundGroups);

}

Пояснение:

Сверху страницу строки для ввода данных для поиска и соответствующая кнопка.

Снизу отображаются найденные Группы с двумя кнопками - удалить и редактировать.

Создание Группы

Рис. 11 Создание группы

Исходный код:

[HttpGet]

public ActionResult AddGroups()

{

return View();

}

[HttpPost]

public ActionResult AddGroups([Bind(Include = "Id,Number,YearOfAdmission,Faculty,Degree,FormOfStudy,MonitorId")]Groups groups)

{

using (DiaryConnection db = new DiaryConnection())

{

if (ModelState.IsValid)

{

db.Groups.Add(groups);

db.SaveChanges();

return RedirectToAction("Groups");

}

}

ViewBag.ErrorMessage = "Неверный ввод данных";

return View(groups);

}

Пояснение:

Отображаются поля для создания новой группы с валидацией на представлении и на сервере.

Редактирование Группы



Рис. 12 Редактирование группы

Исходный код:

[HttpGet]

public ActionResult EditGroups(int? id)

{

if (id == null)

{

return HttpNotFound();

}

Groups group;

using (DiaryConnection db = new DiaryConnection())

{

group = db.Groups.Find(id);

if (group != null)

{

var students = db.Students.Where(p => p.GroupId == group.Id).ToList();

ViewBag.Students = new SelectList(students, "Id", "FullName", group.Students);

db.Dispose();

return View(group);

}

}

return HttpNotFound();

}

[HttpPost]

public ActionResult EditGroups([Bind(Include = "Id,Number,YearOfAdmission,Faculty,Degree,FormOfStudy,MonitorId")]Groups group)

{

using (DiaryConnection db = new DiaryConnection())

{

if (ModelState.IsValid)

{

db.Entry(group).State = EntityState.Modified;

db.SaveChanges();

}

else

{

var students = db.Students.Where(p => p.GroupId == group.Id);

ViewBag.Students = new SelectList(students, "Id", "FullName", group.Students);

db.Dispose();

return View(group);

}

}

return RedirectToAction("Groups");

}



Пояснение:

Поля формы заполнены данными выбранной группы. При нажатие кнопки “Изменить”, происходит сохранение изменений у выбранной группы.

Удаление Группы.

веб приложение скрипт фреймворк

Рис. 13 Удаление группы

Исходный код:

[HttpGet]

public ActionResult DeleteGroups(int? id)

{

if (id == null)

{

return HttpNotFound();

}

Groups group;

using (DiaryConnection db = new DiaryConnection())

group = db.Groups.Find(id);

if (group == null)

{

return HttpNotFound();

}

ViewBag.Id = id;

return View(group);

}

[HttpPost, ActionName("DeleteGroups")]

public ActionResult DeleteGroupConfirmed(int id)

{

using (DiaryConnection db = new DiaryConnection())

{

db.Database.Log = s => System.Diagnostics.Debug.WriteLine(s);

Groups group = db.Groups.Find(id);

if (group == null)

{

return HttpNotFound();

}

db.Groups.Remove(group);

try

{

db.SaveChanges();

}

catch(System.Data.Entity.Infrastructure.DbUpdateException ex)

{

string errorMessage = "Нельзя удалить так как данная группа используеться в одном из TeacherGroupSubject";

string url = "Groups";

return RedirectToAction("ErrorMessage", new { message = errorMessage, urlToRedirect = url });

}

}

return RedirectToAction("Groups");

}

Пояснение:

Процесс удаление разделён на 2 части. 1 часть выводить форма с данными о удаляемой группе, во 2 части(метод POST) происходит само удаление. Тем самым мы спрашиваем подтверждение у пользователя об удалении.

Принятие заявки на регистрацию студента.

*место для картинки*

Исходный код:

[HttpGet]

public ActionResult ConfirmStudentRegistration(int? id)

{

if(id == null)

return HttpNotFound();

ApplicationsForRegistration application;

DiaryConnection db = new DiaryConnection();

application = db.ApplicationsForRegistration.Find(id);

ViewBag.FoundStudents= db.Students.Where(p => (p.FullName.Contains(application.FirstName) && p.FullName.Contains(application.SecondName)) || p.Number == application.CardNumber).ToList();

return View(application);

}

[HttpPost]

public ActionResult StudentsSearchForApplication(string number, string fullName, string groupNumber,int applicationId)

{

List<Students> foundStudents;

using (DiaryConnection db = new DiaryConnection())

{

if (number == "" && fullName == "" && groupNumber == "")

foundStudents = db.Students.ToList();

else if (fullName == "" && groupNumber == "")

foundStudents = db.Students.Where(p => p.Number == number).ToList();

else if (number == "" && groupNumber == "")

foundStudents = db.Students.Where(p => p.FullName.Contains(fullName)).ToList();

else if (number == "" && fullName == "")

{

var students = db.Students.ToList();

foundStudents = students.Where(p => p.Groups1.GetGroupNumber(Semester.Today()) == Convert.ToInt32(groupNumber)).ToList();

}

else if (groupNumber == null)

foundStudents = db.Students.Where(p => p.Number == number && p.FullName.Contains(fullName)).ToList();

else if (number == "")

foundStudents = db.Students.Where(p => p.FullName.Contains(fullName)).ToList().

Where(p => p.Groups1.GetGroupNumber(Semester.Today()) == Convert.ToInt32(groupNumber)).ToList();

else if (fullName == "")

foundStudents = db.Students.Where(p => p.Number == number).ToList().

Where(p => p.Groups1.GetGroupNumber(Semester.Today()) == Convert.ToInt32(groupNumber)).ToList();

else

{

foundStudents = db.Students.Where(p => p.Number == number && p.FullName.Contains(fullName)).ToList().

Where(p => p.Groups1.GetGroupNumber(Semester.Today()) == Convert.ToInt32(groupNumber)).ToList();

}

foundStudents.RemoveAll(p => p.UserName != null);

}

ViewBag.ApplicationId = applicationId;

return PartialView(foundStudents);

}

public ActionResult CompletionStudentRegistration(int? applicationId, int? studentId)

{

if (applicationId == null || studentId == null)

return HttpNotFound();

DiaryConnection db = new DiaryConnection();

var application = db.ApplicationsForRegistration.Find(applicationId);

ViewBag.FoundStudents = db.Students.Where(p => (p.FullName.Contains(application.FirstName) && p.FullName.Contains(application.SecondName)) || p.Number == application.CardNumber);

var student = db.Students.Find(studentId);

ApplicationDbContext context = new ApplicationDbContext();

var userManager = new ApplicationUserManager(new UserStore<ApplicationUser>(context));

var studentAccount = new ApplicationUser { Email = application.Email, UserName = application.Login };

var result = userManager.Create(studentAccount, application.Password);

if (result.Succeeded)

{

userManager.AddToRole(studentAccount.Id, "student");

student.UserName = application.Login;

db.ApplicationsForRegistration.Remove(application);

db.SaveChanges();

}

return RedirectToAction("ApplicationsForRegistration");

}

Пояснение:

Студент оставляет свою заявку на регистрацию, затем администратор должен одобрить её или отклонить. На представление админстратор видит справа выбранную заявку, а слева функционал выбора студента с которым надо связать заявку. В функционал входят: возможность поиска студента, и список найденных студентов в который изначально включены. Рядом с найденным студентом стоит кнопка которая связывает заявку со студентом т.е. создаёт аккаунт для студента( с логином и паролем указанным в заявке).



4. ТЕСТИРОВАНИЕ

Запуск веб-приложения происходить с помощью браузера `Яндекс.Браузер'.

Тест 1.

У каждого аккаунта в этом веб-приложении есть своя роль. Всего их 3 - это студент, преподаватель и администратор, и в зависимости от того какая роль у аккаунта приложение предоставляет соответствующий этой роли функционал.

Авторизация за студента.

Рис. 13 Тестирование для студента

Результат: отображается соответствующий именно этому студенту таблицы.

Тест 2. Отображения разных таблиц с оценками для студента в зависимости от выбранного семестра.

Результат: Отображаемые таблицы изменяются в зависимости от выбранного семестра.

Тест 3. Подачи заявки на регистрацию студентом.

Рис. 14 Тестирование подачи заявки на регистарцию

Результат: после нажатия Регистрация соответствующая заявка сохранена в бд и ждёт подтверждения администратором.

Рис. 15 Заявка на регистрацию в БД

Тест 4.

Авторизация за преподавателя.

Результат: отображается соответствующий этой роли функционал, так же таблицы, группы и предметы соответствующую именно этому преподавателю.

Рис. 16 Результат авторизации за преподавателя

Тест 5.

Внесение изменений в поля таблицы и сохранение этих изменений в бд.

Внесём в пустую таблицу с оценками за экзамен какие-либо оценки.



Рис. 17 Изначальная таблица с оценками

Рис. 18 Таблица после сохранения изменений

Если нажать сохранить, то данные изменения в таблице сохраняться в бд и при обновление страницы, таблица будет с новыми данными.

Рис. 19 Оценки в БД



Тест 6. При выборе других групп и дисциплин отображаются соответствующие именно им таблиц.

Рис. 20 Изменение таблиц с оценками.

Результат: Таблицы с оценками отображаются для выбранных Групп и Дисциплин.

Тест 7. Создание связи ПреподавательГруппаДисциплина.

Создание этой связи обозначает, что Преподаватель из этой связи ведёт у Группы из этой связи указанную Дисциплину.



Рис. 21 Тестирование создание связи ПреподавательГруппаПредмет

Если нажать добавить, то создаться необходимая связь и можно будет создать таблицы для этой группы и предмета.

Рис. 21 Результат создания связи ПреподавательГруппаПредмет

Тест 8. Создание таблиц с оценками.

Изначально никаких таблиц нету и преподаватель должен создать необходимые ему таблицы.



Рис. 22 Создание таблиц

При нажатие на одну из ссылок создаётся нужная таблица.

Рис. 23 Результат создания таблицы

Результат: создана нужная таблица.

Тест 9. Авторизация за администратора.



Рис. 24 Пример страницы для администратора

Результат: После авторизации открывается функционал администратора.

Тест 10. Поиск Групп.

Поиск происходит по полям: Номер группы, Год поступление, Факультет, Ступень, Форма обучения.

Рис. 25 Пример поиска группы

Результат: поиск удался.

Тест 11. Создание группы.



Рис. 26 Создание группы

Если заполнить данные поля на форме, данные пройдут валидацию и нажать кнопку сохранить, то будет создан новая Группа.

Рис. 27 Результат создание группы

Результат: Группа создана.

Тест 12. Редактирование Группы.

Для этого надо найди нужную Группу и нажать соответствующую кнопку.



Рис. 28 Группа с подчёркнутой кнопкой для редактирования

Выводится форма с полями для редактирование.

Рис. 29 Форма для редактирование Группы

Если эти поля изменить и изменение пройдут валидацию, то сохранения вступят в силу.



Рис. 30 Результат реадктирования Группы

Результат: Студент успешно отредактирован.

Тест 13. Удаление Группы.

Для удаление нужно найти нужного Студента, и нажать нужную кнопку.

Рис. 31 Группа с подчёркнутой кнопкой для удаление

Появиться форма с предложением удалить Группу, если нажать Удалить, то Группа удалится.



Рис. 32 Форма с предложением удалить Группу

Результат: Студент успешно удалён.

Рис. 33 Результат удаление Группы

Тест 14. Приём заявки регистрации студента.

Рис. 34 Заявка на регистрацию с подчёркнутой кнопкой для выбора заявки

Сначала нужно выбрать заявку, которую собираемся принять и нажать нужную кнопку.

Рис. 35 Страница для принятие заявки

Затем, выбрать того студента с которым собираемся связать заявку. Для этого можно использовать функционал поиска или выбрать одного из найденных студентов и нажат рядом с ним на кнопку, тогда произойдёт связывание заявки на регистрацию и Студента и выбранный студент получит возможность проходить аутентификацию и авторизацию на сайте.



5. РУКОВОДСТВО ПОЛЬЗОВАТЕЛЯ

Окно логина

При первом заходе на веб-приложение его встречает окно для ввода логина и пароля.

Рис. 36 Окно логина

И в зависимости от вида пользователя этой учётной записи, функционал веб-приложения может принимать 3 формы:

1) Студент

2) Преподаватель

3) Администратор

5.1 Студент

После прохождения аутентификации и авторизации, студент видит свои итоговые оценки и сверху может выбрать за какой семестр ему посмотреть оценки.



Рис. 37 Страница Студента

Студент может оставить заявку на регистрацию, которую потом администратор может принять и активировать для этого студента функционал аутентификации и авторизации.



Рис. 38 Страница с заявкой на регистрацию Студента

На этом функционал для студента исчерпывается.

5.2 Преподаватель

После прохождения аутентификации и авторизации, преподаватель видит журнал с оценками по центру и чуть выше выбор группы и предмета для которого показаны таблицы с оценками.



Рис. 39 Журнал для Преподавателя

Поля открыты для редактирования, но изменения сохраняются после нажатия кнопки Сохранить под нужной таблицей.

Как видно вверху есть закладка Преподаватель-Группа-Предмет. Она служит для того что бы преподаватель мог выбрать у какой группы и какой предмет он введёт.



Рис. 40 Создание связи ПреподавательГруппаДисциплина

Преподаватель может выбрать уже существующий предмет или создать новый.

Сверху есть ещё одна закладка Архив. В архиве хранятся оценки студентов за предыдущие семестры(в Журнале только за текущий).



Рис. 41 Архив у Преподавателя

Тот же самый функционал что и в Журнале, только с выбором семестра.

Преподаватель может выбрать какие таблицы(экзамен, зачёт, практика и тп) ему создать.



Рис. 42 Создание таблиц

Общее руководство для преподавателя

В самом начале использование приложением преподавателю нужно выбрать те группы и предметы у которых он введёт в этом семестре, затем создать необходимые таблицы по этим таблицам.

5.3 Администратор

После прохождения аутентификации и авторизации, администратор видит страницу для работы со Студентами.



Рис. 43 Страница для работы со студентами

Это типовой вариант для страницы, подобная страница есть для таких сущностей как Студент, Предмет, Преподаватель, Группа, Семестр, Преподаватель-Группа-Предмет.

Для указанных сущностей один тот же функционал:

· Поиск

· Создание

· Редактирование

· Удаление

Поиск

На рисунке сверху виден функционал поиска на примере Студента. Есть поля для поиска по которым производиться поиск, чуть ниже отображаются найденные студенты.

Создание

При нажатие на кнопку Добавить студента, открывается страница для создания Студента с соответствующими полями.



Рис. 44 Создания студента

Редактирование

Что бы редактировать студента нужно нажать на подчёркнутую кнопку в списке найденных студентов.

Рис. 45 Кнопка для редактирование Студента

Тогда открывается форма для редактирование полей студента.

Рис. 46 Редактирование студента

Удаление

Что бы удалить студента нужно нажать на подчёркнутую кнопку в списке найденных студентов.

Рис. 47 Кнопка для удаление Студента

Тогда открывается форма с подтверждением удаление Студента.

Рис. 48 Подверждение удаление студента

Приём заявок на регистрацию студента

Для начала нужно выбрать нужную заявку которую мы хотим одобрить. А затем найти того студента которым она была написана и нажать нужную кнопку.

Журнал

Администратор может и изменять, ставить и удалять оценки в таблицах. Функционал подобен Преподавателю, только с выбором преподавателя.

Общее руководство для администратора

При начале использование веб-приложением администратору нужно создать необходимые сущности для нормальной работы приложения. Начать нужно с создание Семестра, затем ввести необходимые Группы, уже потом вводить Студентов.



6. РУКОВОДСТВО ПО УСТАНОВКЕ И СОПРОВОЖДЕНИЮ ПО

Для того чтобы управлять сайтом после его создания, изменять и расширять функциональность, разработчик должен:

• Представлять себе принципы работы с реляционной СУБД MS SQL server.

• Знать принципы создания сайтов ASP.NET на языке C#.

Также необходимо знать основы языка программирования JavaScript с фреймворком jQuery, языки запросов SQL, язык разметки HTML, иметь представление о технологии CSS.

Программные требования

операционная система Microsoft Windows; webсервер c поддержкой хостинга ASP.NET; сервер баз данных MS SQL 2014 или выше

Хранение данных

Данные должны храниться в БД на выбранном хостинге. Важное замечание что для работы этого веб-приложения нужно чтобы хостинг поддерживал минимум 2 БД. Одна для таблиц из предметной области, а другая для системы аутентификации и авторизации Identity.

Публикация на веб-сервере IIS

Данная публикация проводилась на Visual Studio 2015 Community и ОС Windows 8.

Как правило, большинство веб-приложений ASP.NET публикуются на веб-сервер IIS. Поэтому посмотрим на примере, как размещать веб-приложение на IIS-севере.

В начале сконфигурируем веб-сервер. Для этого откроем средство администрирования IIS: зайдем в Панель управления, затем выберем Администрирование->Диспетчер служб IIS. И нам откроется консоль управления IIS:



Рис. 49 IIS

Будем размещать свой сайт в узле по умолчанию (в моем случае это Default Web Site). И для этого вначале создадим в каталоге этого узла папку для нашего приложения. По умолчанию каталогом для стандартного веб-узла является каталог C:\inetpub\wwwroot. Перейдем в нее и создадим в нем папку Diary, которая будет содержать наше приложение.

Теперь нажмем правой кнопкой мыши на имя узла по умолчанию и выберем в появившемся меню пункт Добавить приложение:

Рис. 50 Где находится добавление приложения в IIS.

В появившемся окне введем соответствующие настройки (в качестве физического пути приложения созданный выше каталог):

Рис. 51 Добавление приложения в IIS.

Сайт у нас практически создан. Теперь осталось разместить в каталоге C:\inetpub\wwwroot\Diary наше приложение.

Перейдем к приложению в Visual Studio. Сверху откроем закладку Сборка и в появившемся меню выберем Опубликовать:

Рис. 52 Опубликование проекта в Visual Studio



Перед нами откроется мастер публикации, который предложит нам пройти несколько этапов. В начале выберем профиль. Новый профиль можно создать нажав “Настроить”.

Рис. 52 Настройка публикации проекта

После создания профиля нажмем на Далее и перейдем к следующему этапу - Подключение. На этом этапе для опции Publish Method выберем File System

Для опции Target Location определим физический путь к каталогу нашего сайта. В данном случае это путь C:\inetpub\wwwroot\Diary.



Рис. 53 Настройка подключения для опубликование проекта

После установки всех свойств жмем на кнопку Опубликовать. После этого в Visual Studio в окне Вывод студия выдаст сводку об успешности или неуспешности публикации. Возможно, вы увидите сообщения "Отказано в доступе", из-за чего публикация пройдет неудачно:

Рис. 54 Вывод после опубликования



В этом случае нам надо открыть доступ к папке C:\inetpub\wwwroot\Diary на запись (по умолчанию стоит доступ только на чтение) и повторить публикацию.

Либо как вариант, если мы не хотим раскрывать доступ на запись, то можно вручную скопировать и перенести все необходимые файлы в указанную выше папку. Как нам показывает окно Output, все файлы для публикации сохраняются в проекте в каталоге obj\Release\Package\PackageTmp. И мы можем просто скопировать все файлы из этого каталога и перенести их в каталог C:\inetpub\wwwroot\Diary.

Если мы при создании веб-приложения использовали движок базы данных localdb, то нам надо разместить базу данных на MS SQL Server и соответсвенно изменить строку подключения к базе данных, чтобы использовать уже не localdb, который предназначен только для целей разработки, а MS SQL Server.

Теперь запустим Службу веб-публикаций через консоль Служб или через консоль IIS и можем обращаться к сайту по url http://localhost/Diary.



ЗАКЛЮЧЕНИЕ

В выпускной квалифицированной работе были решены следующие задачи.

1) Была проанализирована предметная область. С помощью этого анализа были разработаны требования к системе и архитектуре приложения.

2) При проектировании была разработана схема БД соответствующая предметной области и требованиям к системе. Написан сценарий работы приложения, по которому велась разработка приложения.

3) На этапе реализации было разработана серверная часть веб-приложения с помощью фреймворка ASP.NET MVC 5. Была разработана БД средствами Visual Studio 2015 и MS SQL Server 2016.

4) Было проведено тестирование и отладка веб-приложения, которая подтверждает эффективную работу веб-приложения.



СПИСОК ИСПОЛЬЗУЕМЫХ ИСТОЧНИКОВ

1. Горавнева, Т.С., Петров О.Н. Интернет-технологии. Часть 1. Клиентское web-программирование. Учебное пособие, - СПб.: СПбГМТУ, 2012.

2. Горавнева, Т.С., Петров О.Н. Интернет-технологии. Часть 2. XML и AJAX. Учебное пособие, - СПб.: СПбГМТУ, 2012.

3. Горавнева, Т.С., Петров О.Н. Интернет-технологии. Часть 3. HTML5 и CSS3. Учебное пособие, - СПб.: СПбГМТУ, 2014.

4. Горавнева, Т.С., Петров О.Н. Интернет-технологии. Часть 1. Клиентское web-программирование. [URL] http://bk.smtu.ru/books/13169UP/index.htm

5. Горавнева, Т.С., Петров О.Н. Интернет-технологии. Часть 2. XML и AJAX. [URL] http://bk.smtu.ru/books/13170UP/index.htm

6. Горавнева, Т.С., Петров О.Н. Интернет-технологии. Часть 3. HTML5 и CSS3. [URL] http://bk.smtu/books/13225UP/index.htm

7. Квинт, И. Создаем сайты с помощью HTML, XHTML и CSS на 100% - СПб. : Питер, 2012.

8. Спецификация языка HTML. Учебный курс / пер. с анг. А. Пирамидина; Интернет-университет информационных технологий. [URL]: http://www.intuit.ru/department/internet/html

9. Сычев, А. Перспективные технологии и языки веб-разработки: [URL]: http://www.intuit.ru/studies/courses/2336/636/info

10. Хоган, Уоррен, Уэбер, Джонсон, Годин. Книга веб-программиста. Секреты профессиональной разработки веб-сайтов - СПб. : Питер, 2013.

11. Сайт посвященый различным языкам и технологиям программирования, компьютерам, мобильным платформам и ИТ-технологиям [Электронный ресурс] [URL]: https://metanit.com

12. Сеть разработчиков Microsoft [Электронный ресурс] [URL]: https://msdn.microsoft.com/

13. Многофункциональный сайт, представляющий собой смешение новостного сайта и коллективного блога, созданный для публикации новостей, аналитических статей, мыслей, связанных с информационными технологиями, бизнесом и Интернетом [Электронный ресурс] [URL]: https://habrahabr.ru/

Размещено на Allbest.ru

...