SpringBoot整合Angular第一弹-基础环境配置

Spring Boot 同时被 2 个专栏收录
59 篇文章 0 订阅
50 篇文章 13 订阅

视频课程地址: Spring Boot 整合 Angular 应用

  • 创建一个 maven 项目(可使用 idea 或者其他编辑器)
mvn archetype:generate -DgroupId=com.edurt -DartifactId=springboot-angular-integration -DarchetypeArtifactId=maven-archetype-quickstart -Dversion=1.0.0 -DinteractiveMode=false

等待下载依赖, 完成项目的创建, 完成后将项目导入编辑器中.

  • 在项目的 pom 文件中引入需要的springboot依赖
<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>
    <dependency.springboot.version>1.5.6.RELEASE</dependency.springboot.version>
    <plugin.springboot.version>1.5.9.RELEASE</plugin.springboot.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>
    </plugins>

  </build>

</project>
  • 修改 App 类使其支持 springboot 程序
package com.edurt;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

/**
 * Hello world!
 */
@SpringBootApplication
public class App {

    public static void main(String[] args) {
        SpringApplication.run(App.class, args);
    }

}
  • 测试运行检查应用是否支持 springboot 属性
mvn spring-boot:run

此时我们的 springboot 应用程序已经搭建完成.

  • 初始化 angular cli 项目
ng new springboot-angular-integration-web

此处会下载需要的 node 依赖会慢, 慢慢等待即可, 这个时候我们的 springboot 和 angular 环境都已经搭建配置完成

  • 复制生成的angular 代码到指定的 src → angular 目录中
  • 0
    点赞
  • 0
    评论
  • 2
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值