教妹子用IDEA创建web应用,部署到Tomcat服务器

自从上一篇原创发表之后,粉丝反应热烈。主要分两派,一派关注技术的,觉得看了那么多的公众号文章,终于找到一篇能看懂的了,于是沾沾自喜。另一派是关注妹子的,感叹自己空有一身绝技,公司里却无妹子可教,大喊可惜。
详情请见:教公司妹子部署Tomcat服务器,深夜送她回家。。。

然而,妹子还是那么好学。上次帮她搭建好Tomcat服务器没几天,她又来向我请教怎么构建第一个web应用在Tomcat服务器上运行。

那天下班后,妹子来找我。她说:“哥,可以和你商量个事吗?”

我说当然可以啊,只要是妹子遇到的事,大哥都没有袖手旁观的道理。更不用说,妹子现在是公号第一红人,火的一逼。哪有不帮忙的道理哇,大家说是不是?

妹子说,家里给她介绍了个男生,是在当地做公务员的,她想让我给分析分析。

啥玩意儿?公务员抢生意来了?我几乎脱口而出:“妹子,别答应~~”

妹子没想到我反应那么大,说:“哥,为啥?”

我意识到自己的反应有点太大了,于是缓一缓神说:“没事,哥一边教你搭项目,一边给你分析分析。”

闲话休提,开始干活。

打开IDEA,创建一个项目。
步骤1:File->New Project,

教妹子用IDEA创建web应用,部署到Tomcat服务器


步骤2:选择Project SDK为1.7 -> Next -> Finish(JDK)

 

教妹子用IDEA创建web应用,部署到Tomcat服务器

步骤3:点击next--->之后填写你的项目名,指定你的路径

教妹子用IDEA创建web应用,部署到Tomcat服务器

步骤4:鼠标点中项目名称demos -> 右键选择New,选择Module,勾选“Web Application” -> 确认已勾选“Create web.xml” -> Finish

教妹子用IDEA创建web应用,部署到Tomcat服务器

步骤5:创建classes和lib文件(classes用来存放编译后输出的class文件,lib用于存放第三方jar包。)

教妹子用IDEA创建web应用,部署到Tomcat服务器

步骤6:

配置文件夹路径
File -> Project Structure (快捷键:Ctrl + Shift + Alt + S) -> 选择Module :
选择 Paths -> 选择"Use module compile output path" -> 将Output path和Test output path都选择刚刚创建的classes文件夹。

教妹子用IDEA创建web应用,部署到Tomcat服务器

步骤7:接着选择Dependencies -> 将Module SDK选择为1.7 -> 点击右边的“+”号 -> 选择1 “Jars or Directories” -> 选择刚刚创建的lib文件夹->
选择“jar directory” -> 接着返回一路OK就行了~~

教妹子用IDEA创建web应用,部署到Tomcat服务器

教妹子用IDEA创建web应用,部署到Tomcat服务器

到这里,我问妹子,男生的家里条件怎么样?妹子说,男生是读文科的,家里好像在经商,各方面的条件都不错。我不再说话,脑筋一直在快速转动。我在思索一个程序员可以向公务员打出一万点伤害的暴击理由。于是我继续教妹子搭建项目。
步骤8:
配置Tomcat容器
打开菜单Run -> 选择Edit Configuration

教妹子用IDEA创建web应用,部署到Tomcat服务器

步骤9:
点击“+”号 -> 选择“Tomcat Server” -> 选择“Local”

教妹子用IDEA创建web应用,部署到Tomcat服务器

步骤10:在"Name"处输入新的服务名,点击"Application server"后面的"Configure…",弹出Tomcat Server窗口,选择本地安装的Tomcat目录 -> OK

教妹子用IDEA创建web应用,部署到Tomcat服务器

步骤11:在"Run/Debug Configurations"窗口的"Server"选项板中,取消勾选"After launch",设置"HTTP port"和"JMX port"(默认值即可),点击 Apply -> OK, 至此Tomcat配置完成。

教妹子用IDEA创建web应用,部署到Tomcat服务器

步骤12:

在Tomcat中部署并运行项目
Run -> Edit Configurations,进入"Run/Debug Configurations"窗口 -> 选择刚刚建立的Tomcat容器 -> 选择Deployment -> 点击右边的“+”号 -> 选择Artifact

教妹子用IDEA创建web应用,部署到Tomcat服务器

步骤13:->选择web项目 -> Application context可以填“/hello”也可以填写你的项目名字,随意!(其实也可以不填的~~) -> OK

教妹子用IDEA创建web应用,部署到Tomcat服务器

步骤14:上面截图是写的hello实际上我之后又改了写成了项目的名字了是firstWeb.修改一下你的index.jsp页面,然后直接在tomcat上面运行这个项目就可以了

教妹子用IDEA创建web应用,部署到Tomcat服务器

到这里,项目搭建和配置完成了。妹子一步步的跟着操作,眼里满是成功的兴奋。我不经意的问了一句妹子:“你们那边公务员的待遇高吗?”

妹子说:“不咋高,四千多吧?”

教妹子用IDEA创建web应用,部署到Tomcat服务器

我惊讶的说:“哇,还没有你的一半耶。”

妹子有点失落的说:“确实有点低。”

我趁火打劫的说:“你干一年调薪之后,是他的三倍都不止哦。文科生不会修电脑,很难有共同话题。”

妹子若有所思的说:“哥,现在部署完成之后,是不是就可以运行了。”

我说,当然可以。于是妹子在浏览器上输入地址运行之后,屏幕上输出了一行字:

教妹子用IDEA创建web应用,部署到Tomcat服务器

妹子会心一笑说:哥,谢谢你。我已经想好了,以后会打算留在大城市。

多聪明的妹子啊,一点拨就想开了。真是天生是做程序员的料,大家说呢?

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wspzdw.html