wanna spring

프로젝트 소개

Wanna Spring 은 개인정보를 기록하고 프런트엔드와 백엔드 분리를 활용하는 프로젝트이다. 이 프로젝트의 원래 의도는 이 정보화 시대에 나의 일상을 기록하고 싶다는 것입니다. 또한 프론트엔드와 백엔드의 분리를 배우기 위한 실용적인 프로젝트이기도 합니다. 제가 초보라서 글을 잘 못쓰는데 조언 부탁드립니다.

백엔드 학생이 프론트엔드를 작성하는 것이 너무 어려운가요?

개발 환경

1. JDK 1.8

2. 레디스 4.0.11

3. 몽고DB 4.0.0

4. IntelliJ IDEA 2018.2.6

5. 메이븐 3.5

6. 롬복 플러그인

7. 노드 10.10.0

8. 뷰 2.9.6

9. 스프링 부트 2.0.4.RELEASE

기술선택

• 스프링 부트 + 스프링 + 스프링 MVC + 스프링 데이터 MongoDB + Swagger

• 레디스+몽고DB

• Vue + JQuery + 부트스트랩 + 요소 UI + Axios + DayJS + 유효성 검사기 + JSCookie + VCharts

주요 기능

• 소득정보, 지출 및 소득통계 (지출절약 목적 달성을 위해 매일 잔액 확인)

• 일정 정보, 매일의 간단한 요약

• To-do list, 할 일을 나열하세요.

• 업무 로그, 출퇴근에 대한 일일 출근 데이터를 추적합니다.

프로젝트 실행

• 후방

  메인 클래스 SpringBeeApplication을 실행하세요.

• 프런트 엔드

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

스크린샷 실행

수익기록

지출 보고서

의제 기록

할 일 항목

배포 프로젝트

Pagoda 관리 도구 설치(권장)

• 탑을 설치하려면 https://www.bt.cn/bbs/thread-19376-1-1.html로 이동하세요.

• 설치가 성공적으로 완료되면 Pagoda 관리 인터페이스로 들어가 소프트웨어 관리로 들어간 다음 Nginx , Redis 및 MongoDB 설치하십시오.

백엔드 서비스 배포

1. 필요한 구성 수정

   • application.properties 파일 수정

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

   • 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

   • 실제 상황에 맞게 config.json 파일을 수정하세요.

2. 패키지 배포

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

   패키징 후, 대상 디렉터리에 있는 spring-bee-xxxjar 파일을 서버에 업로드하고(새 폴더 생성 권장), 같은 레벨 디렉터리에 config.json을 업로드합니다.

3. 달리다

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

4. HTTPS 업그레이드

   Pagoda 도구를 사용하여 사이트 만들기

   

   인증서 신청 및 HTTPS 활성화

   

   역방향 프록시 설정

   

프런트엔드 서비스 배포

1. api.js 파일 수정

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

2. 팩

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

3. Pagoda로 웹사이트 만들기

   

   그런 다음 dist 디렉터리에 있는 index.html 및 정적 파일을 압축하고 웹사이트의 루트 디렉터리에 업로드한 후 압축을 풉니다.

4. HTTPS 업그레이드

   

마지막에 쓰세요

모두가 함께 소통하고 배우고, 기여에 참여하고, 버그를 보고할 수 있습니다. 좋은 제안이 있으면 제안해 주시기 바랍니다. 좋다고 생각하시면 별표를 눌러 지원해 주세요.