Tomcat的安装配置与JavaWeb入门教程

- 日理万妓 2023-09-24 10:46 51阅读 0赞

本文开发环境：

windos7 ， Eclipse-mars ， JDK1.7 ， Tomcat7.0

本文原本是群里的内部资料，不过本着分享的精神，也发出来吧，我相信，这应该是比较详细的一篇文章了。

先来看一段Tomcat的介绍：

Tomcat是Apache 软件基金会(Apache Software Foundation)的Jakarta 项目中的一个核心项目，由Apache、Sun 和其他一些公司及个人共同开发而成。由于有了Sun 的参与和支持，最新的Servlet 和JSP 规范总是能在Tomcat 中得到体现，Tomcat 5支持最新的Servlet 2.4 和JSP 2.0 规范。因为Tomcat 技术先进、性能稳定，而且免费，因而深受Java 爱好者的喜爱并得到了部分软件开发商的认可，成为目前比较流行的Web 应用服务器。

Tomcat 服务器是一个免费的开放源代码的Web 应用服务器，属于轻量级应用服务器，在中小型系统和并发访问用户不是很多的场合下被普遍使用，是开发和调试JSP 程序的首选。对于一个初学者来说，可以这样认为，当在一台机器上配置好Apache 服务器，可利用它响应HTML(标准通用标记语言下的一个应用)页面的访问请求。实际上Tomcat 部分是Apache 服务器的扩展，但它是独立运行的，所以当你运行tomcat 时，它实际上作为一个与Apache 独立的进程单独运行的。

诀窍是，当配置正确时，Apache 为HTML页面服务，而Tomcat 实际上运行JSP 页面和Servlet。另外，Tomcat和IIS等Web服务器一样，具有处理HTML页面的功能，另外它还是一个Servlet和JSP容器，独立的Servlet容器是Tomcat的默认模式。不过，Tomcat处理静态HTML的能力不如Apache服务器。目前Tomcat最新版本为9.0。

说了这么多，接下来我从实际应用和开发的角度来说说Tomcat，首先，你要知道，它是一个开源项目，既然开源，我们网上下载了一个Tomcat，就是可以免费使用的。OK，这都没有问题，在我们实际的开发过程中呢，一般都是用tomcat来进行项目测试的。简单来说，当我写一个web项目，就是一边写，一边部署到Tomcat上，然后看看效果，如果感觉不对，那么改，然后重启Tomcat，再看。大多数情况下，作为JavaWeb开发者的你，以后几乎每天都要和这只三条腿的猫打交道。

![1486344395055042147.jpg][]

本节，我就教你怎么使用Tomcat。

首先，去群文件下载Tomcat7.0(或者百度)，放到software文件夹下面。

![1486097702570042147.png][]

解压缩，这个肯定会吧。

![1486097737242036462.png][]

8088表示，这个tomcat的端口号是8088，待会我们使用默认端口80，不使用8088，如果是80端口，在浏览器的地址栏是可以省略不写的。这里，先把文件夹名称中的 \[8088\] 给删去吧。我们现在来看一下目录结构：

![1486097892570086861.png][]

目前我们只关心bin和conf这两个目录，让我们先打开conf目录，里面都是一些配置文件，找到server.xml,其他不用管。

![1486172989398064368.png][]

右键，点编辑，用记事本打开就行了。

![1486173294180094397.png][]

由于记事本没有代码高亮，很多地方不方便，我们还是打开Eclipse，在Eclipse里面改吧。先保存一下，然后打开Eclipse。哦，对了，有个插件装一下，嗯，先不急着打开Eclipse，去群文件下载一个jar包。(或者你百度一下，找到这个jar包然后下载下来。当然，如果你用的是MyEclipse就无所谓了，因为它自带这个功能的。我也忘记从哪里下载的了，总之自行百度吧~其实我不太喜欢MyEclipse，Eclipse多好啊，免费而且轻巧。)

![Paste\_Image.png][Paste_Image.png]

把这个东西下载下来，然后打开Eclipse的安装目录，打开plugins

![1486173749273051356.png][]

![1486173792180066672.png][]![1486173821445070869.png][]

然后，启动Eclipse，在主界面可以看到一个公文包的小图标。

![1486173900570090702.png][]

它的作用就是打开文件所在目录，待会我演示给你们看。

现在，我们来用eclipse建一个web项目。在 Project Explorer 中右键

new -- Dynamic Web Project

![1486274615242095004.png][]

项目名称就叫做HelloWorld，然后，点击Next

![1486274678789005551.png][]

继续点击Next

![1486274711820029132.png][]

最后，点击Finish，这就是我们的第一个Web项目。

![1486274781008013037.png][]

我们在WebContent目录上右键，new 一个 JSP File

