vue2.0 SellPosSystem

Recientemente, cuando estaba estudiando Vue, vi muchos materiales de aprendizaje en Internet, así que encontré un sistema de proyectos para practicar. Principalmente quería usar la combinación del sistema para aprender algunos puntos de conocimiento. También lo practiqué en línea basándose en el contenido del blog del profesor técnico gordo . Es bastante práctico. Tengo una comprensión más profunda del marco de Vue y la mejora de mis propias habilidades.

Bienvenido a descargar y usar o desarrollar archivos secundarios.

(1) Análisis del proyecto

Este proyecto es principalmente para implementar funciones como realizar pedidos de usuarios en línea y agregar, eliminar, modificar y verificar elementos en la lista de pedidos y luego usar la herramienta MockPlus para dibujar un boceto, principalmente para facilitar el desarrollo.

(2) Tecnologías utilizadas

1. Entorno de desarrollo creado con vue-cli2.x;

2. Utilice vue-router para la conversión de rutas;

3. Utilice element-ui para embellecer la interfaz;

4. Utilice axios para generar datos de interfaz de solicitud entre dominios;

5. Utilice la gestión de iconos en línea de icofont;

6. Utilice la gestión de paquetes de paquetes web;

7. Utilice la sintaxis vue2.0 y la sintaxis es6;

(3) Resultados del sistema

(4) Uso del sistema

1. El requisito previo es tener el entorno node.js, npm y vue-cli (es mejor tener Git, que será mucho más conveniente);

2. Descargue el proyecto (lo mejor es git clone);

3. Abra la terminal, cambie al nombre del proyecto y ejecute la siguiente línea de comando:

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

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

Referencias

Vídeo práctico de Vue realizado por un sistema técnico de cajero de restaurante de comida rápida y profesor gordo