wanna spring

Introducción del proyecto

Wanna Spring es un proyecto que registra información personal y utiliza la separación de front-end y back-end. La intención original del proyecto es registrar mi día a día en esta era de la información. También es un proyecto práctico para aprender la separación del front-end y el back-end. Es para referencia, estudio y discusión de todos. Soy un novato. Avíseme si no soy bueno escribiendo. Por favor, deme algún consejo.

¿Es demasiado difícil para un estudiante de back-end escribir front-end?

entorno de desarrollo

1. JDK 1.8

2. Redis 4.0.11

3. MongoDB 4.0.0

4. IntelliJ IDEA 2018.2.6

5. Maven 3.5

6. Complemento de Lombok

7. Nodo 10.10.0

8. Vista 2.9.6

9. Lanzamiento de primavera 2.0.4.

Selección de tecnología

• Spring Boot + Spring + Spring MVC + Datos de primavera MongoDB + Swagger

• Redis+MongoDB

• Vue + JQuery + Bootstrap + Element UI + Axios + DayJS + Validator + JSCookie + VCharts

Funciones principales

• Información de ingresos, estadísticas de gastos e ingresos (consultar el saldo todos los días para lograr el propósito de ahorrar gastos)

• Información de horarios, un resumen sencillo de cada día.

• Lista de tareas pendientes, enumera las cosas que planeas hacer

• Registro de trabajo, realice un seguimiento de sus datos de registro diario para desplazarse hacia y desde el trabajo

ejecutar el proyecto

• extremo posterior

  Simplemente ejecute la clase principal SpringBeeApplication

• Interfaz

   cd /path/wanna-spring/spring-fee
  # 安装依赖
  npm install
  # 运行项目
  npm run dev

Ejecutar captura de pantalla

Registro de ganancias

informe de gastos

Registro de agenda

Artículos pendientes

Proyecto de implementación

Instalar la herramienta de gestión Pagoda (recomendado)

• Para instalar la pagoda, vaya a https://www.bt.cn/bbs/thread-19376-1-1.html

• Una vez que la instalación sea exitosa, ingrese a la interfaz de administración de Pagoda, ingrese a la administración de software y luego instale Nginx , Redis y MongoDB

Implementar servicios de backend

1. Modificar la configuración necesaria

   • Modificar el archivo application.properties

      # 去掉注释
     spring.profiles.active =prod

   • Modificar el archivo application-prod.properties

      # 下面的信息必须使用自己的，如果示例的邮箱发送邮件过于频繁，将会导致示例邮箱的邮件服务被关闭
     # 如何开通邮箱的第三方登录，请自行谷歌百度
     spring.mail.host =mail server host
     spring.mail.protocol =mail server protocol
     spring.mail.username =mail username
     spring.mail.password =mail password or key

   • Modifique el archivo config.json según la situación real

2. Implementación de paquetes

    # 进入后端项目目录
   cd /path/wanna-spring/spring-bee
   # 打包
   mvn package -Dmaven.test.skip=true

   Después del empaquetado, cargue el archivo spring-bee-xxxjar en el directorio de destino en el servidor (se recomienda crear una nueva carpeta) y cargue config.json en el directorio del mismo nivel.

3. correr

    # 运行，防止BASH窗口关闭时进程挂掉
   setsid java -jar spring-bee.x.x.x.jar &
   # 关闭进程
   lsof -i:8023 # 查找运行的端口，会看到运行在此端口的进程的PID
   kill -9 PID # 强制关闭进程

4. Actualizar HTTPS

   Utilice la herramienta Pagoda para crear un sitio

   

   Solicite un certificado y active HTTPS

   

   Configurar proxy inverso

   

Implementar servicios front-end

1. Modificar el archivo api.js

    // 修改成自己的主机
   const host = 'https://spring-api.yourdomain.com'

2. Embalar

    # 进入前端项目目录
   cd /path/wanna-spring/spring-fee
   # 安装依赖
   npm install
   # 打包
   npm run build

3. Crear un sitio web con Pagoda

   

   Luego comprima los archivos index.html y estáticos en el directorio dist , cárguelos en el directorio raíz del sitio web y descomprímalos.

4. Actualizar HTTPS

   

escribe al final

Todos son bienvenidos a comunicarse y aprender juntos, participar en contribuciones e informar errores. Si tiene buenas sugerencias, puede hacerlas. Soy QQ735817834. Si cree que es bueno, dele una estrella para apoyarlo.