1.在菜单栏中的【file】中选择【new】–【Project…】,在打开的新建项目弹出窗口中,选择【Web】–【Dynamic Web Project】,即动态的Web项目。
2.在新建动态Web项目窗口中,键入项目名,如testWeb01,确定Target runtime中选择了Tomcat9.0运行环境。
3.点击【Finish】,完成项目的搭建。此时在左侧的项目导航栏中,会出现testWeb01项目,展开项目可见其项目结构。
4.在WebContent目录下,右键新建一个JSP文件,可以给它命名改为index.jsp。点击next按钮。
5.本窗口,如下图所示,是选择JSP页面使用什么样的模板,如果使用默认模板,会生成HTML4版本的HMTL,我们可以点击红框中的JSP Templates进行编辑。
6.经上步点击JSP Templates进入编辑JSP模板窗口,如下图所示,并下滑选中New JSP File(html),点击右侧【Edit】按钮。
在编辑窗口键入如下代码:,目的和结果如下图所示:
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
</head>
<body>
${cursor}
</body>
</html>
这样以后新建的JSP页面字符编码不需要调整,HTML文档也是以HTML5为标准的了。新建好的index.jsp如下图所示:
7.在index.jsp页面中的标签中,书写简短代码进行测试:
<body>
<div style="color:red;font-size:22px">你好,世界!</div>
</body>
8.在Servers的tomcat图标上右键选择【Add and Remove】,在弹出窗口中的testWeb01,加入到Tomcat的运行环境中。如下图所示。点击【finish】按钮。
此时tomcat中包含了testWeb01项目:
9.右键重启Tomcat,在浏览器中测试,键入的URL要包含项目名和文件名:
http://localhost:8080/testWeb01/index.jsp
效果如下图所示:
以上,完成一个JSP项目的开发与运行测试。