前言

面对正在进行的javaweb项目课设，我不得不开始学习。在我的好室友冻感糕糕的极力举荐下，我终于用上掘金，并决定开始冲刺奖品，这简直激发了我的学习热情哈哈哈。今天，就让我们来讲讲利用springboot+vue如何实现前后端的分离，顺便让我巩固一下所学知识。

第一步：SpringBoot框架介绍以及快速入手

Spring Boot 是一个开源的 Java 开发框架，其主要目的是简化Spring应用程序的开发和部署工作。相较于传统的Spring开发模式，Spring Boot提供了更为简洁的配置方式和更高效的开发体验，可以让开发者更加专注于业务逻辑的实现，而不必过多关注底层的技术细节。

1、创建一个SpringBoot项目（开发环境：IntelliJ IDEA）

打开idea，选择“Create New Project”创建新项目，在创建项目的向导中选择 “Spring Initializr” ，配置项目的名称、位置、项目类型等信息，注意最新的SpringBoot要求JDK版本不低于17。如图所示：

点击 “Next” 进入下一页，然后选择SpringBoot的版本和依赖项，勾选【Spring Web】依赖项,再点击创建，如图所示：

Spring Web：用于创建 Web 应用程序和 RESTful API 的库。

（里面其他的依赖项大家可自行去了解，在后面的操作中有些依赖也需要被导入项目中）

SpringBoot项目创建成功后，项目结构如图所示：

2、创建控制器类

控制器从HTTP请求中获取信息，提取参数，并将其分发给不同的处理服务（service层），并向前端返回service层处理后的数据（JSON数据或者ModelAndView对象）。在应用程序主要包下创建一个控制器包（controller），在此包下创建一个控制器类（HelloController.java），代码如下：

`package com.example.springboot.controller; // 定义包

// 导入SpringBoot框架中用于处理Web请求的注解

import org.springframework.web.bind.annotation.RequestMapping;

// 导入SpringBoot框架中用于定义RESTful Web服务的注解

import org.springframework.web.bind.annotation.RestController;

@RestController //注解，表示一个RESTful Web服务类

public class HelloController { // 定义类

    @RequestMapping("/") //注解，表示处理对根路径"/"的HTTP GET请求

    public String hello(){ //方法，返回值为String类型

        return "第一个SpringBoot程序"; // 方法体，返回一个字符串

    }

}`

3、启动SpringBoot项目

打开SpringBoot项目的启动类SpringApplication.java，代码如下：

`// 导入Spring Boot的启动类

import org.springframework.boot.SpringApplication;

// 导入Spring Boot应用程序的自动配置注解

import org.springframework.boot.autoconfigure.SpringBootApplication;

// 标注当前类为Spring Boot应用程序的主类

@SpringBootApplication

public class SpringApplication {// Spring Boot应用程序的主类

    // Spring Boot应用程序的入口函数

    public static void main(String[] args) {

        // 启动Spring Boot应用程序

        SpringApplication.run(SpringbootApplication.class, args);

    }

}`

此时我们在浏览器输入SpringBoot项目地址http://localhost:8080/， 即可访问控制器（HelloController.java）中设置的项目根路径映射@RequestMapping("/")的内容，运行结果如图所示。

我们的第一个springboot项目已经初现雏形，在接下来的文章中，将介绍Swagger工具，对控制器类的API进行说明和测试。