Техническая презентация по React-Dva

Описание проекта

Внутренняя презентация компании по технологии React-Dva направлена на знакомство программистов с React, Dva и передовыми фронтенд-фреймворками.

Архитектура программного обеспечения

Инструкция по установке

Клонирование данного проекта

• При прямой загрузке может потребоваться вход, поэтому рекомендуется использовать команду git clone для загрузки проекта.

• git clone https://gitee.com/kangkang521/dva-react-demo.git

Этот проект зависит от среды Node.js и может работать правильно только при наличии такой среды. Для запуска этого проекта на вашей локальной машине сначала вам потребуется установить среду Node.js.

• Официальный пакет установки Node.js: Ссылка на скачивание Node.js. Вы можете выбрать подходящий вариант для своей машины.

• После установки среды Node.js откройте командную строку и введите node -v. Если вы видите версию Node.js, то установка прошла успешно. В противном случае, если команда не найдена, значит установка не удалась, и вам потребуется повторить процесс установки. Пример вывода: - После успешной установки и конфигурации среды Node.js, откройте корневую директорию кода, которую вы получили из Git: /dva-react-demo, затем откройте командную строку в этой директории или перейдите в неё через командную строку. Далее выполните команду: npm install, которая установит зависимости проекта. Установка может занять некоторое время из-за проблем со скоростью интернета. Если установка не удалась, попробуйте использовать другой зеркальный адрес, подробнее спросите у Google.

• Если вы столкнулись с трудностями и установка не удалась, рекомендую ознакомиться с использованием команды yarn. Подробности можно найти в интернете.

• Теперь ваша среда установлена, и зависимости проекта установлены. Можно приступить к запуску проекта.

• Введите в командной строке npm start или yarn start, если используете yarn. Первый запуск проекта может занять некоторое время, поэтому будьте терпеливы!

• Когда в командной строке появится сообщение о том, что проект запущен, значит всё сделано правильно. Пример вывода:

• После успешного запуска проекта вы можете открыть браузер и ввести http://localhost:8000 в адресную строку, нажать Enter, чтобы просмотреть страницу проекта. ## Инструкция по использованию### Структура каталога```bash ├── /mock/ # Каталог с макетными данными ├── /dist/public # Каталог выходных данных проекта ├── /public # Общие файлы, копируемые в каталог dist во время компиляции ├── /src/ # Каталог исходного кода проекта │ ├── /components/ # UI-компоненты и методы, связанные с UI │ ├── /layouts/ # Глобальные общие макеты │ │ ├── app.js # Глобальный макет проекта │ │ ├── app.less # Стили глобального макета проекта │ │ └── index.js # Входной файл проекта │ ├── /models/ # Каталог моделей данных │ │ └── app.js # Реализация модели данных │ ├── /pages/ # Каталог со всеми бизнес-страницами и файлами маршрутизации │ ├── /plugins/ # Глобальные плагины │ │ └── onError.js # Глобальное управление ошибками │ ├── /services/ # Каталог сервисов данных │ │ ├── app.js # Сервис данных (включает сервис получения информации о пользователях) │ ├── /themes/ # Темы │ │ ├── default.less # Глобальные стили │ │ ├── index.less # Глобальные стили │ │ ├── mixin.less # Глобальные стили │ │ └── vars.less # Переменные глобальных стилей │ ├── /utils/ # Утилиты │ │ ├── config.js # Конфигурационные данные проекта │ │ ├── index.js # Основной файл утилит │ │ ├── request.js # Асинхронные запросы │ │ └── theme.js # Переменные стилей для использования в JS │ └── global.js # Глобальная конфигурация ├── package.json # Конфигурационные данные проекта ├── .eslintrc # Конфигурация ESLint

└── .roadhogrc.js # Конфигурация Roadhog

- Поскольку этот проект открытый, любой человек может его просматривать, поэтому контактные данные представлены только личной электронной почтой. Прошу понять это.
- Электронная почта: 584021800@qq.com
- Если у вас есть вопросы, вы можете отправить мне письмо.
- Люди, зарегистрированные на платформе Gitee, могут также задать вопрос прямо здесь: [issues](https://gitee.com/kangkang521/dva-react-demo/issues).
- Также если вы отправите вопрос через электронную почту, я обязательно опубликую подробный ответ на [issues](https://gitee.com/kangkang521/dva-react-demo/issues).

#### Участие в развитии проекта

1. Fork этого проекта
2. Создайте новую ветку `Feat_xxx`
3. Отправьте изменения
4. Создайте новый Pull Request