背景
フレームワークは、SpringbootからTomcatとして始まり、フレームワークはAngular2でフロントエンドページとして使用されました。最後に、Angular2のコードは、スプリングブートの組み込みのトムキャットで実行する必要があります。
プロジェクト構造
src/main/-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Angular Directoryは、Angular CLIを使用して作成された新しいプロジェクトです。 JavaのSpringbootのスタートアップコード。リソースディレクトリにはapplication.yml構成ファイルのみがあります
統合のアイデア
Springbootプロジェクトは静的HTMLファイルなどを追加する必要があるため、リソースの下の静的ディレクトリにそれらを配置する必要があります。その後、LocalHost：8080/index.htmlを介して静的ディレクトリのindex.htmlファイルに直接アクセスできます。そのため、コンパイルされたAngularのコードをその静的ディレクトリに配置する必要があります。
したがって、統合の手順：
Exec-Maven-Pluginプラグイン（コマンドの実行に使用）のいくつかのプラグインを使用して、それを行うことができます。
pom.xmlでビルドします
プロジェクトのpom.xmlファイルでは、ビルド構成を追加する必要があります。
<build> <リソース> <リソース> <Directory> src/main/resources </directory> </resources> <resources> <directory> $ {project.basedir}/src/main/angular/dist </dirculory> <target> static> stargath> </resources> </resource> <プラグイン> <プラグイン> <groupid> org.codehaus.mojo </groupid> <artifactid> exec-maven-plugin </artifactid> <バージョン> 1.6.0 </version> <実行> <実行> <フェーズ<Executable> npm </executabable> <WorkingDirectory> src/main/angular </workingdirectory> <arguments> <argument> run </argument> <argument> release </argument> </arguments> </configuration> </plugins> </build>次に、MVN Cleanパッケージを実行した後、Static DirectoryとAngular/Dist Directoryのすべてのファイルがターゲット/クラスディレクトリに表示されます。最終生成されたJARパッケージには、これらのコンテンツも含まれます。
ローカルスタートアッププロジェクトテスト
application.main sptringbootの機能を使用し続けている場合、リソースにAngular/Distコードがないため、ページは正しく表示されません。解決策は、別のMavenプラグイン：Spring-Boot-Maven-Pluginを使用することです。これは、SpringbootのMavenコマンドに特別に使用されます。
次のコードを追加して、pom.xmlのプラグインをビルドします。
<Plugin> <groupId> org.springframework.boot </groupid> <artifactid> spring-boot-maven-plugin </artifactid> <バージョン> 1.5.9.9.9.9.9.9.9.9.9.9.9.9.9.9.9.9.9.9.9.9. executions> <ゴール> <ゴール> goal> repackage </goal>> </execution> </execution> </plugin> </plugin
次に、Mavenの実行コマンドを実行します： mvn clean spring-boot:runプロジェクトを開始すると、Angularコンパイルされたファイルがロードされます。
上記はこの記事のすべての内容です。みんなの学習に役立つことを願っています。誰もがwulin.comをもっとサポートすることを願っています。