Слияние кода завершено, страница обновится автоматически
mall-admin-web — это фронтенд проект системы управления интернет-магазином, реализованной с использованием Vue + Element. Он включает такие возможности как управление товарами, заказами, клиентами, акциями, операциями, контентом, отчетами, финансами, правами доступа и настройками.
Адрес онлайн демонстрации проекта: https://www.macrozheng.com/admin/
### Выбор технологий
| Технология | Описание | Официальный сайт |
|---|---|---|
| Vue | Фреймворк для фронтенда | https://vuejs.org/ |
| Vue-router | Фреймворк маршрутизации | https://router.vuejs.org/ |
| Vuex | Фреймворк управления состоянием приложения | https://vuex.vuejs.org/ |
| Element | Фреймворк UI для фронтенда | https://element.eleme.io/ |
| Axios | Фреймворк HTTP для фронтенда | https://github.com/axios/axios |
| v-charts | Фреймворк графиков на основе ECharts | https://v-charts.js.org/ |
| js-cookie | Инструмент управления cookies | https://github.com/js-cookie/js-cookie |
| nprogress | Контроллер прогресс-баров | https://github.com/rstacruz/nprogress |
| vue-element-admin | Пример проектной структуры | https://github.com/PanJiaChen/vue-element-admin |
src -- directory with source code ├── api -- definition of network requests using Axios ├── assets -- static image files ├── components -- packaging of reusable components ├── icons -- SVG vector graphics files ├── router -- configuration of routes for Vue Router ├── store -- state management with Vuex ├── styles -- global CSS styles ├── utils -- utilities └── views -- frontend pages ├── home -- main page ├── layout -- universal page structure ├── login -- login page ├── oms -- pages of the orders module ├── pms -- pages of the products module └── sms -- pages of the marketing module
- Установите Node.js: [https://nodejs.org/dist/v12.14.0/node-v12.14.0-x64.msi](https://nodejs.org/dist/v12.14.0/node-v12.14.0-x64.msi);
- Этот проект представляет собой разделённое на front-end и back-end приложение. Для доступа к локальным API требуется установить среду back-end, подробнее см. проект back-end [перейти](https://github.com/macrozheng/mall);
- Для доступа к онлайн API нет необходимости устанавливать среду back-end, достаточно заменить `BASE_API` в файле `config/dev.env.js` на [https://admin-api.macrozheng.com](https://admin-api.macrozheng.com);
- Если вы используете [mall-swarm](https://github.com/macrozheng/mall-swarm) микросервис back-end, все API должны быть доступны через шлюз, замените `BASE_API` в файле `config/dev.env.js` на [http://localhost:8201/mall-admin](http://localhost:8201/mall-admin);
- Клонируйте исходный код на ваш компьютер, откройте его в IDE (например IntelliJ IDEA) и выполните сборку;
- В командной строке IDE выполните команду: `npm install`, чтобы скачать зависимости;
- В командной строке IDE выполните команду: `npm run dev`, чтобы запустить проект;
- Адрес для доступа: [http://localhost:8090](http://localhost:8090);
- Подробные шаги установки см. [инсталляция и деплой front-end проекта mall](https://www.macrozheng.com/mall/deploy/mall_deploy_web.html);
- Автоматизация деплоя фронта см. [используйте Jenkins для автоматического сборки и деплоя front-end приложения, это так круто!](https://www.macrozheng.com/mall/reference/jenkins_vue.html).## Публичный аккаунт
Не упустите возможность учиться эффективно, подписывайтесь на публичный аккаунт «**macrozheng**», ответьте на сообщение «**учебный маршрут**», чтобы получить специальный учебный маршрут для проекта mall!
Для участия в общении в группе WeChat, отправьте сообщение «**вступить в группу**».
## Лицензия
[Apache License 2.0](https://github.com/macrozheng/mall-admin-web/blob/master/LICENSE)
Copyright (c) 2018-2024 macrozheng
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )