download mall admin web - download do código-fonte mall admin web

mall admin web

Outras categorias

v1.0.0

Baixar

shopping-admin-web

Prefácio

Este projeto é a parte front-end do projeto de separação front-end e back-end, e o endereço mall do projeto back-end é: Portal.

Introdução do projeto

mall-admin-web é um projeto front-end para um sistema de gerenciamento backend de e-commerce, implementado com base em Vue+Element. Inclui principalmente funções como gerenciamento de produtos, gerenciamento de pedidos, gerenciamento de membros, gerenciamento de promoções, gerenciamento de operações, gerenciamento de conteúdo, relatórios estatísticos, gerenciamento financeiro, gerenciamento de autoridade e configurações.

Demonstração do projeto

Endereço de demonstração on-line do projeto: https://www.macrozheng.com/admin/

Seleção de tecnologia

tecnologia	ilustrar	Site oficial
Vista	estrutura de front-end	https://vuejs.org/
Roteador Vue	estrutura de roteamento	https://router.vuejs.org/
Vuex	Estrutura global de gestão estatal	https://vuex.vuejs.org/
Elemento	Estrutura de interface de usuário front-end	https://element.eleme.io/
Eixos	Estrutura HTTP de front-end	https://github.com/axios/axios
gráficos v	Estrutura gráfica baseada em Echarts	https://v-charts.js.org/
Js-cookie	ferramentas de gerenciamento de cookies	https://github.com/js-cookie/js-cookie
progresso	controle da barra de progresso	https://github.com/rstacruz/nprogress
vue-element-admin	Referência de andaimes de projeto	https://github.com/PanJiaChen/vue-element-admin

Layout do projeto

 src -- 源码目录
├── api -- axios网络请求定义
├── assets -- 静态图片资源文件
├── components -- 通用组件封装
├── icons -- svg矢量图片文件
├── router -- vue-router路由配置
├── store -- vuex的状态管理
├── styles -- 全局css样式
├── utils -- 工具类
└── views -- 前端页面
    ├── home -- 首页
    ├── layout -- 通用页面加载框架
    ├── login -- 登录页
    ├── oms -- 订单模块页面
    ├── pms -- 商品模块页面
    └── sms -- 营销模块页面

Etapas de construção

Baixe o nó e instale: https://nodejs.org/dist/v12.14.0/node-v12.14.0-x64.msi;
Este projeto é um projeto de separação de front-end e back-end. Para acessar a interface de acesso local, você precisa construir um ambiente de back-end. Para construção, consulte o portal do projeto de back-end;
Não há necessidade de construir um ambiente backend para acessar a interface online, basta alterar BASE_API no arquivo config/dev.env.js para https://admin-api.macrozheng.com;
Se você estiver se conectando ao back-end de microsserviço mall-swarm, todas as interfaces precisarão ser acessadas por meio do gateway e você precisará alterar BASE_API no arquivo config/dev.env.js para http://localhost:8201/mall- administrador;
Clone o código-fonte localmente, abra-o com IDEA e conclua a compilação;
Execute o comando na linha de comando do IDEA: npm install para baixar as dependências relacionadas;
Execute o comando na linha de comando do IDEA: npm run dev , execute o projeto;
Endereço de acesso: http://localhost:8090 para abrir a página do sistema de gerenciamento de background;
Para o processo de implantação específico, consulte: Instalação e implantação do projeto Mall Front-End
Para implantação automatizada de front-end, consulte: Usando Jenkins para empacotar e implantar aplicativos front-end com um clique, é isso 6!

Conta oficial

Não faça desvios ao aprender, siga a conta pública " macrozheng ", responda à " Rota de Aprendizagem " e obtenha o roteiro de aprendizagem exclusivo para o projeto do shopping!

Para ingressar em um grupo WeChat para comunicação, basta responder “ Adicionar grupo ” no fundo da conta oficial.