Jddaojia
Introducción
Jddaojia es un correo electrónico móvil web construido por imitar a JD.com . Este almacén es su proyecto front-end. Para la parte de la interfaz API de backend, ver: Jddaojia-Backapi.
Este proyecto implementa operaciones básicas en el lado del usuario de E-Mall, incluido el registro de inicio de sesión, la pantalla del producto de la tienda, el carrito de compras, la colocación de pedidos, la consulta de pedidos históricos, la dirección de ahorro y edición, y trata de restaurar el estilo de interfaz de usuario único de JD.com.
Vea el video de demostración: Video de Bilibili.
Tecnología utilizada
- VUE3 + VUEX + VUE-ROUTER + VUE-CLI
- axios
- Eslint
- pájaro web
- SCSS
- ES6
Operaciones de línea de comando básicas:
Instalar la configuración del proyecto del proyecto
Compila y recargadores de calor para el desarrollo
Compila y minifica para la producción
Pelusas y arregla archivos
Personalizar la configuración
Ver ver:
Referencia de configuración.
Ejecutar con éxito
Si el proceso va sin problemas y el proyecto se ejecuta con éxito en el entorno de desarrollo, la línea de comandos mostrará un mensaje similar al siguiente.
Use la URL dada allí para acceder a la página. Sin embargo, debe ejecutar primero el servidor de interfaz de fondo del proyecto y usar el puerto 3000 de forma predeterminada.
pista
- Puede iniciar sesión en el centro comercial directamente a través del nombre de usuario: Admin y contraseña: Admin para evitar el proceso de registro. Además, el centro comercial ahora no tiene una función de inicio de sesión de SMS móvil, utilice el nombre de usuario y la contraseña para iniciar sesión.
- El proyecto utiliza el esquema REM para lograr un diseño adaptativo.
- El proyecto solo se ha probado en los navegadores Firefox y Edge. Los navegadores Chrome y Safari pueden encontrar errores de diseño. Si encuentra alguno, comuníquese conmigo para modificarlo.
- El diseño hace el uso completo de Flex y simplifica el código CSS.
- La función del carrito de compras utiliza principalmente Vuex y SessionStorage para administrar datos en el lado del cliente, que es mi objetivo de practicar capacidades localizadas de gestión de información. Otras funciones procesan principalmente datos en el backend.
- La información de inicio de sesión se almacena en SessionStorage.
Instrucciones para mejorar
- Todavía hay margen de mejora en el rendimiento y la presentación de la carga de la página, como usar caché, reducir la fluctuación de diseño, etc.
- Bajo ciertas configuraciones en el navegador, SessionStorage no se borrará incluso si la página está cerrada. Puede configurar eso después de no operar la página por un período de tiempo, automáticamente iniciará sesión y borrará SessionStorage.
- Muchas partes que usan solicitudes HTTP pueden adoptar métodos de manejo de errores más específicos.
