首页 > 编程笔记 > Java笔记 阅读:2,844

第一个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>
C语言中文网!
</body>
</html>
教程后续所有的 JSP 页面编码都将统一为 UTF-8。

编程帮,一个分享编程知识的公众号。跟着站长一起学习,每天都有进步。

通俗易懂,深入浅出,一篇文章只讲一个知识点。

文章不深奥,不需要钻研,在公交、在地铁、在厕所都可以阅读,随时随地涨姿势。

文章不涉及代码,不烧脑细胞,人人都可以学习。

当你决定关注「编程帮」,你已然超越了90%的程序员!

编程帮二维码
微信扫描二维码关注

所有教程

优秀文章