wanna spring

Présentation du projet

Wanna Spring est un projet qui enregistre des informations personnelles et utilise la séparation front-end et back-end. L'intention initiale du projet est que je veux enregistrer mon quotidien à l'ère de l'information. C'est aussi un projet pratique pour apprendre la séparation du front-end et du back-end. C'est pour la référence, l'étude et la discussion de chacun. Je suis novice. S'il vous plaît laissez-moi savoir si je ne suis pas doué pour écrire. S'il vous plaît, donnez-moi quelques conseils.

Est-il trop difficile pour un étudiant back-end d'écrire du front-end ?

environnement de développement

1. JDK 1.8

2. Rédis 4.0.11

3. MongoDB 4.0.0

4. IDÉE IntelliJ 2018.2.6

5. Maven3.5

6. Plugin Lombok

7. Nœud 10.10.0

8. Vue 2.9.6

9. Spring Boot 2.0.4.RELEASE

Sélection technologique

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

• Redis + MongoDB

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

Fonctions principales

• Informations sur les revenus, statistiques des dépenses et des revenus (vérifiez le solde chaque jour pour atteindre l'objectif d'économiser les dépenses)

• Informations sur le planning, un résumé simple de chaque journée

• Liste de tâches, listez les choses que vous envisagez de faire

• Journal de travail, gardez une trace de vos données d'arrivée quotidiennes pour vous rendre au travail et en revenir

Exécuter le projet

• extrémité arrière

  Exécutez simplement la classe principale SpringBeeApplication

• l'extrémité avant

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

Exécuter une capture d'écran

Record de gains

note de frais

Enregistrement de l'ordre du jour

Éléments à faire

Projet de déploiement

Installer l'outil de gestion de pagode (recommandé)

• Pour installer la pagode, veuillez vous rendre sur https://www.bt.cn/bbs/thread-19376-1-1.html

• Une fois l'installation réussie, accédez à l'interface de gestion Pagoda, accédez à la gestion des logiciels, puis installez Nginx , Redis et MongoDB

Déployer des services back-end

1. Modifier la configuration nécessaire

   • Modifier le fichier application.properties

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

   • Modifier le fichier 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

   • Modifier le fichier config.json en fonction de la situation réelle

2. Déploiement du package

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

   Après l'empaquetage, téléchargez le fichier spring-bee-xxxjar sous le répertoire cible sur le serveur (il est recommandé de créer un nouveau dossier) et téléchargez config.json dans le répertoire de même niveau.

3. courir

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

4. Mettre à niveau HTTPS

   Utiliser l'outil Pagoda pour créer un site

   

   Demandez un certificat et activez HTTPS

   

   Configurer un proxy inverse

   

Déployer des services front-end

1. Modifier le fichier api.js

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

2. Paquet

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

3. Créer un site internet avec Pagoda

   

   Compressez ensuite les fichiers index.html et statiques dans le répertoire dist , téléchargez-les dans le répertoire racine du site Web et décompressez-les.

4. Mettre à niveau HTTPS

   

écris à la fin

Tout le monde est invité à communiquer et à apprendre ensemble, à participer aux contributions et à signaler des bugs. Si vous avez de bonnes suggestions, vous pouvez les faire. Je suis QQ735817834. Si vous pensez que c'est bien, veuillez lui donner une étoile pour le soutenir.