![1486274867758098401.png][]

File name 为 index.jsp , 直接点击Finish

![1486275251320056510.png][]

哎哟，报错了![3226b425e008a9f0811259454e5c1d44.gif][]，这个错误我们暂时不管![e48c934d3edc556b7c9f55c9be151a61.gif][]。现在，我们来改一下编码。我们刚才创建的JSP页面，默认编码都是ISO-8859-1，这个编码是不允许我们输入中文的。你要是不相信的话，你可以在里面写几句中文，它是保存不了的。我们现在把JSP页面所有的ISO-8859-1都改成UTF-8

![1486275373836096005.png][]

像我这样，选中ISO-8859-1，然后，ctrl + F ,跳出来这个东西

![1486275425805058664.png][]

在第二个框框里面写上 UTF-8，这是国际编码，支持所有语言，包括中文。

![1486275472070084514.png][]

点击Replace All,替换所有。

![1486275509242026814.png][]

都换过来了吧，好的。每次都这样改是不是很麻烦呀，还有一个更好的方法，请参考这篇文章：![e30a281d84725f3f8ecc1b4a7e2018b8.gif][]

![1486275567008061499.png][]

地址：http://www.xiaotublog.com/blog/articles/85.html

请按照这篇文章所说的方法，把Workspace和JSP页面的默认编码都设置为UTF-8，不要用GBK了，都用UTF-8，好不好。

现在，我们在项目上右键 选择 Properties，把这个项目的编码也改成UTF-8

![1486275734258005001.png][]

改好了吗？好的，那么我们继续，刚才不是有个报错问题吗？现在我们把这个错误干掉，好不好，首先，打开tomcat的安装目录。

![1486275796133039155.png][]

里面是不是有个lib目录呀，打开

![1486275821852033185.png][]

找到servlet-api，复制。ctrl+c，我再说一遍，ctrl+c 。接着，回到我们的项目，在这个地方ctrl + v

![1486275913727096566.png][]

贴过来，瞬间不报错了![28d1731b351091ddb2b2d10b54838186.gif][]。

![1486275936633032132.png][]

你先不要管为什么，跟着我一步一步做就是了。现在，我要把这个项目发布到tomcat，这里我提供一种非常灵活的方式，我知道，你们其中很多人已经有基础了，你们知道在MyEclipse里面，可以直接部署web项目。可是，我不推荐用那种方式，今天，我就教你们一种更好的方式，不要再用那种老套的办法了，我知道，你们有的人是不是想把这个项目，往tomcat里面的webapp文件夹一丢啊，我建议大家以后都不要用这种方式，不太好。好的，现在，大家跟着我一步步做。鼠标点击一下项目，像这样：

![1486276215430026698.png][]

有一个选中的效果，接着，点一下那个公文包的图标。

![1486276268367084189.png][]

点一下，项目的真实目录就出来了。

我的路径是：E:\\Java培训\\software\\eclipse-mars\\workspace\\HelloWorld

打开这个文件夹：

![1486276324742092457.png][]

复制这个路径，我的路径为：E:\\Java培训\\software\\eclipse-mars\\workspace\\HelloWorld\\WebContent

明白了吗，接下来，回到tomcat的安装目录，飞快地找到我们之前修改的server.xml,拖到eclipse中：

![1486276504242011546.png][]

切换到源码视图![1486276542023031385.png][]

![1486276589070089982.png][]

现在，我就教大家如何把项目配上去，好不好。把这个配置项写上：

![1486276682539041517.png][]

docBase表示我们项目的发布目录，也就是刚才的E:\\Java培训\\software\\eclipse-mars\\workspace\\HelloWorld\\WebContent，注意哦，一定要是发布目录，在这个项目中，就是webContent，也就是这个：

![1486276747164002349.png][]

path是路由映射(我更愿意用这个名词来说明path的含义)，也就是说，我们通过浏览器去访问这个项目，访问的名称就是path的值，哪怕你的项目叫做AAA，BBB，CCC，都没关系，path是什么，我们就用什么去访问。我们就把路由映射配置为 /haha 吧。

其余两项就用默认的，不要配置了。最终，我配置后是这样的：

还有一个地方，就是配置一下这个tomcat的端口号，我们改为80端口，原来是8088

![1486277561930099822.png][]

ctrl + s 保存。让我们回到tomcat安装目录，打开bin文件夹，找到一个叫做startup.bat的文件，双击打开。

![1486277572305073204.png][]

这表示启动完成，然后打开浏览器，在地址栏输入：localhost/haha/ ， 回车

![1486277608211037548.png][]啥也没有，因为我们的index.jsp确实没什么内容，现在，我们写一句话：

![1486277653930048534.png][]

