springboot网页开发,云主机小时计费,国内高速vps,vps安装windows,linux vps建站教程

🗣 Wd提问: springboot网页开发

🤖 Ai回答:
Spring Boot 是一个基于 Spring 框架的快速开发框架，它简化了 Spring 应用的初始搭建和开发过程。在 Spring Boot 中进行网页开发（即构建 Web 应用），通常使用 Spring MVC 模块来处理 HTTP 请求和响应，并结合 Thymeleaf、Freemarker 或 JSP 等模板引擎来渲染动态网页。

下面是一个完整的 Spring Boot 网页开发示例，使用 Thymeleaf 模板引擎。

✅ 1、创建 Spring Boot 项目

你可以使用 [Spring Initializr](https://start.spring.io/) 创建项目，选择以下依赖：

Spring Web（用于构建 Web 应用）
Thymeleaf（用于模板渲染）
Spring Boot DevTools（开发时热加载）

✅ 2、项目结构

src/
├── main/
│ ├── java/
│ │ └── com.example.demo/
│ │ └── DemoApplication.java
│ │ └── controller/
│ │ └── HelloController.java
│ │ └── service/
│ │ └── HelloService.java
│ │ └── model/
│ │ └── User.java
│ │
│ └── resources/
│ ├── static/
│ │ └── css/
│ │ └── js/
│ │ └── images/
│ └── templates/
│ └── hello.html
│
└── test/
└── java/
└── com.example.demo/
└── DemoApplicationTests.java

✅ 3、编写代码

1、`HelloController.java`

java
package com.example.demo.controller;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;

@Controller
public class HelloController {

@GetMapping(/)
public String home(Model model) {
model.addAttribute(message, Hello, Spring Boot Web!);
return hello; // 返回 templates/hello.html
}
}

2、`User.java`（模型类）

java
package com.example.demo.model;

public class User {
private String name;
private int age;

public User(String name, int age) {
this.name = name;
this.age = age;
}

// Getters and Setters
public String getName() { return name; }
public void setName(String name) { this.name = name; }
public int getAge() { return age; }
public void setAge(int age) { this.age = age; }
}

3、`HelloController.java`（带数据传递）

java
package com.example.demo.controller;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import com.example.demo.model.User;

@Controller
public class HelloController {

@GetMapping(/)
public String home(Model model) {
User user = new User(张三, 25);
model.addAttribute(user, user);
model.addAttribute(message, 欢迎来到 Spring Boot 网页！);
return hello;
}
}

4、`templates/hello.html`（Thymeleaf 模板）

html
<!DOCTYPE html
<html xmlns:th=http://www.thymeleaf.org
<head
<titleSpring Boot Web</title
<link rel=stylesheet href=/css/style.css
</head
<body
<h1 th:text=${message}默认消息</h1

<div
<p姓名: <span th:text=${user.name}张三</span</p
<p年龄: <span th:text=${user.age}25</span</p
</div

<a href=/about关于我们</a
</body
</html

5、`templates/about.html`

html
<!DOCTYPE html
<html xmlns:th=http://www.thymeleaf.org
<head
<title关于我们</title
</head
<body
<h1关于我们</h1
<p这是一个基于 Spring Boot 的网页应用。</p
<a href=/返回首页</a
</body
</html

6、`HelloController.java`（新增 About 页面）

java
@GetMapping(/about)
public String about(Model model) {
model.addAttribute(message, 这是关于页面);
return about;
}

7、`application.properties`（配置文件）

properties
服务器端口
server.port=8080

Thymeleaf 配置
spring.thymeleaf.cache=false
spring.thymeleaf.enabled=true
spring.thymeleaf.prefix=classpath:/templates/
spring.thymeleaf.suffix=.html

✅ 4、启动应用

java
package com.example.demo;

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

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

✅ 5、运行并访问

启动应用后，访问：

http://localhost:8080

你应该能看到：

首页显示 Hello, Spring Boot Web! 和用户信息
点击链接跳转到关于我们页面

✅ 6、使用静态资源（CSS/JS）

在 `src/main/resources/static/css/style.css`：

css
body {
font-family: Arial, sans-serif;
background-color: f4f4f4;
text-align: center;
padding: 50px;
}

h1 {
color: 333;
}

Thymeleaf 会自动加载 `static` 目录下的资源。

✅ 7、扩展功能建议

使用 Spring Data JPA 连接数据库
使用 Spring Security 实现用户登录
使用 Bootstrap 或 Tailwind CSS 做响应式设计
使用 Spring Boot DevTools 实时热更新

✅ 总结

| 功能 | 技术 |

| Web 开发 | Spring Web + Spring MVC |
| 模板引擎 | Thymeleaf（推荐） |
| 静态资源 | `src/main/resources/static/` |
| 模板文件 | `src/main/resources/templates/` |
| 开发效率 | Spring Boot 自动配置 + DevTools |

如果你希望使用 JSP 或 Freemarker，也可以替换 Thymeleaf，但 Thymeleaf 是目前最推荐的模板引擎。

需要我提供 JSP 或 Freemarker 的版本吗？

Ai作答

📣 商家广告：