SpringBoot+Vueプロジェクト(学生情報管理システム)の構築と実行

プロジェクトアドレス:学生情報管理システム

フロントエンド部分(Vue)

最初に管理者としてターミナルを実行します

そうしないと、コマンドの実行時にいくつかのエラーが報告されます。

画像-20230121153316433

1.まずnode.jsをダウンロードします

2.node.jsを開いてインストールします

3. インストールが完了したら、コンソールを開き、「node -v」と入力してインストールが完了したかどうかを確認します。バージョン番号が表示されれば、インストールは成功です。

画像-20230121152729697

4. タオバオのミラーアドレスを入力します。

npm install -g cnpm -registry-https://registry.npm.taobao.org

画像-20230121152847963

5. vue-cli をインストールします。

cnpm install -g @vue/cli

足場を設置した後は、他の人のプロジェクトをメンテナンスできます

このコマンドを実行すると、エラーが報告される場合があります。

画像-20230121153517877

解決:

1. 管理者として powershell を実行します
2. powershell で get-ExecutionPolicy を実行し、Restricted と表示されます (ステータスが禁止されていることを示します)。
3. PowerShell で set-ExecutionPolicy RemoteSigned を実行し、Y または A を選択します。
4. PowerShell で get-ExecutionPolicy を実行し、RemoteSigned を表示します。

画像-20230121153628572

画像-20230121153714933

その後、コマンドの実行を続けます

6. プロジェクトディレクトリに入る

まず、コンパイラでプロジェクトを開きます。以下の 2 つのフォルダがすでにある場合は、先に削除してください。これは他の人のコンパイラを実行した後に生成されるので、心配せずに削除してください。

画像-20230121171605776
コマンドラインからプロジェクトを入力します:student_client
画像-20230121154016382

ターミナルを入力します:

npm install
或者
npm i

npm ロードプロジェクトの依存関係レポートnpm WARN は非推奨になりました質問
ここに画像の説明を挿入

解決:

npmのバージョンをアップグレードする

npm install -g npm	-- 默认升级为最新版本

引き続きエラーを報告します。
ここに画像の説明を挿入

Node.js のバージョンが高すぎるため、特定の依存関係をインストールできません

解決:

ノードと npm のバージョンを減らす – アンインストールして再インストールしました。ここでは次のようにします。

画像-20230121165814188

ノードとnpmのバージョンは一致する必要があることに注意してください

その後、コマンドの実行を続けます

画像-20230121165921925

7. 入力npm 実行開発またnpm 実行サーブプロジェクトを実行する

Vue プロジェクトの npm 操作における npm runserve と npm run dev の違い

プロジェクト内で package.json ファイルを見つけ、「script」オブジェクトを確認して、スクリプト内でそれがserveまたはdevであるかどうかを確認します。

画像-20230121170553320

画像-20230121170622333

正常に実行されました:
ここに画像の説明を挿入

npm runserve 時に例外がスローされた場合: error:0308010C
ここに画像の説明を挿入

入力はset NODE_OPTIONS=--openssl-legacy-provider
正常に実行できますが、
主な理由はバージョンに互換性がないことです。

次に、ブラウザにアドレスを入力します。
画像-20230121170846489

バックエンド部分(SpringBoot)

IDEA で Student_server を開き、実行します

エラーが次のような場合: java: 警告: ソース リリース 11 にはターゲット リリース 11 が必要です

画像-20230121192456870

解決:

1. 左上隅の「ファイル」->「設定」->「ビルド、実行、デプロイメント」->「Java コンパイラー」をクリックし、エラーを報告したプロジェクトを見つけて (表示されない場合は「+」をクリック)、プロジェクトでバージョン 8 を選択します。右側のドロップダウンボックス

画像-20230121192625802

2. 左上隅にある [プロジェクト構造] -> [モジュール] をクリックし、エラーを報告したプロジェクトを見つけて、ソースで 8 を選択し、依存関係で独自の jdk バージョンを選択します (私のバージョンは jdk1.8)。最後に [適用] をクリックします。確認。

画像-20230121192701280

3. 上記 2 箇所の変更に加え、設定ファイル pom.xml に次の文を追加します。

<properties>
    <java.version>8</java.version>
</properties>

4. プロジェクトを正常に再実行します。

画像-20230121192839549
その後、システムに入ることができます
ここに画像の説明を挿入
新年あけましておめでとうございます

おすすめ

転載: blog.csdn.net/weixin_55988897/article/details/128747000