14.尚硅谷-IDEA-IDEA中添加Tomcat镜像并部署web工程.avi原创

那讲完这个模板以后呢，咱们接着往下看，那第八个问题呢，我们来说一下如何在idea当中呢，咱们去创建Java web的工程，或者呢是叫module，好，这里呢，我们主要说两种情况哈，第一种呢是如何创建静态的Java web，第二个呢，就是如何创建动态JA web，那动态的话呢，当然是我们作为Java成员来的，呃，来讲的一个首选啊呃，做前端开发的话呢，我们可能会涉及到这个静态的web工程的创建。好，那咱们分别来做一个演示，在idea当中呢，我们在工程下以Mo的方式来演示静态和这个动态的外部工程的创建啊，嗯，先去new一个module。然后呢，在左边的选项当中，我们会看到一个static web，诶我们这块呢，就有一个static的web，呃，因为咱这呢，不涉及到这个具体的，呃，前端的这个框架的使用了啊，暂时像安拉呀，React呀，咱们现在就不具具体去讲这个框架的使用了，就是一个最基本的一个啊静态的web工程啊，或者叫web的module，好next。

这块呢，我们做一个命名，比如说呢，我就叫做static啊，Static的一个web啊，零一啊，下边呢，这个自动生成的，我就不做修改了，然后finish。那那在左边呢，就会生成我们静态的web，然后在这个Mo下面呢，咱们可以去创建相关的HL文件等等等等啊，包括CSS文件等等啊，这块呢就不多说了，我们重点呢来说一下这个动态的web哈，呃，点右键我们去新建一个module。啊，出来以后呢，我们看左边啊，后续呢，咱们会去以框架的方式呢来创建，那现在呢，咱们先不涉及到框架，先演示一个最基本的一个web啊，在Java下边呢，有一个选项哈，Java EE把这个勾打上。哎，把这个勾打上，嗯，这儿呢，我演示的是2017.3这个版本，那大家呢，你也可以看一下我的这个，呃，课件哈，这个课件里边。啊，我这有个截图呢，用的是2017.1这个版本，这个版本呢，在这个位置大家能看到会去，呃，有个选择哈，可以勾选上，让它帮我们自动的创建web点插包文件啊，Web点插包文件像咱们之前写的话呢，呃，Sol或filter都需要在web点插包文件当中进行一个注册啊，我们可以呢，在这个长码文件里进行注册了，那现在的话呢，其实可以用这个注解的方式呢，做一个注册了，做一个关联啊，这是有这样的一个版本的一个区别哈，然后我们在这个点三这里边呢，呃，大家呢，就可以这样啊，把它勾选上以后，选一个next，然后呢做一个命名。

啊，做个命名啊，比如说我就叫做Java web啊这样的一个名称，然后做一个finish。好专长就创建好了，那创建好以后呢，诶，我们在这个web目录下有一个index.jsp文件啊，这是默认帮我们生成的，那这个JSP文件呢，我们稍微做一个修改啊，一会儿呢，咱们呃部署好以后呢，需要让他在浏览器中展示的啊这呢我写上叫上硅谷官网，比如说啊，然后我们这个正门位置呢，也稍微做一个内容的一个编写，我这呢写一个标题吧，啊H1，然后呢，我加一个标签still，诶大家也看到啊，我们这个提示功能还确实很强大。

啊，你看都能给我很快的去显示出来，下面可以设置的一些内容，比如说我把这颜色呢，设成一个红色啊，大家你看红色的话呢，这块也有这么多给我们做的一些提示啊，我做一个回车。而且在左边呢，能显示出这个颜色的一个色块来，可以说呢，嗯在这个嗯，HML代码包括JSP代码，包括呢呃叉帽文件啊，JS代码等等，咱们idea呢，支持的确实很好啊，提示功能也好，还是这个这个像这块啊，颜色的显示也好，比我们eclipse要靠谱很多，这个呢，咱们在讲二者的区别，区别的时候呢，也提到这个点了啊，尤其呢，你像做这个前端的开发，包括呢，像移动端安卓的开发啊，因为页面中也会涉及到很多的颜色啊，这块给我们展示出来还是比较方便的哈，这一旦大家有时候给大家讲哈，一旦呢，你开始使用idea以后呢，你发现你就回不去了。

啊，就像呢，你从这个农村里边走出来，到城市里生活以后啊，然后呢，你突然发现呢，当你适应了城市生活以后呢，你就回不去了。啊，但是如果呢，你要一直生活在农村，你没有经历过这个城市生活，其实你也感觉在农村生活也挺好的是吧？啊，其实有时候开玩笑，就像现在说的这个朝鲜一样哈，当然朝鲜现在已经开始要做一些改变了啊，朝鲜的老百姓在咱们看来，他们过得挺苦的，因为你是站在一个更高的高度去看他们啊，那对于他们来讲，他不了解外面的世界什么样子的，更不懂移动互联网啊，互联网可能都不懂是吧，那移动互联网更不知道是什么了，手机呢，有的人都很少，他们觉得生活的也很幸福啊，但是他一旦去了韩国，去了大陆啊，去了呃来来大陆或者去了美国以后，呃，再回过去呃，他会觉得生活很不方便是吧。

