Contenido Capítulo
1 Introducción
1.1 Antecedentes del desarrollo
1.2 El significado y el propósito del tema seleccionado
1.3 Estado de la investigación
1.4 Contenido de la investigación de este documento
Capítulo 2 Introducción a las tecnologías clave
2.1 NODE.JS
2.2 MYSQL
2.3 VUE
2.4 HTML
2.5 JS
2.6 CSS
2.7 Herramientas para desarrolladores de programas pequeños
3 Capítulo Análisis del sistema
3.1 Ideas de diseño de programas pequeños
3.2 Hoja de datos
Capítulo 4 Implementación del sistema
4.1 Proceso de compra
4.2 Proceso de apertura de la tienda
4.3 Página de inicio del centro comercial
4.4 Página de descubrimiento
4.5 Carrito de compras
4.6 Mi
4.7 Detalles del producto
4.8 Página de confirmación del pedido
4.9 Agregar dirección, Seleccionar dirección
4.10 Lista de direcciones
4.11 Pago del pedido e ingreso de contraseña
4.12 Mi pedido
4.14 Menú de la tienda y Ver información de la tienda
4.15 Publicar productos
4.16 Servidor
Capítulo 5 Prueba del sistema
5.1 Autorización de WeChat y enlace de ID de WeChat
5.2 Lista de productos y prueba de detalles
5.3 Prueba del carrito de compras
5.4 Liquidación de un solo artículo y varios artículos del carro de la compra
5.5 Añadir dirección y selección de dirección
5.6 Prueba de pedido
Referencias
Agradecimientos
Capítulo 1 Introducción
1.1 Antecedentes del desarrollo
El rápido desarrollo de las compras en línea ha dado lugar a muchas plataformas de comercio electrónico. Taobao de Cloud, JD.com de Liu Qiangdong, Suning.com de Zhang Jindong, Pinduoduo de Huang Zheng, etc. Entre ellos, Pinduoduo es el de más rápido crecimiento y el de mayor crecimiento. Confiando en el enorme grupo de usuarios de WeChat, Pinduoduo expande rápidamente la cantidad de usuarios. Su estrategia de negociación grupal alienta a los usuarios a compartir y difundir. Compartir, y finalmente abrir el mini programa Pinduoduo.
Los programas pequeños tienen tres características principales: desaparecen después de su uso, están al alcance de la mano, sin instalación ni desinstalación; son estas tres características las que brindan apoyo para el desarrollo rápido de programas pequeños. Para las pequeñas y medianas empresas, el costo de desarrollo de los miniprogramas de WeChat es bajo, especialmente para las empresas que se especializan en el desarrollo de miniprogramas. Son competentes en el desarrollo de miniprogramas y tienen marcos disponibles, sin necesidad de empaquetarlos. Además, las empresas pueden usar la plataforma WeChat para obtener un gran tráfico. Los mini programas no requieren promoción, operación y desarrollo de aplicaciones por separado. El Mini Programa proporciona muchas interfaces, como la función de escaneo, la función de foto, la función de pago, etc., que todos usan todos los días. Estas funciones se usan a menudo en el uso de WeChat. utilizado en . Si bien reduce el tiempo y el costo de desarrollo, tampoco puede cambiar los hábitos de uso del usuario, lo que no se puede lograr fácilmente con otros programas.
El clima cambiante y el entorno inestable hacen que la gente se resista a salir hasta cierto punto. Las compras en línea en todo el mundo, la autenticidad de los productos, el consumo de la carretera y la dificultad de devolver los productos también han hecho que el desarrollo del comercio electrónico alcance un período de cuello de botella. El creciente número de productos falsificados y de mala calidad también ha creado cierta resistencia al comercio electrónico. No poder ver el producto rápidamente, no poder manejar bien las devoluciones y los cambios, hizo que las personas se sintieran muy frías con respecto a las compras en línea. Esto es una crisis, pero también una oportunidad de negocio.
Creo que es solo una oportunidad de negocio, una gran oportunidad de negocio para que las tiendas físicas contrarresten el comercio electrónico. Por supuesto, esto todavía necesita depender de Internet. El efecto propagandístico de Internet es evidente. En la sociedad moderna, nadie puede vivir solo sin Internet. El dolor de estar aislado del mundo sin Internet es un reflejo de muchos jóvenes de hoy. Aunque las compras en línea son buenas, no pueden resolver problemas urgentes.
Debido a esto, quiero desarrollar un programa de acceso directo basado en el subprograma WeChat que priorice el servicio al área circundante y luego se expanda hacia afuera. El desarrollo de pequeños programas se utiliza en las herramientas de desarrollo desarrolladas de forma independiente por WeChat: "WeChat Developer Tools", y las herramientas de desarrollo de terceros, como Hbuilder, también se pueden utilizar para el desarrollo. Una vez que se completa el desarrollo, se empaqueta en un pequeño programa Solo súbelo. Utiliza el mismo lenguaje que el desarrollo anterior, que es similar al marco de desarrollo convencional Vue. Viene con API enriquecidas para que las usen los desarrolladores, lo que reduce en gran medida la carga de trabajo y la dificultad de desarrollo de los desarrolladores.
1.2 Significado y propósito del tema seleccionado
Con el desarrollo de la sociedad, el advenimiento de la era de Internet, la popularidad de los teléfonos móviles y el desarrollo del transporte. Las transacciones en línea tienen más ventajas que las transacciones tradicionales, porque las transacciones en línea son más convenientes. Puede buscar productos de todo el país con solo deslizar el dedo. Siempre que vea los productos que desea, puede hacer clic directamente para comprar y colocar una orden de pago, déjalo en manos de la logística. Solo tenemos que esperar pacientemente en casa la llamada del hermano mensajero.
Esto fue muy popular al principio. Si bien la cantidad de productos en línea se ha duplicado, la cantidad de productos defectuosos también ha aumentado y se ve afectada por las estaciones, el clima, los festivales, etc. a mercadear. Después de esperar, después de recibir el producto, hace tiempo que perdí el amor y el impulso que tenía cuando hice el pedido. La solución para el comercio electrónico es disponer de más almacenes y puntos logísticos, y aumentar los vehículos logísticos para solucionar el tiempo de viaje, que también aumenta los costes.
Entonces, ¿por qué no desarrollar un software que permita a los comerciantes dar prioridad al servicio de las áreas circundantes, configurar un círculo de servicio, entrega en tiempo real dentro del círculo y logística exprés fuera del círculo? Priorice la visualización de los comerciantes y productos cercanos para los usuarios, de modo que los usuarios puedan obtener los productos en el menor tiempo posible, e incluso los usuarios puedan ir a la tienda a elegir según la dirección. Por un lado, se ha promocionado la tienda para aumentar el flujo de personas. No importa dónde se abra, el flujo de personas en Internet es el mismo, lo que puede reducir el costo de abrir una tienda. La reducción de costos significa el aumento de las ganancias, y el aumento de las ganancias se puede retroalimentar a los usuarios, para que ambas partes puedan beneficiarse.
1.3 Estado de la investigación
Según los datos de marzo de 2018, el número de usuarios de WeChat superó los mil millones. Después del lanzamiento del mini programa en 2017, la cantidad de usuarios en ese mes fue de solo 2 millones. Posteriormente, con la actualización continua del mini programa, se agregaron más entradas abiertas, incluyendo usuarios compartiendo con amigos y Momentos, salto de cuenta oficial y otras entradas múltiples, por lo que la cantidad de usuarios del mini programa comenzó a aumentar. En diciembre de 2017, después del lanzamiento oficial del miniprograma de WeChat representado por "saltar", el miniprograma entró rápidamente en el campo de visión de las personas y la cantidad de usuarios también comenzó a dispararse. Las estadísticas muestran que la cantidad de miniprogramas de WeChat los usuarios del programa llegaron a más de 400 millones ese mes. Con la actualización continua de los programas pequeños, los escenarios de uso de los programas pequeños también han comenzado a aumentar, y la cobertura se ha vuelto cada vez más amplia, y la población de usuarios de los programas pequeños también ha formado una tendencia.
Con el desarrollo de pequeños programas y el aumento del número de usuarios, muchas plataformas de comercio electrónico también han desarrollado versiones de programas pequeños uno tras otro, Pinduoduo es uno de los casos más exitosos. Gracias a la fácil difusión de pequeños programas, Pinduoduo rápidamente se hizo popular en los grupos de WeChat, y puedes encontrar rastros de la presencia de Pinduoduo en cualquier grupo que abras. Gracias a la continua actualización e iteración de la plataforma WeChat, se han desarrollado nuevas funciones una tras otra, y cada vez más funciones traerán diferentes sorpresas a las personas. Es decir, es compatible con la versión anterior y agrega nuevas funciones. Recientemente, se ha lanzado una función de transmisión en vivo. No necesita escribir códigos y desarrollarse por sí mismo. Solo necesita operar la interfaz gráfica de la plataforma de gestión para Realice la función de transmisión en vivo en el applet. Esto reduce en gran medida los costos de desarrollo y mantenimiento.
1.4 Contenido de investigación de este documento
Este documento estudia principalmente cómo usar los applets de WeChat para desarrollar microcentros comerciales con múltiples comerciantes. Las ideas de investigación son las siguientes:
(1) Determinar las necesidades. El requisito general es: una cuenta de WeChat es un usuario, y cada usuario puede usar la misma cuenta para comprar y abrir una tienda. Después de convertirse en usuario, continúe solicitando convertirse en propietario de una tienda y, después de aprobar la revisión, puede publicar sus propios productos en el centro comercial; (
2) Determinar la función. Las dos funciones principales de este centro comercial son los comerciantes que enumeran productos y los usuarios que compran productos; el proceso de transacción de cada producto debe completarse mediante la operación conjunta de comerciantes y usuarios. El comerciante coloca productos en los estantes, los usuarios buscan y compran productos, los comerciantes entregan bienes, los usuarios reciben bienes y los evalúan, que es un proceso de transacción de productos básicos.
(3) Estudiar el plan de implementación. Utilice el identificador único de WeChat para determinar la singularidad de cada usuario y la asociación de datos. Use la identificación de usuario y la identificación de la tienda para realizar la asociación entre usuarios y productos; realice la asociación entre la información de la tienda y la información del producto a través de la identificación de la tienda y la identificación del producto; realice la asociación entre la información del usuario, la información del pedido y la información del producto a través de la identificación del usuario, la identificación del pedido y identificación del producto; use la identificación de la dirección y la identificación del usuario para realizar la asociación entre la información del usuario y la información de la dirección; use la identificación del usuario, la identificación del producto y la identificación del carrito de compras para realizar la asociación entre el carrito de compras, el usuario y el producto.
(4) Diseño de página y funciones. La página de inicio muestra los productos, que están ordenados por volumen de ventas de manera predeterminada; se puede agregar la clasificación por precio, distancia y calificación favorable. La página de descubrimiento se utiliza para buscar productos, como tipos de productos, marcas de productos, nombres de productos, descripciones de productos, etc.; el usuario en la página de compras almacena los productos agregados al carrito de compras por el usuario y puede realizar pedidos y pagar varios productos al mismo tiempo; la página mi se usa para administrar mis datos, tales como: pedidos, productos favoritos, tiendas favoritas, mi tienda, productos publicados e información personal, etc.
(5) Escritura de página. La página está escrita utilizando las "Herramientas de desarrollo de WeChat" proporcionadas por Tencent y haciendo referencia a la "Documentación de desarrollo del programa WeChat Mini", y utiliza la API proporcionada por el marco para realizar funciones como compartir, seleccionar imágenes, cargar imágenes, ver imágenes, y salto de página.
(6) Acoplamiento de datos. Use la API integrada del marco para cargar datos de forma asincrónica y actualizar datos localmente; registre las operaciones del usuario en tiempo real y responda las necesidades del usuario; oculte información clave como: ID de usuario, ID de tienda, contraseña de pago del usuario, etc., y muestre información de la página, como: información del producto, información de pedidos, información de la tienda, etc.;
(7) Pruebas funcionales. Pruebe si cada función puede ejecutarse normalmente y adaptarse a varias operaciones del usuario. Por ejemplo, al realizar un pedido, el usuario no ha pagado después de llegar a la página de pago. En este momento, el pedido debe cambiarse a un pedido pendiente. Al comprar un producto, el usuario establece la cantidad de compra en 0, lo que no está permitido. Cuando el saldo del usuario es insuficiente, el pago debe fallar y se le indicará al usuario "Falló el pago debido a saldo insuficiente"
.
Node.js es un marco que se ejecuta en un entorno javascript. Permite que JavaScript desarrolle programas de back-end y puede realizar la mayoría de las funciones realizadas con otros lenguajes de back-end. Puede sentarse en pie de igualdad con lenguajes de fondo como PHP, Java, Python, NET, Ruby, etc.
3.3.2 Ventajas de node.js
La gramática de Node.js es casi la misma que la de js, se puede decir que aquellos que han aprendido y usado javascript pueden aprender el desarrollo de node.js muy fácilmente. Node.js ha abierto el alcance de la aplicación de Javascript, un gran progreso desde el navegador hasta el servidor. Realice la unificación de los entornos de programación front-end y back-end, reduciendo en gran medida el tiempo de desarrollo y los costos de desarrollo. Node.js tiene capacidades de concurrencia ultra alta, utilizando E/S sin bloqueo de subproceso único y mecanismos controlados por eventos, de modo que los programas de Node.js también son paralelos en un nivel de macro.
2.2 mysql
MySQL es un sistema de base de datos relacional de código abierto, se ha convertido en uno de los sistemas de base de datos más populares y está ingresando gradualmente al mercado de las bases de datos comerciales originales. Se puede ver que muchas grandes empresas como Yahoo, Google, Facebook y NetEase están utilizando bases de datos MySQL como sus bases de datos principales, e incluso utilizan MySQL como su sistema de base de datos de aplicación principal.
2.3 Vue
En los últimos diez años, nuestras páginas web se han vuelto más dinámicas y potentes gracias a JavaScript. Hemos puesto una gran cantidad de código tradicional del lado del servidor en el navegador, lo que ha generado miles de líneas de código JavaScript. Ellos enlazan a varios Archivos HTML y CSS [4], pero carece de una forma organizativa formal, por lo que cada vez más desarrolladores utilizan marcos de JavaScript, y vue es uno de los más populares en este momento. El marco Vue es un marco progresivo para construir interfaces de usuario. La biblioteca central de Vue[2] solo se enfoca en la capa de vista, que no solo es fácil de usar, sino también fácil de integrar con bibliotecas de terceros o proyectos existentes. Vue usa js para escribir HTML, lo que reduce una gran cantidad de código repetitivo hasta cierto punto y mejora en gran medida la velocidad de escritura del código; entre ellos, v-for se usa para generar código con bucle; v-if se usa para juzgar si mostrar y v En comparación con -show, uno existe, no se puede ver y no ocupa espacio; el otro no existe en absoluto; v-model multiusuario obtiene el contenido de entrada en la entrada; 2.4 HTML HTML es
el
ladrillo y piedra de la construcción de un sitio web, la base de la construcción de un sitio web y las etiquetas de uso común Hay elementos <div></div>, que representan elementos a nivel de bloque, es decir, ocupan una línea de forma predeterminada y no están en la misma línea que los elementos frontal y posterior; los elementos <span></span>, representan el color primario en la línea, es decir, si hay uno antes y después, también es un elemento en línea, será se mostrará en una línea sin envolver, y la configuración del ancho y la altura de los elementos en línea no tendrá efecto, lo que se puede modificar usando el atributo de visualización; el elemento <a></a>, el salto de la página del usuario, viene con un estilo de disparador, solo se necesita una Dirección, puede saltar a cualquier página en Internet, que es bastante fácil de usar;
2.
JavaScript es un lenguaje de secuencias de comandos orientado a objetos y multiplataforma. Es algo esencial para la interacción de la página web; un sitio web sin Javascript está muerto y sin alma, y solo al agregar Javascript se puede dotar al sitio web de flexibilidad, vida y varias acciones e interacciones; puede cambiar dinámicamente las etiquetas HTML, también puede cambiar el estilo CSS según las operaciones del usuario. En resumen, javascript es el alma de HTML.
Javascript puede hacer muchas cosas que HTML no puede hacer cuando el sitio web se está ejecutando, como obtener la entrada del usuario y pasarla al fondo, y luego mostrar las cosas devueltas por el fondo al usuario; 2.6 CSS CSS es estilo
en
cascada Sheets (nombre completo en inglés: Cascading Style Sheets). Es una herramienta para que los usuarios organicen las etiquetas en HTML de la manera que deseen; si HTML se compara con materias primas, entonces CSS es un molde para especificar la visualización de HTML; tiene funciones poderosas y puede usar animación para crear efectos inesperados ;Simple y práctico es una de sus características principales;
2.7 Herramientas de desarrollo de miniprogramas
WeChat Miniprograma, un tipo de miniprograma, el nombre en inglés es miniprograma. Es una aplicación más pequeña y más rápida que APP, que se puede instalar y usar sin descargar. Hace realidad el sueño de que los programas estén "al alcance de su mano". Los usuarios pueden usar WeChat para escanear o buscar para abrir la aplicación correspondiente. También puede ingresar al Mini Programa y llegar a la página especificada del Mini Programa compartiendo amigos, saltos de cuentas oficiales y saltos de aplicaciones. Esto es equivalente a integrar todos los subprogramas en un proyecto y saltar entre páginas. No es solo un individuo, sino también un todo.
WeChat Mini Program Developer Tool proporciona un marco de desarrollo de aplicaciones simple, eficiente, fácil de aprender y fácil de usar y componentes y API completos. Esto reduce en gran medida la dificultad de desarrollo y aumenta la eficiencia del desarrollo.
El lenguaje de desarrollo utilizado por los miniprogramas es principalmente JavaScript, y el proceso de desarrollo de los miniprogramas es similar al desarrollo web ordinario. Para aquellos que han estado involucrados en el desarrollo front-end durante mucho tiempo, el umbral para migrar del desarrollo web al desarrollo de programas pequeños no es alto, pero existen algunas diferencias entre los dos.
