wanna spring

Projekteinführung

Wanna Spring ist ein Projekt, das persönliche Informationen aufzeichnet und Front-End- und Back-End-Trennung verwendet. Die ursprüngliche Absicht des Projekts besteht darin, meinen Alltag in diesem Informationszeitalter aufzuzeichnen. Es ist auch ein praktisches Projekt, um die Trennung von Front-End und Back-End zu lernen. Ich bin ein Anfänger. Bitte lassen Sie mich wissen, wenn ich nicht gut schreiben kann. Bitte geben Sie mir einen Rat.

Ist es für einen Back-End-Studenten zu schwierig, Front-End zu schreiben?

Entwicklungsumgebung

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. Lombok-Plugin

7. Knoten 10.10.0

8. Vue 2.9.6

9. Spring Boot 2.0.4.RELEASE

Technologieauswahl

• Spring Boot + Spring + Spring MVC + Spring Data MongoDB + Swagger

• Redis+MongoDB

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

Hauptfunktionen

• Einkommensinformationen, Statistiken über Ausgaben und Einnahmen (überprüfen Sie täglich den Kontostand, um den Zweck der Kosteneinsparung zu erreichen)

• Zeitplaninformationen, eine einfache Zusammenfassung jedes Tages

• To-Do-Liste: Listen Sie die Dinge auf, die Sie planen

• Arbeitsprotokoll: Verfolgen Sie Ihre täglichen Einstempeldaten für den Weg zur und von der Arbeit

Führen Sie das Projekt aus

• hinteres Ende

  Führen Sie einfach die Hauptklasse SpringBeeApplication aus

• Frontend

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

Screenshot ausführen

Ergebnisrekord

Spesenabrechnung

Agenda-Datensatz

Aufgaben

Bereitstellungsprojekt

Installieren Sie das Pagoda Management Tool (empfohlen)

• Um die Pagode zu installieren, gehen Sie bitte zu https://www.bt.cn/bbs/thread-19376-1-1.html

• Rufen Sie nach erfolgreicher Installation die Pagoda-Verwaltungsoberfläche auf, rufen Sie die Softwareverwaltung auf und installieren Sie dann Nginx , Redis und MongoDB

Stellen Sie Backend-Dienste bereit

1. Ändern Sie die erforderliche Konfiguration

   • Ändern Sie die Datei application.properties

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

   • Ändern Sie die Datei 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

   • Ändern Sie die Datei config.json entsprechend der tatsächlichen Situation

2. Paketbereitstellung

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

   Laden Sie nach dem Packen die Datei spring-bee-xxxjar im Zielverzeichnis auf den Server hoch (es wird empfohlen, einen neuen Ordner zu erstellen) und laden Sie config.json in das Verzeichnis derselben Ebene hoch.

3. laufen

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

4. HTTPS aktualisieren

   Verwenden Sie das Pagoda-Tool, um eine Site zu erstellen

   

   Beantragen Sie ein Zertifikat und aktivieren Sie HTTPS

   

   Richten Sie einen Reverse-Proxy ein

   

Stellen Sie Front-End-Dienste bereit

1. Ändern Sie die Datei api.js

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

2. Pack

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

3. Erstellen Sie eine Website mit Pagoda

   

   Komprimieren Sie dann die index.html- und statischen Dateien im Verzeichnis dist , laden Sie sie in das Stammverzeichnis der Website hoch und dekomprimieren Sie sie.

4. HTTPS aktualisieren

   

schreibe am Ende

Jeder ist willkommen, gemeinsam zu kommunizieren und zu lernen, sich an Beiträgen zu beteiligen und Fehler zu melden. Ich bin QQ735817834. Wenn Sie es gut finden, geben Sie ihm bitte einen Stern.