$lectura\color{red}{mejor experiencia de lectura}$

dirección del proyecto

Introducción a la función: demostración de video

Resumen funcional

Admite funciones de inicio de sesión y registro.
Admite recuperación de contraseña y verificación de correo electrónico.
Admite la función "recuérdame".
Una página base que contiene la funcionalidad completa de lo anterior.

función de inicio de sesión

Admite el inicio de sesión con "nombre de usuario/contraseña".
"Recordarme" es opcional para el inicio de sesión. Después de verificar, la información de inicio de sesión se conservará cuando el usuario no cierre la sesión de forma activa.
Solo después de que el usuario inicie sesión, puede acceder a la interfaz del sitio y el acceso ilegal volverá a la interfaz principal.

función de registro

Necesidad de proporcionar:
- nombre de usuario (único)
- contraseña (dos veces confirmada)
- Correo electrónico (único y obligatorio, utilizado para recuperar la contraseña)
- Código de verificación (enviar código de verificación al correo electrónico)
Existe una correspondencia uno a uno entre el nombre de usuario y la dirección de correo electrónico.
El período de validez para enviar el código de verificación es de 3 minutos y debe esperar 60 segundos después de enviarlo una vez.

recuperar contraseña

Para restablecer la contraseña, debe verificar su correo electrónico y enviar un código de verificación para la verificación.
El restablecimiento solo se puede realizar después de pasar la verificación.

[Falló la transferencia de la imagen del enlace externo, el sitio de origen puede tener un mecanismo de enlace antirrobo, se recomienda guardar la imagen y cargarla directamente (img-hAoqcmnv-1689610398039) (https://image.itbaima.net/images/ 40/imagen-20230717222022386.png )]

Inicio rápido

Construcción del entorno

Primero Stary Forkeste artículo a tu repo(bushi)
Dependencias ambientales: jdk17, node.js16+, SpringBoot3, Vue3,redis5.0.14.1
Se recomienda ideaconstruir con:
- Importe demo-beckendel módulo y ejecute Mavenla compilación.
- Importe demo-frontendel módulo y ejecute npmla compilación.
instalación redis, windows dirección de descarga ;
Instale mysqly ejecute demo.sqlel archivo, tenga en cuenta que el conjunto de caracteres es utf8mb4, y la intercalación es utf8mb4_unicode_ci.

Configuración de la fuente de datos

Ingrese demo-backend/src/main/resourcesel archivo abierto application.yamlpara modificar la configuración de la fuente de datos:

spring:
  datasource:
    driver-class-name: com.mysql.cj.jdbc.Driver
    url: jdbc:mysql://127.0.0.1:3306/demo?useUnicode=true&charterEncoding=utf-8  # 数据库连接地址，数据库名称默认 demo
    username: xxx             # 数据库连接用户名
    password: xxxxxx          # 密码
  mail:                       # 配置 smtp 邮件代发
    host: smtp.163.com        # 邮件代理主机地址
    username: [email protected]     # 代理用户名
    password: xxxxxx          # 密码
    protocol: smtps
    port: 465
    properties:
      from: [email protected]       # 代理用户名
      mail:
        smtp:
          auth: true
          starttls:
            enable: true
          socketFactory:
            class: javax.net.ssl.SSLSocketFactory
  data:
    redis:
      database: 0
      host: 127.0.0.1
      port: 6379

Proyecto de inicio

Confirme que mysqlla base de datos se haya conectado correctamente;
Inicie redisel servidor;
Finalmente, comience los extremos delantero y trasero.

problema comun

Empezar a conectarse a la base de datos e informar de un error

Verifique la configuración de la fuente de datos, confirme que mysqlel puerto de la base de datos sea correcto y permítalo.
Compruebe el nombre de la base de datos y los permisos de usuario.

No se pudo enviar el código de verificación

No se puede conectar al host

Compruebe si el usuario del proxy de correo ha habilitado smtpel servicio.
Compruebe si el buzón del agente y la contraseña del servicio del agente son correctos.

报错：springboot recibió un saludo incorrecto del host SMTP: smtp.xxx.com, puerto: 465, respuesta: [EOF]

Cierre vpnlos servicios de proxy de red, como .
mailCompruebe el tipo de configuración de la fuente de datos protocal, port: 465correspondiente protocal:smtps.

plantilla de proyecto de separación de front-end y back-end springboot3+vue3