零基础也能懂 Spring Boot 60分钟搭建你的第一个Web应用

UI还原大师
2026-08-06 16:03
阅读 517

本教程带你快速搭建“图书管理小助手”,实现浏览器查看和添加图书,并提及LM Studio和Node.js作为辅助。

一、准备工作

  1. JDK 17+:Java运行环境。
  2. IntelliJ IDEA (社区版):代码编辑器。
  3. Maven:项目构建工具,IDEA已集成。安装JDK后,终端执行java -versionjavac -version验证。

二、创建项目

  1. IDEA中New ProjectSpring InitializrNamebook-managerGroupcom.example
  2. 勾选Spring Web依赖,点击Create生成项目。核心代码在src/main/java/com/example/bookmanager下,带Application后缀的是程序入口。

三、核心概念:控制器

控制器如同服务员,处理请求并返回数据。在bookmanager包下创建BookController类:

package com.example.bookmanager;

import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;
import java.util.ArrayList;
import java.util.List;

@RestController
public class BookController {

    private List<String> books = new ArrayList<>();

    @GetMapping("/add")
    public String addBook() {
        books.add("《Spring Boot入门》");
        return "图书添加成功!";
    }

    @GetMapping("/list")
    public List<String> listBooks() {
        return books;
    }
}

@RestController声明控制器,@GetMapping("/add")@GetMapping("/list")处理对应路径的GET请求。运行BookManagerApplication后,浏览器访问/add添加图书,/list查看列表。

四、外部工具

Node.js是现代前端构建工具的运行环境,为未来添加Vue或React界面做准备。LM Studio是本地大模型工具,可离线免费解释代码或报错,充当私人导师。

五、常见问题

  • 端口占用:报错“Port 8080 was already in use”,在application.properties中添加server.port=8081
  • 路径错误:返回“Whitelabel Error Page”,检查URL与@GetMapping值是否一致。
  • 依赖下载慢:检查网络或为Maven配置国内镜像源。

六、下一步学习

  1. POST请求:用@PostMapping接收表单数据。
  2. 连接数据库:学习Spring Data JPA或MyBatis持久化数据。
  3. 整合前端:安装Node.js,用Vue或React构建界面调用接口。多动手实践,善用LM Studio提问思考。

评论 0

最热最新
暂无评论
UI还原大师Lv.1
0
影响力
0
文章
0
粉丝