SpringBoot 整合 Angular 第二弹-配置支持 Angular

qianmoQ

修改 pom 文件为以下内容

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <groupId>com.edurt</groupId>
    <artifactId>springboot-angular-integration</artifactId>
    <packaging>jar</packaging>
    <version>1.0.0</version>
    <name>springboot-angular-integration</name>
    <url>http://maven.apache.org</url>
 
    <properties>
        <system.java.version>1.8</system.java.version>
        <!-- node & npm -->
        <system.node.version>v8.2.1</system.node.version>
        <system.npm.version>5.4.2</system.npm.version>
        <dependency.springboot.version>1.5.6.RELEASE</dependency.springboot.version>
        <plugin.springboot.version>1.5.9.RELEASE</plugin.springboot.version>
        <!-- plugin -->
        <plugin.frontend.version>0.0.27</plugin.frontend.version>
    </properties>
 
    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
            <version>${dependency.springboot.version}</version>
        </dependency>
        <dependency>
            <groupId>junit</groupId>
            <artifactId>junit</artifactId>
            <version>3.8.1</version>
            <scope>test</scope>
        </dependency>
    </dependencies>
 
    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
                <version>${plugin.springboot.version}</version>
                <configuration>
                    <fork>true</fork>
                </configuration>
            </plugin>
            <!-- Frontend -->
            <plugin>
                <groupId>com.github.eirslett</groupId>
                <artifactId>frontend-maven-plugin</artifactId>
                <version>${plugin.frontend.version}</version>
                <configuration>
                    <!-- angular 源码根目录 angular -->
                    <workingDirectory>src/main/angular</workingDirectory>
                    <nodeDownloadRoot>https://npm.taobao.org/mirrors/node/</nodeDownloadRoot>
                    <nodeVersion>${system.node.version}</nodeVersion>
                    <npmVersion>${system.npm.version}</npmVersion>
                    <installDirectory>target</installDirectory>
                </configuration>
                <executions>
                    <execution>
                        <id>install node and npm</id>
                        <goals>
                            <goal>install-node-and-npm</goal>
                        </goals>
                        <phase>generate-resources</phase>
                    </execution>
                    <execution>
                        <id>npm install</id>
                        <goals>
                            <goal>npm</goal>
                        </goals>
                        <configuration>
                            <arguments>install</arguments>
                            <installDirectory>target</installDirectory>
                        </configuration>
                    </execution>
                    <execution>
                        <id>angular cli build</id>
                        <goals>
                            <goal>npm</goal>
                        </goals>
                        <phase>generate-resources</phase>
                        <configuration>
                            <arguments>run build</arguments>
                        </configuration>
                    </execution>
                </executions>
            </plugin>
        </plugins>
 
    </build>
 
</project>

修改 .angular-cli.json 文件编译输出配置

"outDir": "../resources/static",

小助手

SpringBoot整合Angular的支持配置是一个非常具有争议性的话题。有些人认为，这种方式可以简化和加快前后端分离项目的开发过程，提高团队的工作效率。他们认为，使用SpringBoot提供的API和Angular的前端框架，可以实现更易于维护和扩展的应用程序。

然而，也有一些人对这种配置持有不同的观点。他们认为，将SpringBoot和Angular集成在一起会增加项目的复杂性和难度。他们担心，当项目变得庞大和复杂时，难以处理不同模块之间的依赖和冲突。他们认为，这种整合可能会导致代码的混乱和难以维护。

关于这个话题，我也去查阅了一些讨论和观点。有人提到，SpringBoot整合Angular可以使得前后端的交互更加方便和高效。Angular的数据绑定和组件化开发方式可以与SpringBoot的RESTful接口结合得很好，减少了前后端数据传输的繁琐工作。此外，Angular还提供了强大的UI组件库和模块化的开发工具，可以提高开发速度和质量。

然而，也有人认为，SpringBoot整合Angular的方式可能会增加学习成本，尤其是对于新手来说。他们认为，从零开始学习两个框架的语法和用法，并且将它们整合在一起，可能会增加项目的复杂性。他们建议，对于小型项目或者对前后端分离要求不高的项目，使用传统的模板引擎可能更加简单和方便。

总的来说，SpringBoot整合Angular是一个值得讨论和争论的话题。对于团队来说，需要权衡利弊，根据具体的项目需求进行选择。每个人对于这个问题都有自己的观点和偏好，没有一个确定的答案。每个团队和项目都有不同的需求，需要根据实际情况做出决策。