您当前的位置:首页 > 计算机 > 编程开发 > Java

第一个JSP程序(超详细)

时间:03-07来源:作者:点击数:

在 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。

方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门