Введение
На основе проекта, созданного с помощью шаблона create-react-app, веб-интерфейсный проект системы платформы управления приложениями, разработанный с использованием React.js.
После 2-х лет разработки под Android я впервые воспользовался реагированием, чтобы закинуть фронтенд-проект, если что-то не так, надеюсь поправят.
Зачем создавать систему платформы управления приложениями, потому что каждый раз, когда выпускается приложение, используется система выпуска, разработанная компанией N лет назад, а интерфейс уродлив и отстал. Так что потратить время на то, чтобы подумать о том, чтобы сделать его самостоятельно, и покопаться в новых технологиях, тоже довольно интересно.
Почему стоит выбрать React?Потому что я использовал чистый React Native и открытый API концлагеря галантерейных товаров для разработки приложения для приложений.GankAndPanyz, поэтому я все еще знаком с синтаксисом React.
Впервые я попытался разделить переднюю и заднюю части, ммм! Серверный код тоже делаю сам (используя Spring+SpringMVC+MyBatis) и базу данных MySQL.Хотя некоторые принципы не очень глубоки, но систему сделать можно, да и урожай немаленький. С мобильного терминала -> передняя часть -> задняя часть -> инженер полного стека, вперёд!
Исходный код проекта Адрес Github
Функция
- Функция входа
- Функция статистики данных: статистика входа в приложение, статистика загрузки приложения.
- Функции управления проектами: Добавляйте, редактируйте, удаляйте элементы, интегрируйте Android, iOS, загружайте QR-код.
- Функция управления приложениями (Android, iOS): В соответствии со сценой приложение разделено на формальную среду и тестовую среду для отображения загрузки по локальной ссылке и загрузки QR-кода для каждого приложения.
- Функция выпуска версии: Загрузите установочный пакет и соответствующую информацию в соответствии с соответствующей системой мобильного телефона для выпуска версии.
Используемые сторонние фреймворки
- муравьиный дизайн реакции: структура пользовательского интерфейса
- react-router: структура маршрутизации
- выборка: структура сетевых запросов
- момент: структура обработки даты
- rechart: структура диаграммы
- QRCode.reaCT QR-код
- crypto-js: фреймворк для шифрования и дешифрования