wanna spring

プロジェクト紹介

Wanna Spring個人情報を記録し、フロントエンドとバックエンドを分離するプロジェクトです。 このプロジェクトの本来の目的は、この情報化時代における私の毎日を記録することであり、フロントエンドとバックエンドの分離を学ぶための実践的なプロジェクトでもあります。それは、皆さんの参考、勉強、議論のためです。初心者なので文章を書くのが苦手な方はアドバイスをお願いします。

バックエンドの学生にとってフロントエンドを書くのは難しすぎますか?

開発環境

1. JDK1.8

2. Redis 4.0.11

3. モンゴDB 4.0.0

4. IntelliJ IDEA 2018.2.6

5. メイブン 3.5

6. ロンボク島プラグイン

7. ノード10.10.0

8. Vue 2.9.6

9. Spring Boot 2.0.4.RELEASE

テクノロジーの選択

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

• Redis+MongoDB

• Vue + JQuery + Bootstrap + 要素 UI + Axios + DayJS + Validator + JSCookie + VCharts

主な機能

• 収入情報、支出と収入の統計（支出を節約する目的を達成するために毎日残高を確認します）

• スケジュール情報、各日の簡単な概要

• To-Doリスト、やろうとしていることをリストアップする

• 作業ログ。毎日の通勤、退勤時の出勤データを追跡します。

プロジェクトを実行する

• 後部

  メインクラス SpringBeeApplication を実行するだけです

• フロントエンド

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

スクリーンショットを実行する

収益実績

経費報告書

議題記録

To Do アイテム

導入プロジェクト

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 ファイルと静的ファイルを圧縮し、Web サイトのルート ディレクトリにアップロードして解凍します。

4. HTTPS をアップグレードする

   

最後に書きます

皆さんも一緒にコミュニケーションをとって学習したり、貢献に参加したり、バグを報告したりしてください。良いと思われる場合は、スターを付けてサポートしてください。