Java Web实战详细教程(二)第一个Java Web项目+JSP模板设置

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项目的开发与运行测试。

おすすめ

転載: blog.csdn.net/GodBlessYouAndMe/article/details/120634373