啊，就是同样的意思啊，行，嗯，那这块我们就设置好了，那设置好以后呢，下边我们要考虑的事情呢，就是需要把我们这个呃，Java web这样的一个module啊，给它部署到tomcad上做一个演示，那tomcad这块部署的话呢，咱们就以本地的一个tomcad为例啊，做一个演示，那我在电脑上已经呢，呃，这个安装了他CAD啊，我在D盘啊这个位置安装好了，那如果大家没有安装的话呢，你可以呃这个使用一下我给大家发的这个资料哈，软件这里边有我们tomcat。那tomcad呢，你解压到你的相应的一个目录下，同样的啊，是没有中文不含空格的一个目录下，解压完以后呢，还需要做一个配置啊，环境变量的一个配置，大家呢，你可以参照我的这个给大家提供好的这个课件啊，做个这个配置，那配置好以后呢，怎么证明配置没有问题，你可以呢，在这个CMD当中啊去输入一下。

啊，凯特琳娜run，哎，我们去执行一下，看看能否正常的启动起来。哎，没有问题，能够启动，那那说明呢，我们他CAD呢是配置成功的啊这呢我就把它关掉了。啊，因为呢，咱们马上要演示在这个idea当中去启动他们cat啊，那两个端口号一样的，不能都启动了，所以把刚才命令行的要关掉好，那下边呢，我们看一下如何在idea当中我们去，呃，把我们toca的这个镜像呢添加进来，那这块呢有一个run。啊，这个菜单栏啊，Run呢，大家可以选择其中叫edit configurations，点击那进来以后呢，我们这有一个加号啊，点击加号啊，下面呢，有一个叫tomcad server啊，大家选一下这个local啊就可以了啊选这一项啊好点开，点开以后呢，我们首先给咱们当前配置的这个，呃，添加这个镜像呢，起个名字不妨呢，我就叫做tomcat，呃，7.0。

啊点七八啊，写上个具体的也行啊，这个版本的。然后呢，下边这有一个叫config啊，作为一个配置，这个呢大家都需要做配置啊，点开这里呢，需要指明我们tomcad的一个解压的路径啊，解压路径这块呢，显示的是正确的啊，如果你要不正确呢，自己就根据你自己的这个路径大家做一个选择啊，然后OK，下边也一样，然后呢，Library呢，这里边提供好了JSP和so的炸包啊，我们在这个web工众里边去使用so或JSP的话呢，就不会再报错了啊，这样然后OK一下。然后呢，下边呢，能够显示出来我们，呃，本机，然后端口号啊都有，嗯，这呢是关于虚拟机的一个设置，这个大家呢，如果不是有特别诉求的话呢，就可以不用了。不用做设置，然后呢，下边会提示说没有artifact，需要我们在部署的时候呢，做一个设置啊，大家点开这个叫呃部署，然后这有一个加号点击，然后artifact啊大家呢，去选择咱们刚才的Java web啊Java web好选择好以后呢，做一个OK。

啊OK，然后这个位置呢，指明咱们当前应用的一个，呃，这个名称啊，我们比如说就叫做Java web啊Java web好，然后呢，点一下apply啊应用，然后再回到server，当然你会看到在这个位置呢，就加上了我们当前应用的一个名称了，哎，就这样啊，好，然后OK一下。那这就行了，那这呢，我们这个镜像呢，就添加过来了，添加过来以后呢，下边我们就把咱们的这个，呃，这个we部工程呢，部署到咱们的toca上面，诶我们点击一下运行。啊，这呢，就做个部署并执行。哎，大家稍等一下。首先呢，需要启动我们的tomcat服务器。

诶这样的话呢，就过来了，过来以后的话呢，看到这儿没有数据哈，我们在这儿再看一下哦，我这个位置呢，忘了加内容了，写一个内容啊哈，这样啊行，然后这个完事以后，我们再重新执行一下。嗯，再稍等一下，诶好了，诶这时候呢就出来了，那这样的话呢，我们就将咱们的诶这个Java web这样一个module啊，就是部署到我们他K的这个服务器上了，诶并且呢，正常的做了一个执行，嗯，然后呢，我们看怎么去关掉哈，怎么关掉的话呢，这块有一个红色的一个框，哎大家呢，去点击呢，就是一个stop，哎大家你看一下这个过程哈，注意点一下。诶，你看首先呢，是有一个这叫什么一个骷髅头的一个标识是吧，随后呢，它会变成一个灰色的一个一个框，它这里边呢，实际上是有两个过程啊，实际上是有两个过程，我在这个课件里边呢，也给大家都写清楚了啊，刚才的这样一些配置，大家呢，你没看清楚的可以下来呢来看一看，哎点击红框的时候呢，它并不是马上把服务器关掉了，而只是先呢断开了跟服务器的连接，然后呢才停止。

啊，就中间有这个骷髅头的标志呢，它是断开连接的意思啊，之后呢，才停止了这个服务器，诶是这个意思啊，关闭了服务器，哎，大家呢，理解一下这样一个过程。好，这呢就是说的关于我们这个，呃，Web工程的一个部署，包括他们CAD这个镜像在我们idea当中的一个添加这样的一个事情。