Общая структура проекта
Рисунок 13. Создание приватного сообщения. Отображение большого центрального блока. Таблица 7. Используемые компоненты Bootstrap. Рисунок 14. Генерация уникальной ссылки. Данный фреймворк мы используем, чтобы: Рисунок 10. Структура директорий. Config — все конфигурации проекта; Реализовать кроссбраузерность; Реализовать адаптивный дизайн; Форма для вывода информации. Web — вэб директория проекта… Читать ещё >
Общая структура проекта (реферат, курсовая, диплом, контрольная)
В качестве шаблона будем использовать YII2 Basic Template. Этот шаблон — скелет веб-приложения, который идеально подходит для быстрой разработки ненагруженных проектов.
Шаблон содержит базовые возможности, такие как, функция входа/выхода, контактная страница, также включает в себя наиболее используемые конфигурации.
Рисунок 10. Структура директорий.
assets — папка с бандлами, управление статикой в проекте;
commands — папка с контроллерами для консольных команд;
config — все конфигурации проекта;
controllers — контроллера;
mail — шаблоны для писем;
models — модели.
runtime — папка в которой хранятся логи, файловый кеш и т. п.;
tests — тесты для проекта;
vendors — внешние зависимости;
views — шаблоны проекта;
web — вэб директория проекта.
Подготовка веб-интерфейса
Полезной особенностью выбранного фреймворка Yii2, является поддержка front-end CSS фреймворка Twitter Bootstrap 3.0.
Bootstrap, позволяет упростить разработку, с помощью HTML и CSS-шаблонов для оформления типографики, веб-форм, блоков, сетки, навигации и т. д.
Данный фреймворк мы используем, чтобы:
Ускорить разработку;
Реализовать адаптивный дизайн;
Реализовать кроссбраузерность;
Фреймворк направлен на создание макета под различные устройства, планшеты, смартфоны, так как масштабируется в зависимости от ширины.
В Bootstrap встроены различные шаблоны, которые позволяют настроить дизайн с учётом работы различных браузеров. Это означает, что интерфейс будет выглядеть одинаково на любом используемом браузере.
Подключение Bootstrap к Yii2 выполняется с помощью оператора use.
Для вывода компонентов фреймворка используются виджеты Yii2, настройки к которому передаются в виде массива параметров. Виджеты можно многократно использовать для форматированного вывода данных.
Чтобы реализовать веб-интерфейс разрабатываемого сервиса понадобятся определенные компоненты Bootstrap, указанные в таблице 7.
Таблица 7. Используемые компоненты Bootstrap.
Название компонента. | Классы. | Назначение. | |
Grid-система. | row, col. | верстка колонками. | |
Навигационная панель. | navbar, nav. | меню навигации. | |
Групированный список. | list-group. | отображение подменю. | |
Блок. | jumbotron. | отображение большого центрального блока. | |
Форма ввода. | form-group. | форма для ввода данных. | |
Уведомления. | alert. | вывод сообщений о статусе сообщения, пользовательских ошибках и т. д. | |
Форма вывода. | form-control. | форма для вывода информации. | |
В качестве тестирования адаптивности проверяем веб-интерфейс с помощью встроенного отладчика в браузере Google Chrome, имитируя работу с сервисом на устройстве IPhone 6 (375×667).
Разработка базы данных для сервиса
Для хранения информации и параметров отправленных сообщений будет использоваться база данных Mysql.
После установки приложения на сервер и подключения к БД, нужно выполнить команду для выполнения миграции БД, которая создаст структуру на основе файла m170602_124 754_init.php.
Реализация функций на языке PHP
Для данного программного модуля был сделан HTML/СSS каркас с учетом отображения на различных расширений экранов устройств с помощью фреймворка Bootstrap.
Реализация Back-end-части, будет производиться на языке PHP, на заявленном фреймворке Yii2.
Шифрование данных bcrypt.
Демонстрация работы сервиса
Рисунок 13. Создание приватного сообщения
Рисунок 14. Генерация уникальной ссылки.
Рисунок 15. Запрашивание пароля для дешифрования.
Рисунок 16. Получение дешифрованного сообщения.