vue xiaomi

Introdução do projeto

Este é um projeto de e-commerce que imita o Xiaomi Mall para atingir os principais pontos funcionais.

O front-end contém 11 páginas: página inicial, login, registro, todos os produtos, página de detalhes do produto, sobre nós, minha coleção, carrinho de compras, página de liquidação de pedidos, meu pedido e página de tratamento de erros.

Ele implementa exibição de produtos, consulta de classificação de produtos, pesquisa de palavras-chave de produtos, exibição de informações detalhadas do produto, login, registro, carrinho de compras do usuário, liquidação de pedidos, pedido do usuário, lista de favoritos do usuário e funções de tratamento de erros.

O back-end projeta interfaces, camadas de controle e camadas de persistência de dados correspondentes com base nos submódulos de dados exigidos pelo front-end.

pilha de tecnologia

• Front-end: Vue + Vue-router + Vuex + Element-ui + Axios

• Back-end: Node.js , Koa框架

• Banco de dados: Mysql , redis

Endereço de entrega do projeto de back-end: xiaomi-server

Consulte as instruções de configuração para executar o projeto back-end. Certifique-se de que o banco de dados local mysql、redis e as portas correspondentes estejam abertos.

Módulo de função

• Conecte-se
• registrar
• primeira página
• Todos os produtos
• Página de detalhes do produto
• Meu carrinho de compras
• Liquidação de pedidos
• minha coleção
• meu pedido

Execute o projeto

 1. Clone project

git clone https://github.com/root-lucas/vue-xiaomi

2. Project setup

cd vue-store
npm install

3. Compiles and hot-reloads for development

npm run serve

4. Compiles and minifies for production

npm run build

Se você acha que este projeto é bom, clique em Star no canto superior direito para apoiá-lo. ^_^

Captura de tela da página do projeto

primeira página

Todos os produtos

carrinho de compras

minha coleção

meu pedido

Conecte-se

registrar