第一个 JSP 项目

环境准备与前置知识

学习本课程,需要大家先具有起码的 Java 基础、Servlet、Tomcat、HTML 等基本知识。安装 Eclipse Java EE 版本。老师这里装的是:

Eclipse Java EE IDE for Web Developers.

Version: Mars.1 Release (4.5.1)

Build id: 20150924-1200

本课程默认大家都把上面的这些环境都配置好了,比如 JDK 的安装。

创建第一个 JSP 项目

下面我们来创建第一个 JSP 项目。选择 File-->New-->Dynamic Web Project,创建 WebTest 项目。

这里推荐大家使用 MyEclipse。在管理项目方面,MyEclipse 比 Eclipse Java EE 更加好用。

WebContent 文件夹下新建一个 helloworld.jsp 文件。在下图中可以看到它的默认代码:

修改 ISO-8859-1UTF-8。为了方便下次,我们修改 Eclipse 配置为 UTF-8:

Window->Preferences->WEB->JSP FILE

示例代码

最后代码如下:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
    hello world 你好世界
</body>
</html>Code language: HTML, XML (xml)

另外,还需要把 servlet-api.jar(Tomcat 下面的这个包)引入到项目中,否则会出现 JSP 的标记错误。

运行程序:

http://localhost:8080/WebDEMO/helloworld.jspCode language: JavaScript (javascript)

有些同学可能会说,这不就是一个 HTML 页面吗?没错,看上去的确就是一个 HTML。下面我们在 JSP 中使用 Java 代码输出。

使用 Java 代码输出

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
    <%
        out.println("hello world 你好世界!");
    %>  
</body>
</html>Code language: HTML, XML (xml)

设置外部浏览器打开

然后我们使用外部浏览器来打开我们的程序。

Window--preferences--General--Web Brower

设置外部浏览器打开,或者直接 windows-web brower

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注