vue2.0 SellPosSystem

Recentemente, quando estava estudando Vue, vi muitos materiais de aprendizagem na Internet, então encontrei um sistema de projeto para praticar. Queria principalmente usar a combinação do sistema para aprender alguns pontos de conhecimento. Também pratiquei online com base no conteúdo do blog do professor técnico gordo . É bastante prático. Tenho um conhecimento mais profundo do framework Vue e do aprimoramento de minhas próprias habilidades.

Bem-vindo ao baixar e usar ou desenvolver secundário.

(1) Análise do projeto

Este projeto visa principalmente implementar funções como pedidos de usuários online e adição, exclusão, modificação e verificação de itens na lista de pedidos e, em seguida, usar a ferramenta mockplus para desenhar um esboço, principalmente para facilitar o desenvolvimento;

(2) Tecnologias utilizadas

1. Ambiente de desenvolvimento construído usando vue-cli2.x;

2. Use vue-router para conversão de rota;

3. Use element-ui para embelezar a interface;

4. Use axios para fazer dados de interface de solicitação de domínio cruzado;

5. Use o gerenciamento de ícones online do icofont;

6. Use gerenciamento de embalagens webpack;

7. Use a sintaxe vue2.0 e a sintaxe es6;

(3) Resultados do sistema

(4) Uso do sistema

1. O pré-requisito é ter ambiente node.js, npm e vue-cli (é melhor ter Git, que será muito mais conveniente);

2. Baixe o projeto (o melhor é o clone do git);

3. Abra o terminal, mude para o nome do projeto e execute a seguinte linha de comando:

 # install dependencies 安装开发环境的依赖，因为不是直接打包上传的项目
npm install

# serve with hot reload at localhost:8080 运行项目基本没问题
npm run dev

Referências

Vídeo prático do Vue por um sistema técnico de caixa de restaurante de fast food para professores gordos