springboot3+vue3 フロントエンドとバックエンドの分離プロジェクト テンプレート

より良い読書体験\color{red}{より良い読書体験}より良い読書体験

プロジェクトアドレス


機能紹介 -​​ 動画デモ


機能概要


  • ログインおよび登録機能をサポートします。
  • パスワードの取得と電子メールの検証をサポートします。
  • 「私を覚えてください」機能をサポートします。
  • 上記のすべての機能を含む基本ページ。

ログイン機能


  • 「ユーザー名/パスワード」ログインをサポートします。
  • 「記憶する」はログインのオプションであり、チェックを入れると、ユーザーが積極的にログアウトしない場合、ログイン情報が保持されます。
  • ユーザーはログインした後でのみサイト インターフェイスにアクセスでき、不正なアクセスはメイン インターフェイスに戻ります。


登録機能


  • 提供する必要があるもの:
    • ユーザー名 (一意)
    • パスワード(2回確認)
    • 電子メール (一意で必須、パスワードの取得に使用)
    • 認証コード (認証コードをメールに送信)
  • ユーザー名とメールアドレスは 1 対 1 に対応します。
  • 認証コードの送信有効期間は3分で、一度送信してから60秒待つ必要があります。


パスワードを回復


  • パスワードをリセットするには、電子メールを認証し、確認用の確認コードを送信する必要があります。
  • リセットは検証に合格した後にのみ実行できます。

[外部リンク画像の転送に失敗しました。ソース サイトにはリーチ防止メカニズムがある可能性があります。画像を保存して直接アップロードすることをお勧めします (img-hAoqcmnv-1689610398039) (https://image.itbaima.net/images/40) /image-20230717222022386.png )]


クイックスタート


環境構築


  • まずはこのアイテムをあなたのStar(節)にForkrepo
  • 環境依存性: jdk17node.js16+SpringBoot3Vue3redis5.0.14.1
  • 以下を使用してビルドすることをお勧めしますidea
    • demo-beckendモジュールをインポートし、Mavenビルドを実行します。
    • demo-frontendモジュールをインポートし、npmビルドを実行します。
  • インストールrediswindows ダウンロードアドレス;
  • ファイルをインストールしmysqlて実行しますdemo.sql。文字セットがutf8mb4、照合順序が であることに注意してくださいutf8mb4_unicode_ci

データソース構成


demo-backend/src/main/resources開いているファイルを入力してapplication.yaml、データ ソース構成を変更します。

spring:
  datasource:
    driver-class-name: com.mysql.cj.jdbc.Driver
    url: jdbc:mysql://127.0.0.1:3306/demo?useUnicode=true&charterEncoding=utf-8  # 数据库连接地址,数据库名称默认 demo
    username: xxx             # 数据库连接用户名
    password: xxxxxx          # 密码
  mail:                       # 配置 smtp 邮件代发
    host: smtp.163.com        # 邮件代理主机地址
    username: [email protected]     # 代理用户名
    password: xxxxxx          # 密码
    protocol: smtps
    port: 465
    properties:
      from: [email protected]       # 代理用户名
      mail:
        smtp:
          auth: true
          starttls:
            enable: true
          socketFactory:
            class: javax.net.ssl.SSLSocketFactory
  data:
    redis:
      database: 0
      host: 127.0.0.1
      port: 6379

スタートアッププロジェクト


  • mysqlデータベースが正常に接続されていることを確認します。
  • redisサーバーを起動します。
  • 最後に、フロントエンドとバックエンドを開始します。

よくある問題


データベースへの接続を開始し、エラーを報告する


  • データ ソース構成を確認し、mysqlデータベース ポートが正しいことを確認して許可します。
  • データベース名とユーザー権限を確認してください。

確認コードの送信に失敗しました


ホストに接続できません


  • メールプロキシユーザーがsmtpサービスを有効にしているかどうかを確認してください。
  • エージェントのメールボックスとエージェントのサービスのパスワードが正しいかどうかを確認してください。

报错:springboot SMTP ホストから悪い挨拶を受け取りました: smtp.xxx.com、ポート: 465、応答: [EOF]


  • vpnなどのネットワーク プロキシ サービスを閉じます。
  • 対応するデータ ソース構成mailのタイプを確認しますprotocalport: 465protocal:smtps

おすすめ

転載: blog.csdn.net/LYS00Q/article/details/131777779