Jddaojia
Введение
Jddaojia-это веб-мобильная электронная почта, созданная путем имитации JD.com . Этот склад является его фронтальным проектом. Для части интерфейса Backend API см.: Jddaojia-backapi.
Этот проект реализует основные операции со стороны пользователя E-Mall, включая регистрацию входа в систему, дисплей продукта магазина, корзину покупок, размещение заказа, исторический запрос на заказ, сохранение и редактирование, а также пытается восстановить уникальный стиль пользовательского интерфейса JD.com.
Смотрите демо -видео: Видео Bilibili.
Технология используется
- vue3 + vuex + vue-router + vue-cli
- Аксиос
- Эслинт
- Webpack
- SCSS
- ES6
Основные операции командной строки:
Установить настройку проекта проекта
Компиляции и горячие нагрузки для разработки
Компилируется и минифизирует для производства
Линты и исправляют файлы
Настроить конфигурацию
См. См.:
Ссылка на конфигурацию.
Успешно бежать
Если процесс проходит гладко, и проект успешно работает в среде DEV, командная строка будет отображать подсказку, аналогичную следующему.
Используйте URL, указанный в нем, чтобы получить доступ к странице. Тем не менее, сначала вы должны запустить сервер интерфейса проекта и по умолчанию по умолчанию.
намекать
- Вы можете войти в торговый центр непосредственно через имя пользователя: администратор и пароль: администратор, чтобы обойти процесс регистрации. Кроме того, в торговом центре теперь нет мобильной функции входа в систему SMS, пожалуйста, используйте имя пользователя и пароль для входа.
- Проект использует схему REM для достижения адаптивного макета.
- Проект был протестирован только в браузерах Firefox и Edge. Браузеры Chrome и Safari могут столкнуться с ошибками макета. Если вы найдете, пожалуйста, свяжитесь со мной, чтобы изменить его.
- Макет в полной мере использует Flex и упрощает код CSS.
- Функция корзины для покупок в основном использует Vuex и SessionStorage для управления данными на стороне клиента, что является моей целью практиковать локализованные возможности управления информацией. Другие функции в основном обрабатывают данные на бэкэнде.
- Информация о входе в систему хранится в SessionStorage.
Направления для улучшения
- По -прежнему есть место для улучшения в производительности и презентации загрузки страниц, таких как использование кэша, уменьшение дрожания макета и т. Д.
- При определенных настройках в браузере SessionStorage не будет очищено, даже если страница закрыта. Вы можете установить это после того, как в течение определенного периода времени вы не работаете на странице, вы автоматически выходите из строя и очистите SessionStorage.
- Многие части, которые используют HTTP -запросы, могут принять более конкретные методы обработки ошибок.
