Передняя часть

По сравнению с тем, что я уже видел написанный мной ранее встроенный веб-сервер BOA + CGI + HTML + MySQL проект — практика на Linux, потому что тогда я тоже только начинал, поэтому на самом деле там всё написано довольно беспорядочно. Сейчас я собираюсь сразу перейти к более чёткой небольшой системе, чтобы было удобно учиться и ссылаться. (Конечно, в этой небольшой системе ещё много нелогичных и небезопасных мест, так что просто рассматривайте это как учебный пример).

Операционная система: CentOS7 (для Ubuntu потребуется самостоятельная адаптация).

Используемые технологии и инструменты: — C; — HTML/CSS/JavaScript; — Ajax; — sqlite3; — CGI; — jQuery; — bootstrap; — echarts.js.

Загрузка проекта

Код: 码云, github.

Структура каталогов

• cgi-bin — здесь хранятся файлы .c .h и скомпилированные файлы .cgi.
• cloud — функции облачного хранилища, папка для хранения файлов облачных ресурсов.
• css — здесь хранятся файлы .css.
• file — здесь хранятся пользовательские файлы учётных записей, файлы базы данных и т. д.
• img — здесь хранятся графические ресурсы.
• js — здесь хранятся файлы .js.
• log — здесь хранятся системные журналы.
• session — здесь хранится сгенерированный идентификатор сеанса пользователя после входа в систему.
• html — файл помещается в корневой каталог.

Рисунок: здесь вставить изображение (описание изображения).

Описание функций

Это приложение представляет собой систему управления ресурсами приложений для облачных серверов, которая в основном управляет ресурсами сервера приложений (MySQL, Apache, GateOne и т.д.) и может выполнять операции включения/выключения/перезапуска; также можно загружать и скачивать файлы, которые могут служить простым облачным диском; конечно, есть основные функции для просмотра состояния системы; затем идёт базовый вход в систему и выход из неё; управление журналами; функции управления пользователями.

Имя пользователя по умолчанию: admin, пароль по умолчанию: 123456.

Эффектный снимок экрана

Рисунок: здесь вставить изображение (описание изображения).

Рисунок: здесь вставить изображение (описание изображения).

Общий обзор: здесь вставить анимированное изображение.

Системный анализ

Система: здесь вставить изображение (описание изображения).

Системные функции: здесь вставить изображение (описание изображения).

Анализ системы

Обзор системы: здесь вставить изображение (описание изображения).

Функции системы: здесь вставить изображение (описание изображения).

Дизайн системы

Дизайн функциональных модулей системы: здесь вставить изображение (описание изображения).

Дизайн хранения системных данных:

Структура данных файла: здесь вставить изображение (описание изображения).

Реализация системы

1. Дизайн и реализация учётной записи для входа: страница входа не требует ввода информации, и будет отображаться соответствующее приглашение от переднего плана. Если пароль или имя пользователя введены неправильно, появится соответствующее сообщение об ошибке. Система по умолчанию использует имя пользователя admin и пароль 123456. Эффект страницы входа показан на рисунке 5.2. Процесс входа показан на рисунке 5.3.

Рисунок: здесь вставить изображение (описание изображения).

Рисунок: здесь вставить изображение (описание изображения).

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

Рисунок: здесь вставить изображение (описание изображения).

3. Дизайн и реализация управления приложениями: страница управления приложениями отображает приложения на сервере, такие как MySQL и Apache. Эти приложения можно включать/выключать/перезагружать, просматривать их состояние работы, устанавливать или отключать автозапуск при загрузке. Этот модуль также может быть расширен в будущем, и код для аналогичных функций аналогичен, что упрощает расширение.

Рисунок: здесь вставить изображение (описание изображения).

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

Здесь управление файлами включает в себя команды Linux и стандартные операции с файлами на языке C. Имя файла возвращается на передний план в формате json, а JavaScript анализирует строку json для добавления новой строки в таблицу. Ниже приводится основной код реализации программы CGI на стороне сервера.

5. Дизайн и реализация системного журнала: здесь вставить описание.