全栈工程师-后端开发-Spring Boot_SpringBoot与前端框架集成：如React或Vue.docx

PAGE1

PAGE1

SpringBoot与前端框架集成概览

1SpringBoot项目结构介绍

在SpringBoot项目中，我们通常采用MVC（Model-View-Controller）架构模式。项目结构清晰，易于理解和维护。下面是一个典型的SpringBoot项目结构：

.

├──src

│├──main

││├──java

│││└──com.example.demo

│││├──DemoApplication.java

│││├──controller

││││└──ExampleController.java

│││├──model

││││└──ExampleEntity.java

│││└──service

│││└──ExampleService.java

││└──resources

││├──perties

││└──static

││└──index.html

│└──test

│└──java

│└──com.example.demo

│├──DemoApplicationTests.java

│└──ExampleControllerTests.java

└──pom.xml

src/main/java:存放Java源代码，包括SpringBoot的启动类、控制器、实体类和服务类。

src/main/resources:存放配置文件和静态资源，如HTML、CSS和JavaScript文件。

src/test/java:存放测试代码。

pom.xml:Maven项目配置文件，用于管理项目依赖。

1.1示例：创建一个SpringBoot项目

假设我们正在创建一个简单的SpringBoot项目，用于处理用户信息。首先，我们需要在src/main/java目录下创建一个启动类：

packagecom.example.demo;

importorg.springframework.boot.SpringApplication;

importorg.springframework.boot.autoconfigure.SpringBootApplication;

@SpringBootApplication

publicclassDemoApplication{

publicstaticvoidmain(String[]args){

SpringApplication.run(DemoApplication.class,args);

}

}

接下来，我们创建一个控制器类，用于处理前端请求：

packagecom.example.demo.controller;

importorg.springframework.web.bind.annotation.GetMapping;

importorg.springframework.web.bind.annotation.RestController;

@RestController

publicclassUserController{

@GetMapping(/user)

publicStringgetUser(){

returnHello,User!;

}

}

在src/main/resources/static目录下，我们创建一个简单的HTML文件，用于展示用户信息：

!DOCTYPEhtml

html

head

titleUserInformation/title

/head

body

h1UserInformation/h1

divid=app

p{{message}}/p

/div

script

constapp=newVue({

el:#app,

data:{

message:

},

created()