Приложение для онлайн-викторины CodeQuiz — JSP, сервлеты Java, CSS3, MySQL, JDBC, Apache Tomcat
Всем привет!
В этом проекте я создал систему веб-приложений для онлайн-викторин под названием CodeQuiz, которая позволяет программистам регистрироваться, входить в систему и решать различные викторины по программированию, чтобы проверить свои знания. Система в основном основана на JSP и сервлетах Java. На следующем изображении показана домашняя страница после входа в систему;
Домашняя страница
Внешний интерфейс проекта разработан с использованием HTML, JSP, CSS и Adobe Photoshop. Серверная часть проекта была разработана с использованием сервлетов Java, JDBC, MySQL.
Пользовательские данные приложения хранятся в базе данных. База данных и ее таблица создаются автоматически, когда первый пользователь регистрируется в системе. Пользовательские данные состоят из имени пользователя, пароля, адреса электронной почты и результатов теста для каждого пользователя. Поле пароля зашифровано с помощью 128-битного шифрования AES и закодировано с помощью кодирования Base64, поэтому даже администратор базы данных не может получить доступ к этой информации, что защищает конфиденциальность пользователей.
Зашифрованное поле пароляПосле создания и настройки базы данных важно установить соединение между IDE и системой баз данных (MySQL). Для этой цели я использовал библиотеку MySQLconnector, которую можно легко найти в Интернете в зависимости от версии вашей Java.
Используемые технологии/языки. После настройки подключения к базе данных мы можем сосредоточиться на характеристиках проекта. По сути, целью проекта было создание онлайн-приложения-викторины, позволяющего программистам проверить свои способности на разных языках программирования (Java, JavaScript, Python, C, PHP и других). Система работает на сервере Apache Tomcat. Чтобы реализовать эту систему, я использовал подход MVC (Model-View-Controller). Часть представления состоит из JSP, а часть Модель — Управление состоит из сервлетов Java. Чтобы улучшить взаимодействие с пользователем, я изменил простой интерфейс, используя свойства CSS с префиксом поставщика (WebKit).
Файлы викторины хранятся на этом сервере и автоматически загружаются и отображаются в веб-приложении по запросу пользователя. Каждый тест содержит 10 вопросов, а проходной балл составляет 5 из 10. Пользователь может сохранить свой результат в любое время во время теста или отменить тест и вернуться на главную страницу.
Перед началом викторины
Экран теста
Статистика пользователей
В следующем видеоролике демонстрируются функции приложения CodeQuiz,
Проект доступен на Github. Пожалуйста, не стесняйтесь просматривать и/или вносить свой вклад.
Поделитесь этим сообщением, чтобы активировать кнопку загрузки
Если у вас есть какие-либо вопросы, предложения или комментарии, оставьте комментарий.
Спасибо!
Подробнее:
Ionic на примере: создавайте мобильные приложения на HTML5
☞ http://on.codek.tv/NJCZT7UQ-
HTML и CSS для начинающих: создайте 3 проекта с нуля
☞ http://on.codek.tv/NJxCbpQ8QZ
HTML 5 — обучение HTML5 для веб-разработчиков
☞ http://on.codek.tv/4y1MaXLXb
Учебное пособие по Visual Studio Code для начинающих
https://hii.to/4kXF9dIWe
Учебное пособие по Node js с Visual Studio Code
http://codek.tv/v/fFgLjwHcYdo
Учебное пособие по Angularjs 2 с TypeScript для начинающих
☞ http://hii.to/EJOhzOx4W
AngularJS 2.0: чего ожидать и что интересного?
☞ http://on.codek.tv/V1_bNBvVb
Учебное пособие по C# Csharp для начинающих 2016
☞ http://hii.to/NkenWOx4Z