在Web应用开发中,经常需要在JSP页面中引入静态资源,如CSS样式表、JavaScript文件和图片等。以下是一个在Webinf目录下配置JSP页面导入静态资源的实例。

在Web应用的`WEB-INF`目录下创建一个名为`resources`的文件夹,用于存放静态资源。

webinf下jsp导入静态资源实例,Webinf下JSP导入静态资源实例  第1张

1. 创建CSS样式表文件`styles.css`,放在`WEB-INF/resources`目录下。

```css

/* styles.css */

body {

background-color: f8f9fa;

font-family: Arial, sans-serif;

}

```

2. 创建JavaScript文件`scripts.js`,放在`WEB-INF/resources`目录下。

```javascript

// scripts.js

function myFunction() {

alert('Hello, World!');

}

```

3. 创建图片文件`image.jpg`,放在`WEB-INF/resources`目录下。

4. 在JSP页面中导入静态资源。假设JSP页面名为`index.jsp`,放在`WEB-INF`目录下。

```jsp

<%@ page contentType="