24、web场景-welcome与favicon功能
# Web场景：欢迎页与Favicon功能
在Web应用中，欢迎页和Favicon是提升用户体验的重要细节。欢迎页是用户访问网站时首先看到的页面，而Favicon是显示在浏览器标签页和收藏夹中的小图标。以下介绍如何在Spring Boot中配置欢迎页和Favicon。
## 一、欢迎页配置
### 1. 静态资源方式
- **方法**：在Spring Boot项目的静态资源目录下（如`src/main/resources/static`或`src/main/resources/public`）放置名为`index.html`的文件。
- **访问**：启动应用后，访问根路径`http://localhost:8080`，Spring Boot会自动显示该`index.html`页面。
### 2. 模板引擎方式
- **依赖**：添加模板引擎依赖，如Thymeleaf：
```xml
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
```
- **配置**：在模板目录（如`src/main/resources/templates`）下创建`index.html`文件。
- **控制器**：创建Controller处理根路径请求：
```java
@Controller
public class WelcomeController {
@GetMapping("/")
public String welcome() {
return "index";
}
}
```
### 3. 自定义欢迎页规则
- **配置类**：通过实现`WebMvcConfigurer`接口自定义欢迎页：
```java
@Configuration
public class WebConfig implements WebMvcConfigurer {
@Override
public void addViewControllers(ViewControllerRegistry registry) {
registry.addViewController("/").setViewName("index");
}
}
```
## 二、Favicon配置
- **方法**：将名为`favicon.ico`的图标文件放置在静态资源目录下（如`src/main/resources/static`）。
- **效果**：Spring Boot会自动将该图标作为网站的Favicon，显示在浏览器标签页和收藏夹中。
## 三、注意事项
- **访问前缀**：如果配置了静态资源的访问前缀（如`spring.mvc.static-path-pattern: /res/**`），则需要相应调整欢迎页和Favicon的路径。
- **优先级**：静态资源目录中的`index.html`优先级高于模板引擎渲染的页面。
- **Favicon格式**：建议使用`.ico`格式的图标，确保在不同浏览器中正常显示。
## 四、示例
### 1. 静态资源目录结构
```
src
└── main
└── resources
├── static
│ ├── index.html
│ └── favicon.ico
└── templates
└── index.html
```
### 2. 欢迎页Controller
```java
@Controller
public class WelcomeController {
@GetMapping("/")
public String welcome() {
return "index"; // 返回模板目录下的index.html
}
}
```
通过以上配置，您可以轻松设置Web应用的欢迎页和Favicon，提升用户对网站的认知和体验。