?Vue Family Bucket desarrolla un sistema de gestión de comercio electrónico
Dirección de experiencia en línea | Documento de resumen del proyecto | Documento de interfaz API de backend
️ Durante la experiencia, intente no eliminar datos a voluntad. ¡Gracias por su cooperación!
? Introducción
Este proyecto pasó por dos estudios, la primera vez fue aprender Vue, y la segunda vez fue consolidar el conocimiento y aplicarlo hábilmente, desenterrar los aspectos técnicos más destacados del proyecto, volver a aprender los puntos técnicos que no entendía antes y redactar un nuevo documento. En segundo lugar, es normal que las solicitudes sean lentas.
?primero:
Son otras vacaciones de invierno. Un estudiante destacado dijo una vez:寒假是用来反超的!
Así que ven a aprender Vue conmigo en estas vacaciones de invierno. Integraré todo lo que he hecho en este directorio para tener un registro de aprendizaje y facilitar la verificación a los lectores. En realidad, mi proyecto se completó el 24 de enero, que resultó ser la víspera de Año Nuevo. Estaba grabando y trabajando en el proyecto al mismo tiempo. Más tarde descubrí que el número de visitas a mi columna había llegado a 50.000, y todavía era algo. Popular después de tres días de descanso, planeo dar un resumen esta noche. Seamos testigos del crecimiento de un novato que no sabe qué es Vue y cómo desarrollarse rápidamente.
Vue❤Portal de columna de aprendizaje
?Segunda vez:
Esta es la segunda vez que desarrollamos e implementamos este proyecto. Finalmente, este proyecto está en línea. El código se ha actualizado. Puede ejecutar el proyecto directamente mediante los siguientes métodos de uso simples. Si crees que es bueno, apóyalo dándole una star
. Gracias ♪(・ω・)ノ.
? Fácil de usar
-
star
repositorio de proyectos^ o ^ -
fork
una copia del código de este repositorio -
git clone -b master [email protected]:Chocolate1999/vue-shop.git
copiar código fuente - Ejecute
npm install
para instalar dependencias -
npm run serve
abre el servicio local
Descripción general del proyecto
2.1 Descripción general del negocio básico de los proyectos de comercio electrónico
Según los diferentes escenarios de aplicación, los sistemas de comercio electrónico generalmente proporcionan múltiples métodos de acceso a terminales, como PC, aplicaciones móviles, web móvil, subprogramas WeChat, etc. Nos ocupamos principalmente de la gestión en segundo plano de la PC.
2.2 Funciones del sistema de gestión backend del comercio electrónico
El sistema de gestión backend del comercio electrónico se utiliza para gestionar cuentas de usuario, categorías de productos, información de productos, pedidos, estadísticas de datos y otras funciones comerciales.
2.3 Modelo de desarrollo del sistema de gestión back-end del comercio electrónico (separación de front-end y back-end)
El sistema de gestión de backend de comercio electrónico en su conjunto adopta un modelo de desarrollo con separación de front-end y back-end. El proyecto de front-end es un proyecto SPA basado en la pila de tecnología Vue.
2.4 Selección técnica del sistema de gestión backend de comercio electrónico
① Pila de tecnología de proyectos front-end:
- vista
- enrutador vue
- Elemento-UI
- axios
- Cartas electrónicas
② Proyecto de fondo
- Nodo.js
- Expresar
- wxya
- mysql
- Secuela
? Capítulo de inicio rápido
Este artículo está dirigido principalmente a aquellos que recién comienzan con Vue. Contiene algunos ejemplos simples, como bloc de notas, consulta del clima en la ciudad, reproducción de música y MV, etc. También resuelve los problemas encontrados durante el aprendizaje. Puede comenzar rápidamente con Vue ~
- 2020 Zero Basic Vue Inicio rápido Conceptos básicos de Vue [Detalles]
- 2020 Inicio rápido de Vue de base cero Instrucciones de Vue Aplicación local [compilación]
- Inicio rápido de Vue de base cero 2020 para enseñarle a desarrollar un bloc de notas (estimulando la diversión de la programación) [Organización + Código fuente]
- 2020 Zero-Based Vue Quick Start Vue2.0 usa la función de flecha de la sintaxis ES6 => Comprensión de este alcance [Compilación]
- Método de inicio rápido de Vue basado en cero 2020 para introducir archivos css y js externos en el proyecto Vue [Compilación]
- Aplicación de red de inicio rápido de Vue de base cero 2020 axios+Vue [compilación]
- Inicio rápido de Vue de base cero 2020 Enseñanza para desarrollar páginas web de consulta meteorológica: Dios lo sabe (para inspirar la diversión de la programación) [Compilación + Código fuente]
- 2020 Enseñanza integral de aplicaciones Vue de base cero para desarrollar un reproductor de música: Yueting (inspira la diversión de la programación) [Compilación + Código fuente]
Desarrollo de un sistema de gestión de comercio electrónico (enciclopedia)
- 2020 Descripción general del proyecto del sistema de gestión de comercio electrónico (Element-UI) de desarrollo de la familia Vue Bucket desde cero conceptos básicos hasta un desarrollo rápido
- 2020 Inicialización del proyecto del sistema de gestión de comercio electrónico (Element-UI) de desarrollo de cubetas de la familia Vue desde cero conceptos básicos hasta un desarrollo rápido
- 2020 Base cero para el rápido desarrollo del proyecto de alojamiento en la nube de código de uso del sistema de gestión de comercio electrónico (Element-UI) de desarrollo de depósitos de la familia Vue
- 2020 Desarrollo rápido y de base cero de la configuración del sistema de gestión de comercio electrónico (Element-UI) de desarrollo de depósitos de la familia Vue MySQL
- 2020 Implementación de la función de inicio de sesión y salida del sistema de gestión de comercio electrónico (Element-UI) de desarrollo rápido y de base cero de Vue Family Bucket
- 2020 Base cero para un desarrollo rápido Desarrollo de depósitos de la familia Vue Desarrollo del diseño de la página de inicio del sistema de gestión de comercio electrónico (Element-UI)
- 2020 Base cero para un desarrollo rápido Desarrollo de depósitos de la familia Vue Desarrollo de listas de usuarios del sistema de gestión de comercio electrónico (Element-UI)
- 2020 Desde cero hasta el rápido desarrollo del sistema de gestión de comercio electrónico de desarrollo de depósitos de la familia Vue (Element-UI) [Agregar usuario]
- 2020 Desde cero hasta el rápido desarrollo del sistema de gestión de comercio electrónico de desarrollo de depósitos de la familia Vue (Element-UI) [Modificar usuario]
- 2020 Desde cero hasta el rápido desarrollo del sistema de gestión de comercio electrónico de desarrollo de depósitos de la familia Vue (Element-UI) [Eliminar usuario]
- 2020 Desde cero hasta el rápido desarrollo del sistema de gestión de comercio electrónico de desarrollo de depósitos de la familia Vue (Element-UI) [Lista de permisos]
- 2020 Desde la base cero hasta el desarrollo rápido, el sistema de gestión de comercio electrónico de desarrollo de depósitos de la familia Vue (Element-UI) [lista de funciones]
- 2020 Desde cero hasta el rápido desarrollo del sistema de gestión de comercio electrónico de desarrollo de depósitos de la familia Vue (Element-UI) [Asignar permisos]
- 2020 Desde cero hasta el rápido desarrollo del sistema de gestión de comercio electrónico de desarrollo de depósitos de la familia Vue (Element-UI) [Asignar roles]
- 2020 Desde la base cero hasta el rápido desarrollo del artículo de clasificación de productos del sistema de gestión de comercio electrónico (Element-UI) de desarrollo de depósitos de la familia Vue
- 2020 Desde cero hasta el rápido desarrollo de los parámetros de clasificación del sistema de gestión de comercio electrónico (Element-UI) de desarrollo de depósitos de la familia Vue
- 2020 Desde cero hasta el rápido desarrollo de la lista de productos del sistema de gestión de comercio electrónico (Element-UI) de desarrollo de depósitos de la familia Vue
- 2020 Desde cero hasta el rápido desarrollo de la gestión de pedidos del sistema de gestión de comercio electrónico (Element-UI) de desarrollo de Vue Family Bucket
- Estadísticas de datos de 2020 del sistema de gestión de comercio electrónico (Element-UI) de desarrollo de cubos de la familia Vue desde cero conceptos básicos hasta un desarrollo rápido
- 2020 Desarrollo de base cero de Vue basado en la optimización e implementación en línea (completa) del proyecto Element-UI (npm, basado en vue ui) Parte 1
- 2020 Desarrollo de base cero de Vue basado en la optimización e implementación en línea (completa) del proyecto Element-UI (npm, basado en vue ui) Artículo siguiente
✔️ Visualización de capturas de pantalla de parte del proyecto.
✏️ Conclusión
Aprender es como navegar contra corriente, si no avanzas retrocederás.
comunicación mágica
- La comunicación es transferencia La comunicación es intercambio
- Comunicar es compartir. Comunicar es sabiduría.
- La comunicación es amistad La comunicación es poder.
" Conocerse a uno mismo y trascenderse a uno mismo " es el estado más elevado de comunicación
- Cuando sientes que tienes cada vez más personas y cosas que aprender durante un proyecto, significa que estás creciendo .
- Cuando sientes que cada vez hay menos personas y cosas a quienes culpar, significa que estás madurando .
- Cuando continúas ganando amistades y amigos en el proyecto, significa que lograrás el éxito del proyecto.
Lo que la gente puede recordar sigue las siguientes reglas:
- 5% de lo que escuchas
- 10% de lo que lees
- 30% del contenido visto
- 50% del contenido discutido
- 75% del contenido hecho personalmente.
- Enseñar el 90% de lo que otros han hecho
Por lo tanto, creo que sería significativo si abriera el conocimiento que he aprendido. Después de leer este artículo, aprenderá el uso y el uso básico de Vue, y yo también me beneficiaré. Me beneficié mucho mientras ordenaba el conocimiento, también tenía un recuerdo profundo de este asunto. ¿No es esta una situación en la que todos ganan? Entonces, date prisa y dale una estrella a este almacén, Portal: Notas de estudio de Little Lion Front End. Por favor, dale al blogger un vaso de helado, ríe ~
Para obtener más detalles, se recomienda encarecidamente leer lo que escribí: [Documento de resumen del proyecto] Proyecto del sistema de gestión de comercio electrónico de desarrollo de Vue Family Bucket
Si tiene alguna pregunta, puede dejar un mensaje y discutirlo en el área de comentarios al final del artículo. Por supuesto, puede hacer clic en el botón de recompensa al final del artículo y invitar al blogger a un vaso de hielo. crema, risa ~
Finalmente, si los proyectos y tutoriales te resultan útiles o te gustan después de verlos, por favor dame una estrella. ¡Gracias!
?Licencia
MIT