Еще один интересный проект !! Для людей, которые не хотят переходить на черный экран, но все же хотят попробовать такие технологии, как Docker, я создал веб-портал Docker с некоторыми функциями.
Это мой первый практический проект с использованием JavaScript. Я понял, как использовать JS, HTML и CSS, как ими управлять в файлах кода и как каждый из них дополняет другой.
Фронтенд ➡
- HTML
- CSS
- JavaScript
Бэкэнд ➡
- Python CGI
Используя коды Python CGI, я получаю входные данные от клиента (через веб-портал), а код запускает определенные команды докеров и возвращает выходные данные функциям JS, которые отображают его на веб-странице.
Давайте идти!
Это файловая структура внешнего интерфейса.
Я создал другой стиль для элементов, используемых на веб-странице, находящихся в папке CSS.
Для каждой функции, вызываемой на странице HTML, создается отдельный файл JS.
Папка Фотографии состоит из изображений, используемых на веб-сайте.
Код доступен на моем Github. Не стесняйтесь ставить ⭐.
Мой веб-сайт работает на веб-сервере Apache под управлением Linux на RHEL8. Итак, все эти файлы находятся в папке / var / www / html.
Как настроить веб-сервер, и все другие детали упомянуты в приведенной выше ссылке GitHub.
В файле .js создается функция, которая вызывается для свойства кнопки onclick.
В этой функции я использую функцию XMLHttpRequest (), которая может отправлять и получать результат по HTTP-запросам. .
.send () отправляет запрос по заданному URL-адресу, который является кодом CGI.
.onload () получает данные и Я представляю это в диалоговом окне предупреждения.
Аналогично пишется код.
Файлы серверной части находятся в папке / var / www / cgi-bin.
Эти файлы запускают команды внутреннего докера, которые возвращают вывод на экран.
Точно так же пишутся все другие коды CGI, которые принимают некоторые входные данные и на основе команды возвращают определенные выходные данные в код JS.
Особенности сайта:
- Запустить контейнер
- Остановить контейнер
- Удалить контейнер
- Список всех доступных изображений
- Список всех контейнеров со статусом
- Масштаб для отслеживания количества контейнеров, запущенных на сервере!
Видео Демонстрация
Посмотрите это короткое 2-минутное видео
Подождите, пока Докер переместится по шкале 😉. Прокомментируйте, как вам это понравилось ❤
Это мой первый JS-проект!
Этот проект выполняется вместе с Khushi Thareja.
Прокомментируйте и поделитесь им, если хотите. 😃
Я всегда открыт для предложений и готов и для интересных проектов !!
Свяжитесь со мной через LinkedIn :)
Следуйте за мной на Medium…
Посмотрите мой Github !
Это репо -
JS-Docker-Web_portal