фон
Рамки начались с Springboot в качестве Tomcat, а каркас, используемая с Angular2 в качестве передней страницы. Наконец, код Angular2 должен работать в встроенном Tomcat of Springboot.
Структура проекта
src/main/-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Угловой каталог - это новый проект, созданный с использованием Angular CLI. Запуск код Springboot в Java. В каталоге ресурсов есть только файл конфигурации Application.yml
Идеи интеграции
Поскольку проекты Springboot должны добавить статические HTML -файлы и т. Д., Вам необходимо поместить их в статический каталог в соответствии с ресурсами, а затем вы можете напрямую получить доступ к файлу index.html в статический каталог через Localhost: 8080/index.html. Таким образом, нам нужно поместить скомпилированный код углового в этом статическом каталоге.
Итак, шаги интеграции:
Мы можем сделать это через некоторые плагины Maven, где плагин Exec-Maven-Plugin (используется для выполнения команд).
Построить в pom.xml
В файле POM.XML проекта нам нужно добавить конфигурацию сборки:
<buld> <sorronsces> <resource> <ficeletory> src/main/resources </directory> </resource> <sersource> <Directory> $ {project.basedir}/src/main/angular/dist </directory> <TargetPath> static </targetPath> </resources> </resources> <blicins> <blicins> ange ingular np np startion startion np np np and staction np np-stordation »и« np startion »и« np startion ». Directory-> <blicin> <groupid> org.codehaus.mojo </GroupId> <artifactId> exec-maven-plugin </artifactid> <sersion> 1.6.0 </version> <cervision> <seection> <phate> Generate-sources </phase> <come> <gule> exection> </execution> </execution> <//execution> <//execution> <//execution> <//execution> <//execution> <//execution> <//execution> <//execution> </feection> <COUNITURUTION> <SEUNTABLE> npm </rececuate> <borkingDirectory> src/main/angular </workingdirectory> <Arding> <аргумент> запустить </armery> <аргумент> релиз </argirt> </arments> </configuration> </placin> </plucins> </build>Затем после выполнения пакета MVN Clean вы увидите все файлы в статическом каталоге и в каталоге Angular/Dist в каталоге Target/Class. Окончательный сгенерированный пакет JAR также будет содержать это содержимое.
Проект локального стартапа
Если вы продолжите работать с использованием приложения. Функция MAN SptringBoot, поскольку в ресурсах нет углового/дистанционного кода, вы не увидите страницу правильно. Решение состоит в том, чтобы использовать еще один плагин Maven: Spring-Boot-Maven-Plugin, который специально используется для команды Springboot Maven.
Добавьте следующий код для сборки> плагинов в pom.xml:
<blicin> <groupid> org.springframework.boot </GroupId> <ArtifactId> Spring-boot-maven-plugin </artifactid> <sersive> 1.5.9.Release </version> <cervision> <ceepurition> <come> <come> repackage </ogle> </ogle> </execution> </refection> </plugin> </ogle> </ogle> </rececution> </refection> </plugin>
Затем выполните команду Maven's Run: mvn clean spring-boot:run для запуска проекта, и будет загружен угловой файл.
Выше всего содержание этой статьи. Я надеюсь, что это будет полезно для каждого обучения, и я надеюсь, что все будут поддерживать Wulin.com больше.