JDdaojia

JDDAOJIA

Introdução

O JDDAOJIA é um e-mail móvel da web construído imitando o JD.com . Este armazém é o seu projeto de front-end. Para a parte da interface da API de back-end, consulte: JDDAOJIA-BACKAPI.

Este projeto implementa operações básicas no lado do usuário do e-mail, incluindo registro de login, exibição de produtos para loja, carrinho de compras, colocação de pedidos, consulta histórica de pedidos, endereço de economia e edição e tenta restaurar o estilo de interface do usuário exclusivo do JD.com.

Veja o vídeo de demonstração: Bilibili Video.

Tecnologia usada

• vue3 + vuex + vue-router + vue-cli
• Axios
• Eslint
• webpack
• SCSS
• ES6

Operações básicas de linha de comando:

Instalação do projeto Instalação do projeto

 npm install

Compilam e reloades quentes para desenvolvimento

 npm run serve

Compila e minifica para a produção

 npm run build

Fios e correções arquivos

 npm run lint

Personalize a configuração

Veja veja:
Referência de configuração.

Correr com sucesso

Se o processo corre bem e o projeto será executado com sucesso no ambiente de desenvolvimento, a linha de comando exibirá um prompt de maneira semelhante ao seguinte.

Use o URL dado nele para acessar a página. No entanto, você deve executar o servidor de interface back-end do projeto primeiro e usar a porta 3000 por padrão.

dica

• Você pode fazer login no shopping diretamente através do nome de usuário: admin e senha: admin para ignorar o processo de registro. Além disso, o shopping agora não possui uma função de login de SMS móvel, use o nome de usuário e a senha para fazer login.
• O projeto usa o esquema REM para obter um layout adaptativo.
• O projeto foi testado apenas nos navegadores Firefox e Edge. Os navegadores Chrome e Safari podem encontrar bugs de layout. Se você encontrar algum, entre em contato comigo para modificá -lo.
• O layout faz pleno uso do Flex e simplifica o código CSS.
• A função do carrinho de compras usa principalmente o Vuex e o SessionStorage para gerenciar dados do lado do cliente, que é meu objetivo praticar recursos de gerenciamento de informações localizadas. Outras funções processam principalmente dados no back -end.
• As informações de login são armazenadas no SessionStorage.

Instruções para melhorias

• Ainda há espaço para melhorar o desempenho e a apresentação de carregamento de páginas, como usar cache, reduzir o jitter de layout, etc.
• Sob certas configurações no navegador, a SessionStorage não será limpa mesmo se a página estiver fechada. Você pode defini -lo depois de não operar a página por um período de tempo, você logo fará logot e limpará o SessionStorage.
• Muitas partes que usam solicitações HTTP podem adotar métodos de manuseio de erros mais específicos.