SrpingBoot-工程建立

本文详细介绍如何从零开始搭建一个SpringBoot项目,包括Maven工程设置、依赖管理、控制器编写及项目启动,最后通过浏览器测试验证。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.首先建立一个Maven工程

2.修改Maven工程中的pom文件,增加parent节点

 

<!-- springboot父节点 引入之后不需要添加version配置 springboot会自动添加合适的版本 -->

<parent>

<groupId>org.springframework.boot</groupId>

<artifactId>spring-boot-starter-parent</artifactId>

<version>1.4.1.RELEASE</version>

</parent>

3.指定jdk的版本号

<!-- 指定jdk版本 默认1.6 -->

<java.sersion>1.8</java.sersion>

4.添加依赖

<dependencies>

<!-- spring-boot-starter-web会提供spring的各种依赖包,包括 MVC AOP等 -- >

<dependency>

<groupId>org.springframework.boot</groupId>

<artifactId>spring-boot-starter-web</artifactId>

<!-- 由于我们在上面指定了parent 所以此处不需要指定版本号 -->

</dependency>

</dependencies>

5.创建Controller

/**

* 在这里的RestController=Controller+ResponseBody

* @author Administrator

*

*/

@RestController

public class HelloContorller {

@RequestMapping("/hello")

public String hello(){

return "SpringBoot Hello";

}

}

6.设计启动项

/**

* 这里我们使用@SpringBootApplication指定这是一个SpringBoot应用程序

* Hello world!

*

*/

@SpringBootApplication

public class App

{

public static void main( String[] args )

{

/*

* 在main方法中进行启动我们应用程序

*/

SpringApplication.run(App.class, args);

}

}

7.项目测试

浏览器中输入 127.0.0.1:8080/hello 会返回 SpringBoot Hello。

 

 

 

### 使用 Spring Boot 和 Vue.js 搭建前后端分离的项目结构 #### 1. 创建 Spring Boot 后端工程 为了快速启动并运行 Spring 应用程序,Spring Boot 设计让开发者能够尽可能快地构建应用程序并且减少配置文件的需求[^3]。 在集成开发环境 Intellij IDEA 中新建一个 Maven 或 Gradle 工程,并引入必要的依赖项如 `spring-boot-starter-web` 和 `spring-boot-starter-data-jpa` 来支持 RESTful API 及持久层操作。对于数据库连接,则可以选用 MySQL 数据库作为存储介质[^2]。 ```xml <dependencies> <!-- Web Starter --> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> <!-- JPA Starter --> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-data-jpa</artifactId> </dependency> <!-- MySQL Connector --> <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> <scope>runtime</scope> </dependency> </dependencies> ``` 完成上述设置之后,在主类上添加 `@RestController` 注解以便定义控制器方法处理 HTTP 请求;同时编写实体类映射表单字段以及 Repository 接口用于执行 CRUD 操作。 #### 2. 构建 Vue.js 前端应用 安装 Node.js 环境后可以直接利用命令行工具 vue-cli 快速建立新的 web 应用: ```bash npm install -g @vue/cli vue create frontend-app cd frontend-app npm run serve ``` 此过程会引导用户选择预设选项或手动配置特性,最终生成的基础模板已经包含了完整的目录结构和基础组件[^4]。 #### 3. 实现前后端通信机制 按照前后端分离架构的设计理念,前端页面应当通过调用后端提供的 RESTful API 进行数据交换。因此需要确保两个部分部署在同一服务器下或者跨域资源共享 CORS 设置正确无误。 例如可以在 Vue 组件内部发起 AJAX 请求获取列表信息: ```javascript // src/components/ExampleComponent.vue import axios from 'axios'; export default { data() { return { items: [] }; }, mounted() { axios.get('/api/items') .then(response => this.items = response.data); } } ``` 而后端对应的 Controller 方法则负责接收请求参数并将查询结果封装成 JSON 返回给客户端: ```java @RestController @RequestMapping("/api") public class ItemController { private final ItemRepository repository; public ItemController(ItemRepository repository) { this.repository = repository; } @GetMapping("/items") List<Item> all() { return repository.findAll(); } } ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值