使用JSP基本语法,结合静态网页技术(HTML+CSS),构建网站主页。代码
时间: 2024-12-16 17:23:06 浏览: 17
在使用JSP (JavaServer Pages) 构建网站主页时,通常会通过Servlet容器(如Tomcat)将动态内容嵌入到静态HTML页面中。以下是一个简单的示例,展示了如何在JSP文件中插入HTML、CSS以及Java脚本:
首先,创建一个名为`index.jsp`的文件,这是你的主页入口点:
```jsp
<!DOCTYPE html>
<html>
<head>
<title>我的网站</title>
<link rel="stylesheet" type="text/css" href="styles.css"> <!-- 引入外部CSS -->
</head>
<body>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<h1>Welcome to My Website</h1>
<!-- JSP动态部分开始 -->
<%
String message = "Hello, World!"; // Java变量
out.println("<p>" + message + "</p>"); // 输出到HTML
%>
<!-- JSP结束 -->
<footer>
Copyright © 2023 MyWebsite.com - All rights reserved.
</footer>
</body>
</html>
```
在这个例子中:
- `<!DOCTYPE html>` 定义了文档类型为HTML5。
- `<head>` 区域包含了标题和链接到外部CSS文件。
- `<body>` 中的JSP代码片段`<% %>` 表示服务器端的Java代码,这里我们简单地设置了一个字符串并输出到HTML。
记得在项目的`WEB-INF`目录下创建一个`web.xml`文件,配置默认的Servlet映射,以便当访问`/`路径时,Servlet容器会自动处理`index.jsp`:
```xml
<web-app>
<servlet>
<servlet-name>default</servlet-name>
<servlet-class>javax.servlet.http.HttpServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>default</servlet-name>
<url-pattern>/</url-pattern>
</servlet-mapping>
</web-app>
```
阅读全文