暑假学习计划：Day_1.JSP&Servlet&Tomcat 环境搭建到基础的认识。

Posted 2020-10-01 我好像在哪见过你

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了暑假学习计划：Day_1.JSP&Servlet&Tomcat 环境搭建到基础的认识。相关的知识，希望对你有一定的参考价值。

1.了解JSP和Servlet(百度了解即可)。

2.了解B/S和C/S。分别是浏览器/服务器和客户端/服务器。其中 B/S 被称为瘦模式(主流模式)。

3.了解并下载Tomcat服务器：web应用服务器，轻量级。链接：http://pan.baidu.com/s/1nvcCNVF 密码：4fzz

4.了解Tomcat的文件目录结构：

其中，需要注意：

　　/bin　　　　存放启动/关闭Tomcat的脚本文件，.bat后缀的是Windows下的，sh是Linux下的。

　　/conf　　　存放Tomcat的各种全局设置文件，其中有 server.xml 和 web.xml

　　/webapps Tomcat的web发布目录，默认情况下的web应用的存放地址。

　　/work　　　存放jsp编译后的class文档。

5.使用Tomcat编写一个HelloWorld页面。

　　a.在 /webapps 文档下新建文件夹(与工程名相同)新建为：Hello。

　　b.从examples中复制 WEB-INF 文件夹到Hello中，删除除了web.xml 的其他文件。

　　c.复制index.html 到Hello中，并且修改代码如下：

1 <!DOCTYPE HTML><html lang="en"><head>
2 <meta charset="UTF-8">
3 <title>Hello</title>
4 </head>
5 <body>
6 <p>
7 <h1>Hello world</H1>
8 <p></p>
9 </body></html>

　　d.运行Tomcat，在 /bin 目录中找到 startup.bat 双击就可以运行Tomcat(shutdown.bat 为关闭，Linux下为 sh 后缀文件)。

　　e.打开浏览器，输入地址：http://localhost:8080/Hello，其中Hello为新建的文件夹名。

6.使用Eclipse写一个Hello World：

　　a.新建Dynamic Web project 项目，命名为Hello。

　　b.找到servers，右键 new-server 新建Tomcat 服务器，找到Apache，新建Tomcat v7.0 server 。然后关联本地Tomcat文件夹。

　　c.在新建的服务器上右键找到 Add add Remove，将工程添加到服务器中。

　　f.在新建的工程中找到WebContent 中新建 jsp file命名为index.jsp，修改源代码如下：

 1 <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
 2     pageEncoding="ISO-8859-1"%>
 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 4 <html>
 5 <head>
 6 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 7 <title>Hello</title>
 8 </head>
 9 <body>
10 Hello World
11 </body>
12 </html>

　　g.在servers中运行Tomcat服务器。打开浏览器输入地址：http://localhost:8080/Hello 。

7.可以将工程进行导出打包，右键工程名-Export-WAR file。导出后可以解压，也可以放在Tomcat的目录下的 /webapps 目录下，运行Tomcat 后会自己进行解压。

8.Jsp基本语法。

　　a.新建的Jsp文件如下：

 1 <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
 2     pageEncoding="ISO-8859-1"%>
 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 4 <html>
 5 <head>
 6 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 7 <title>Insert title here</title>
 8 </head>
 9 <body>
10 
11 </body>
12 </html>