保存，再去刷新浏览器。

![1486277674914012499.png][]

来了吧，鼓掌！

最后，我们要把tomcat配置到eclipse里面，因为这个黑不溜秋的窗口不好看，也不方便我们调试。

![1486277731805058754.png][]

办法就是在eclipse中，Window -- Preferences

![1486277799945094837.png][]

点击Add，把tomcat的安装目录加载进来。

![1486277855898024776.png][]

![1486277876008053017.png][]

![1486277890539023201.png][]

看懂了吧，然后点右边这个：

![1486277913898072966.png][]

![1486277943211009786.png][]

![1486277953914074465.png][]

![1486277999352057038.png][]

![1486278036477060829.png][]![1486278062258063390.png][]

这个就是刚才我们在黑窗口看到的内容。

注意哦，这样操作的话，Eclipse会有一个虚拟的tomcat，所以刚才的配置我们需要拷贝过来，在这里改一下：

![1486278265570087735.png][]

在server.xml中改一下：

![1486278319539001792.png][]

重启tomcat服务器，就OK了。

[1486344395055042147.jpg]: https://img-blog.csdnimg.cn/img_convert/1443a0ed644b61bdb8765bf2eb2a8651.png
[1486097702570042147.png]: https://img-blog.csdnimg.cn/img_convert/12084ec355420ffeec228f2522017895.png
[1486097737242036462.png]: https://img-blog.csdnimg.cn/img_convert/b0e01dc4845156c2fb7cdd20d1c6eee7.png
[1486097892570086861.png]: https://img-blog.csdnimg.cn/img_convert/3e5726b2f501daeff216f47f28d4a94b.png
[1486172989398064368.png]: https://img-blog.csdnimg.cn/img_convert/a5c181a9245382f974383c9c3585ea46.png
[1486173294180094397.png]: https://img-blog.csdnimg.cn/img_convert/5f851231f98915966346d2bf5f8a08db.png
[Paste_Image.png]: https://img-blog.csdnimg.cn/img_convert/8d2cb8c25cad9d08447d39ea488f8c63.png
[1486173749273051356.png]: https://img-blog.csdnimg.cn/img_convert/69529d96c5df138a2a5ae93e346a9f3b.png
[1486173792180066672.png]: https://img-blog.csdnimg.cn/img_convert/8de960a2af492853274e96995690800a.png
[1486173821445070869.png]: https://img-blog.csdnimg.cn/img_convert/97ce74e96c9c703f62c8ca1c068612c9.png
[1486173900570090702.png]: https://img-blog.csdnimg.cn/img_convert/1ba545a59870d266d2e575d78c30dd2e.png
[1486274615242095004.png]: https://img-blog.csdnimg.cn/img_convert/f424f7814acf2bafadb39ca235d6a168.png
[1486274678789005551.png]: https://img-blog.csdnimg.cn/img_convert/3b64197ec8cc8b5e0c46463c7820b743.png
[1486274711820029132.png]: https://img-blog.csdnimg.cn/img_convert/01d505f420d52a13b9c12e7b20c5c430.png
[1486274781008013037.png]: https://img-blog.csdnimg.cn/img_convert/e32d03f2b6fd24d69edbdff0953789dc.png
[1486274867758098401.png]: https://img-blog.csdnimg.cn/img_convert/b9947017eea4a9f81c6bef0e148307f2.png
[1486275251320056510.png]: https://img-blog.csdnimg.cn/img_convert/2d618631fc38b0bbe9b81b586762909f.png
[3226b425e008a9f0811259454e5c1d44.gif]: https://img-blog.csdnimg.cn/img_convert/3226b425e008a9f0811259454e5c1d44.gif
[e48c934d3edc556b7c9f55c9be151a61.gif]: https://img-blog.csdnimg.cn/img_convert/e48c934d3edc556b7c9f55c9be151a61.gif
[1486275373836096005.png]: https://img-blog.csdnimg.cn/img_convert/22f6ae731294858da775f33711718d88.png
[1486275425805058664.png]: https://img-blog.csdnimg.cn/img_convert/3589633d9af813b4a6e4de84a96afa87.png
[1486275472070084514.png]: https://img-blog.csdnimg.cn/img_convert/59ba214fa2ad3d8c4d25c0926da7bc96.png
[1486275509242026814.png]: https://img-blog.csdnimg.cn/img_convert/a4a613e31263a715208837c671dd72e9.png
[e30a281d84725f3f8ecc1b4a7e2018b8.gif]: https://img-blog.csdnimg.cn/img_convert/e30a281d84725f3f8ecc1b4a7e2018b8.gif
[1486275567008061499.png]: https://img-blog.csdnimg.cn/img_convert/bf9904e5d1584baa7a228c74e380bfa5.png
[1486275734258005001.png]: https://img-blog.csdnimg.cn/img_convert/36a79d7866fd2c350d4a9dd3aaf282bf.png
[1486275796133039155.png]: https://img-blog.csdnimg.cn/img_convert/daf3d4bc173c5d2fbe651b04a763bf73.png
[1486275821852033185.png]: https://img-blog.csdnimg.cn/img_convert/3bc64df11f5b2ed439b88eba04f37971.png
[1486275913727096566.png]: https://img-blog.csdnimg.cn/img_convert/8a5a13c153de672ed00bf13bf82ff3ec.png
[28d1731b351091ddb2b2d10b54838186.gif]: https://img-blog.csdnimg.cn/img_convert/28d1731b351091ddb2b2d10b54838186.gif
[1486275936633032132.png]: https://img-blog.csdnimg.cn/img_convert/46e4ff785b62b7a90d17c85d32a606f0.png
[1486276215430026698.png]: https://img-blog.csdnimg.cn/img_convert/79957f555cddca753f084d557827bfc8.png
[1486276268367084189.png]: https://img-blog.csdnimg.cn/img_convert/df35b0add88def0bd465fa13f0f1fa63.png
[1486276324742092457.png]: https://img-blog.csdnimg.cn/img_convert/4624b1459c92c4a1da104907461f11db.png
[1486276504242011546.png]: https://img-blog.csdnimg.cn/img_convert/6f046fb2e016980b1aaefdcbb91bcdfc.png
[1486276542023031385.png]: https://img-blog.csdnimg.cn/img_convert/9d340b2d6785441e1ad5fd12aafc763f.png
[1486276589070089982.png]: https://img-blog.csdnimg.cn/img_convert/e4dfc3e9bb154d7e74250484b1cff9c1.png
[1486276682539041517.png]: https://img-blog.csdnimg.cn/img_convert/11bc4a5faeae9deea642fd0b76fa6f60.png
[1486276747164002349.png]: https://img-blog.csdnimg.cn/img_convert/0d7a691e8a12fa0d70ec94ba5fe7806e.png
[1486277561930099822.png]: https://img-blog.csdnimg.cn/img_convert/aa6237b384199971d07ac9b2fc18196e.png
[1486277572305073204.png]: https://img-blog.csdnimg.cn/img_convert/14154bfda459638789be817598295a88.png
[1486277608211037548.png]: https://img-blog.csdnimg.cn/img_convert/6315190a933dcf0580963a003cbd0883.png
[1486277653930048534.png]: https://img-blog.csdnimg.cn/img_convert/99b1ea66dc4a2afe243533602e61f933.png
[1486277674914012499.png]: https://img-blog.csdnimg.cn/img_convert/48130b86aaa6468a2009d5877f9dee54.png
[1486277731805058754.png]: https://img-blog.csdnimg.cn/img_convert/6e1f5b39786ad91f9125b0766128d87e.png
[1486277799945094837.png]: https://img-blog.csdnimg.cn/img_convert/408468f3d1ccbcc8bb5890435fd1fde1.png
[1486277855898024776.png]: https://img-blog.csdnimg.cn/img_convert/5c4a94594486cd33caf97ac422fd6f77.png
[1486277876008053017.png]: https://img-blog.csdnimg.cn/img_convert/97bf5f93a08f1647ddef5361b0ffb006.png
[1486277890539023201.png]: https://img-blog.csdnimg.cn/img_convert/50483a3f1fd08ae6e8297f8c8be49e1f.png
[1486277913898072966.png]: https://img-blog.csdnimg.cn/img_convert/6d5c6c28d7a7b598cba549acb6b7c589.png
[1486277943211009786.png]: https://img-blog.csdnimg.cn/img_convert/dc0c97af4da93191bfeb797a4cd9cac2.png
[1486277953914074465.png]: https://img-blog.csdnimg.cn/img_convert/1845fc53a756fbfb0aa7c3bde252800e.png
[1486277999352057038.png]: https://img-blog.csdnimg.cn/img_convert/5837189991f2d1147a33eaa5b1f4f82c.png
[1486278036477060829.png]: https://img-blog.csdnimg.cn/img_convert/f73486a88c611f9fd5be15db1e41adc9.png
[1486278062258063390.png]: https://img-blog.csdnimg.cn/img_convert/e0d8cbc7e56ca3890fb654b3169a3bb8.png
[1486278265570087735.png]: https://img-blog.csdnimg.cn/img_convert/727febbf5755b8dbe0b157939fb3a149.png
[1486278319539001792.png]: https://img-blog.csdnimg.cn/img_convert/e1e9976540f99b59faf547721ee48771.png