Vue + element ui + Tencent Cloud Development y creación de un tutorial práctico del sistema de gestión de miembros (1) Análisis de demanda

Visión general

Este es mi segundo tutorial después de mi práctica de desarrollo en la nube del mini programa. El mini programa es para estudiar cómo implementar el terminal móvil. Generalmente, está orientado a los clientes. Los clientes pueden usar el mini programa para comprender qué tipo de servicio ofrece el comerciante. Cómo se ve el precio, puede realizar un pedido en línea después de tener la intención. Pero la desventaja es que la función del comerciante es muy débil y una gran cantidad de trabajo de administración no se puede completar en el teléfono móvil. En base a esta deficiencia, quiero tener un sistema en segundo plano para satisfacer las necesidades diarias de administración del comerciante.
Este tutorial describe las funciones del sistema de back-end, la selección de tecnología y el proceso de construcción específico, con la esperanza de brindar una perspectiva diferente para los desarrolladores que necesitan esta tecnología.

análisis de demanda

Analizar la demanda de una tienda de mariscos. La tienda de mariscos todos los días tiene muchos productos que deben ser vendidos por el comerciante. Para aumentar las ventas, la tienda lanzó una actividad promocional. Recargue una cierta cantidad y dé una cierta cantidad para aumentar la tasa de recompra del cliente para ayudar a la tienda a mejorar El volumen de negocios requiere un sistema de back-end para respaldar las funciones diarias de gestión de mercancías, gestión de pedidos y gestión de membresía. Por supuesto, el sistema también está equipado con una función de análisis estadístico simple que puede analizar y mostrar datos operativos en forma de gráficos.

inicio de sesión del sistema

Inserte la descripción de la imagen aquí
Ingrese el nombre de usuario y la contraseña para iniciar sesión en el sistema

usuario registrado

Inserte la descripción de la imagen aquí
Ingrese la dirección de correo electrónico y la contraseña para registrarse. Después de que el registro sea exitoso, se enviará un correo electrónico a la dirección de correo electrónico registrada para la activación. Después de la activación, puede iniciar sesión en el sistema

tablero

Inserte la descripción de la imagen aquí
Muestre la descripción general del negocio de la tienda en forma de gráfico, incluido el número de clientes, el número de productos, la cantidad de pedidos y el número de pedidos, y muestre la facturación de los 12 meses del año en forma de gráfico de líneas.

Gestión de usuarios

Inserte la descripción de la imagen aquí
Para los clientes que compran productos a diario, puede ingresar información básica del cliente, y para los clientes que necesitan recargar para convertirse en miembros, puede abrir una tarjeta.
Inserte la descripción de la imagen aquí

Gestión de miembros

Inserte la descripción de la imagen aquí
Para los clientes que ya son miembros, puede recargar al cliente y puede consultar los registros de consumo y recarga anteriores del miembro.
Inserte la descripción de la imagen aquí
Inserte la descripción de la imagen aquí

Gestión por categorías

Inserte la descripción de la imagen aquí
Puede mantener categorías de productos

Gestión de productos básicos

Inserte la descripción de la imagen aquí
Se pueden crear productos y gestionar sus especificaciones, y los productos se pueden poner o sacar de los estantes.
Inserte la descripción de la imagen aquí

Gestión de pedidos

Inserte la descripción de la imagen aquí
Puede crear un pedido. Después de seleccionar el producto, el sistema calcula automáticamente el monto del pedido. Para aquellos que se han convertido en miembros, puede elegir una tarjeta de membresía para pagar y deducir automáticamente las tarifas.
Inserte la descripción de la imagen aquí
Inserte la descripción de la imagen aquí

Selección técnica

Debido a que es un backend de administración creado para la tienda basado en la ruta técnica del subprograma WeChat, la ruta técnica todavía se basa en el desarrollo en la nube de Tencent. Afortunadamente, Tencent Cloud ha seguido con la función de alojamiento de plantillas estáticas de sitios web. Las funciones de back-end las proporciona básicamente Tencent. Es el problema del estilo de la página de inicio. Combinado con la tecnología convencional actual, elegí el marco de interfaz de usuario de vue-element-admin. La ventaja es que el andamio proporciona todas las funciones y la documentación es rica. Es más fácil de aprender
Sitio web oficial de
VUE Tutorial para novatos de VUE
Oficial de ElementUI Sitio web
vue-element-admin sitio web oficial
es6 tutorial para novatos La
anterior es la dirección del sitio web oficial de la tecnología involucrada en el desarrollo. Para los estudiantes que todavía están muy atrasados ​​en tecnología como yo, aún necesitan sentar un poco una base sólida para hacer sus propias aplicaciones satisfactorias. para
aprender el conocimiento técnico básico también es necesario back-end, la tecnología de back-end en la nube de Tencent se basa en nodejs y mongedb de estas dos tecnologías es imprescindible, puede ir a un tutorial novato para aprender
la plataforma pública de micro-canales
Tencent
conocimiento básico del back-end en la nube de Tencent El documento es muy claro, si encuentra algún problema durante el proceso de desarrollo, simplemente consulte el documento de Tencent.

Pasos de construcción

Para abrir los recursos correspondientes, primero debe registrar una cuenta en la plataforma oficial de WeChat para abrir el mini programa, y ​​luego abrir el entorno de pago por uso en la herramienta para desarrolladores de WeChat.
Paso 1: Abra la herramienta para desarrolladores de WeChat, haga clic en el icono de desarrollo en la nube,
Inserte la descripción de la imagen aquí
haga clic en configuración y cree Para el nuevo entorno, seleccione facturación por volumen.
Inserte la descripción de la imagen aquí
Paso 2: Abra el sitio web oficial de Tencent Cloud Development y busque el entorno creado después de iniciar sesión
Inserte la descripción de la imagen aquí

Inserte la descripción de la imagen aquí
Establezca el método de inicio de sesión para iniciar sesión por correo electrónico
Inserte la descripción de la imagen aquí
. Cargue su propio código de sitio web en el alojamiento del sitio web estático.
Inserte la descripción de la imagen aquí
Una vez que la carga se haya realizado correctamente, el comerciante tendrá su propio servidor web.

para resumir

Basándose en la tecnología desarrollada por Tencent Cloud en su conjunto, los comerciantes tienen experiencia en administración del lado de la PC y un applet de WeChat, que realmente se da cuenta del concepto de integración en la nube. Aprovechando el viento de Tencent para expandir su negocio, esperamos que la tienda pueda funcionar en el futuro Constantemente alta, la tecnología sirve a los negocios y los negocios respaldan los sueños.

Código fuente

Para obtener el código fuente, visite
https://gitee.com/tuodagitee/membercms.git

Supongo que te gusta

Origin blog.csdn.net/u012877217/article/details/109778326
Recomendado
Clasificación