wanna spring

Introdução do projeto

Wanna Spring é um projeto que registra informações pessoais e usa separação de front-end e back-end. A intenção original do projeto é que eu queira registrar o meu dia a dia nesta era da informação. É também um projeto prático para aprender a separação entre front-end e back-end. É para referência, estudo e discussão de todos. Eu sou um novato. Por favor, deixe-me saber se não sou bom em escrever.

É muito difícil para um aluno back-end escrever front-end?

ambiente de desenvolvimento

1. JDK 1.8

2. Redis 4.0.11

3. MongoDB 4.0.0

4. IDEIA IntelliJ 2018.2.6

5. Maven 3.5

6. Plug-in Lombok

7. Nó 10.10.0

8. Versão 2.9.6

9. Spring Boot 2.0.4.RELEASE

Seleção de tecnologia

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

• Redis + MongoDB

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

Funções principais

• Informações de receitas, estatísticas de despesas e receitas (verifique o saldo todos os dias para atingir o objetivo de economizar despesas)

• Informações de programação, um resumo simples de cada dia

• Lista de tarefas, liste as coisas que você planeja fazer

• Registro de trabalho, acompanhe seus dados diários de entrada e saída do trabalho

Execute o projeto

• extremidade traseira

  Basta executar a classe principal SpringBeeApplication

• front-end

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

Execute a captura de tela

Registro de ganhos

relatório de despesas

Registro da agenda

Itens de tarefas

Projeto de implantação

Instale a ferramenta de gerenciamento Pagoda (recomendado)

• Para instalar o pagode, acesse https://www.bt.cn/bbs/thread-19376-1-1.html

• Após a instalação ser bem-sucedida, entre na interface de gerenciamento do Pagoda, entre no gerenciamento de software e instale Nginx , Redis e MongoDB

Implantar serviços de back-end

1. Modifique a configuração necessária

   • Modifique o arquivo application.properties

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

   • Modifique o arquivo 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 o arquivo config.json de acordo com a situação real

2. Implantação de pacote

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

   Após o empacotamento, carregue o arquivo spring-bee-xxxjar no diretório de destino para o servidor (recomenda-se criar uma nova pasta) e carregue config.json no mesmo diretório de nível.

3. correr

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

4. Atualizar HTTPS

   Use a ferramenta Pagoda para criar um site

   

   Solicite um certificado e ative HTTPS

   

   Configurar proxy reverso

   

Implantar serviços front-end

1. Modifique o arquivo api.js

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

2. Pacote

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

3. Crie um site com Pagoda

   

   Em seguida, compacte os arquivos index.html e estáticos no diretório dist , carregue-os no diretório raiz do site e descompacte-os.

4. Atualizar HTTPS

   

escreva no final

Todos são bem-vindos para se comunicar e aprender juntos, participar de contribuições e relatar bugs. Se você tiver boas sugestões, sou QQ735817834.