Servlet & Jsp 动态网站开发_2. Servlet & Jsp HelloWorld的实现

一、创建项目

创建项目之前，我们先把 tomcat 弄到我们的 eclipse，当然，大家如果用的是 idea，就不需要去做这个操作了，直接略过即可

我们点开 window 找到 show view，然后我们选择 other，找到 Servers，然后选中，点击 open

之后，我们就可以看到 下面的快捷框中有了一个 servers

之后，我们点击内个 No servers are available... 这个，把我们上次下载好的 tomcat 添加进来

直接 finish 即可

到时候，我们就可以通过这里进行启动我们的 tomcat，省的还得去目录下进行启动

 

有了这个之后，我们去创建一个 Web 工程，这里呢，我们需要创建可以部署在 tomcat 的 Java 工程

这里我们选择的是 Dynamic Web Project （动态网络项目），然后 next 

这里我们给这项目起一个名字，然后我们选择一下运行时候的服务器，还有一个是一个 web module version，这个我们选择 2.5 ！！！（因为2.5 之后就缺少一个 web.xml 文件，避免手动创建，我们用这个）

然后直接 finish

这个就是我们整个 web 工程刚刚创建好的一个目录结构

src 里面放的是我们的 Java 的源代码

meta-inf里面只有一个文件，这个里面放着的是便签信息，详细的可以自行百度

web-inf 里面有一个 lib 文件夹，这个里面我们以后会放着一些 jar 包，好比以后我们需要连接数据库，我们需要将 jar 包放在 lib 中，然后进行添加到构建路径之后，我们就可以使用 jar 包中的一些类或者类方法了

主要我们现在来看一下 web.xml，这个是一个重点

可以看到啊，这个初始化的 web.xml 中标签很少，就几个，我们以后会在这里配置很多东西，经常要用到，希望大家可以注意一下

二、HelloWorld 的实现

接着，我们来实现一下 HelloWorld，我们在 WebContent 文件夹下面创建一个 html ，名字就叫 index.html

然后我们在我们的 body 中写一些内容

然后我们将这个项目添加到我们的 tomcat 中，鼠标右击我们刚刚添加的 tomcat，然后选择 Add and Remove

然后在 Available 中选中我们的项目，点击 Add，我们就可以在 Confiured 中看到我们的项目了，接着点击 finish 即可

但是，这样还不行，我们还需要把我们的 tomcat 进行启动

同样，我们鼠标右击 tomcat，选择 Start

在没有报错的情况下，我们看到这个 Server startup in xxx ms 就说明启动好了，然后我们进行访问我们的项目

http://localhost:8080/HelloWorld（Ip + 端口 + 项目名称）

可以看到，这样我们就成功搭建了一个最最最基础的动态网站了。

三、Jsp

刚刚我们是创建了一个 html，我们现在再来创建一个 Jsp

我们创建的话，还是在和 html 同目录的地方进行创建

然后我们来看一下我们的 Jsp 的文件

我们可以发现，上面多了一个 <%@ page ... 的东西，我们先不管，这个我们后面再说，再往下看，其实我们不难发现，下面的这些就是我们的 html 的代码，接下来，我们在这里也写一些内容

接着问题就来了，我们进行保存

可以看到这样的一个错误，我们这里呢，需要将页面的编码格式进行修改，默认的是 ISO-8859-1，我们把他们都改成 UTF-8

一共三个地方，我们再保存一下

是OK的

然后我们从新启动一下服务器

这里我们可以选择 Stop，然后再去 Start，或者直接选择 Restart

从新启动之后，我们先来访问一下刚刚的那个路径

可以看到，还是OK的，接着我们再访问一下 jsp页面（这里需要我们指定一下具体的访问页面的路径）

我们点击一下

OK的，没有问题

四、打包

我们把我们的刚刚的这个 HelloWorld 项目打包出来

打包是为了可以方便传送，部署。我们总不能在服务器上也放一个 eclipse，然后去进行启动然后访问，我们直接生成一个文件，到时候只要有环境，我们就直接仍进行进行运行即可

打包我们可以使用简单的导出，在此之前，我们先停了 tomcat 服务器

鼠标右键我们的项目，选择 export

找到 war

我们需要打包成这个格式的文件，选择 next

然后我们选择这个 Browse，这个是打包好之后的文件放在哪里，我这里就选择到桌面上了

点击 finish，然后切换到我们的桌面，就可以看到一个后缀是 .war 的文件了

然后我们把它放到 我们本地的 tomcat 的 webapps 中

我们启动一下我们的服务器

启动完成后，我们再来看一下我们的 webapps 目录

我们可以看到，多了一个 HelloWorld 的目录，我们点进去看一下

可以看到，其实和我们开发工具中的项目很类似，我们点开 WEB-INF 看一下

这个就多了一个 classes 文件夹，这个里面以后会放我们的 Java 代码，但是因为我们现在还没有写，所以现在这个里面是空的，其他的和我们的项目是一样的，大家剩下的自己看一下

接着，我们再打开一下 work 目录

然后一直往里面点

可以看到，这里也有一个 HelloWorld 的目录，但是现在里面是一个空目录，我们现在来请求一下我们的项目

首先请求 html 页面是没有问题的，这时候这个 work 中的目录还是空的

我们再来请求一下 Jsp 页面

也是OK的，而且，我们的 work 文件夹中也有东西了

再往里面点击

可以看到，有两个文件，这个就是我们上一节课所说的，Jsp 其实就是 Java，然后我们看一下 .Java 文件

在下面我们可以看到一个这个东西，是不是很熟悉，这个就是我们的页面，最后会转换成 Java 代码，然后进行输出

 

这一节就先到这里，大家好好消化，后面我们继续说。

有不懂的可以私聊我的 QQ：2100363119，也欢迎大家访问我的网站：https://www.lemon1234.com\ 感谢大家