首页 > 编程笔记 > Java笔记

第一个JSP程序（超详细）

在 MyEclipse 中创建一个名称为 jspDemo01 的 Web 项目，然后右击 WebContent 目录→New→Other，在弹出的窗口中找到 JSP 文件，可以看到两个 JSP 模板，JAP Basic template 为基本模板，JSP Advanced Template 为高级模板。此处选择基本模板就可以了，单击 Next 按钮，在新窗口的 File name 文本框中填写 JSP 文件名称 hello.jsp，如图 1 所示。
创建JSP文件
图 1  创建 JSP 文件

单击图 1 中的 Finish 按钮后，第一个 JSP 文件就创建成功了。创建后的 JSP 文件如图 2 所示。

hello.jsp文件
图 2  hello.jsp文件

从图 2 中可以看出，新创建的 JSP 文件与传统的 HTML 件类似，主要的区别在于页面代码最上方增加了一条 page 指令，并且该文件的扩展名是 jsp，而不是 html。关于 page 指令的相关内容后面教程中会详细讲解，此处了解即可。

JSP 文件必须发布到 Web 容器的某个 Web 应用中才能查看出效果。在 hello.jsp 的 <body> 元素内添加内容“This is My First JSP！”并保存后，将 jspDemo01 项目发布到 Tomcat 中并启动。在浏览器的地址栏中输入地址 http://localhost:8080/jspDemo01/hello.jsp，此时浏览器的显示效果如图 3 所示。

运行结果
图 3  运行结果

从图 3 中可以看出，hello.jsp 中添加的内容已被显示出来，这说明了 HTML 中的元素可以被 JSP 容器解析。实际上，JSP 只是在原有的 HTML 文件中加入了一些具有 Java 特点的代码，这些代码具有其独有的特点，称为 JSP 的语法元素。

需要注意的是，在 hello.jsp 中，<body> 元素内所添加的内容必须是在英文状态下输入的，如果是在中文状态下输入的文字或符号，在保存时会出现不能保存的问题，如图 4 所示。出现此问题的原因是 JSP 页面中的编码方式是 ISO-8859-1，而此种编码不支持中文。

不能保存弹出框
图 4  不能保存弹出框

为了解决此问题，可以将 JSP 页面中的编码统一修改为 UTF-8，修改后即可在页面中保存中文，并可以在浏览器中正常显示，hello.jsp 具体代码如下所示。
<%@ 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>
新宝库！
</body>
</html>
教程后续所有的 JSP 页面编码都将统一为 UTF-8。

所有教程

优秀文章