IDEA配置web运行环境巨详细操作

06-01 766阅读

首先,创建java工程。我之前已经创建工程了,所以现在还停留在之前工程的界面,要新建java工程,先在之前工程的左上角点击File,再点击New,接着点击Project

IDEA配置web运行环境巨详细操作

出现New Project界面,首先把项目名字Name改一下,指定一下项目的路径(这两个都是自定义,不同人有不同的方式),下面的几项一般都不需要修改了,如果jdk没指定路径的话,需要指定一下,方法可以看我前面的文章。最后,点击Create,至此,工程创建完成。

IDEA配置web运行环境巨详细操作

接下来点击项目名称,右键,寻找add framework support,一般在倒数第四个,然而我这里并没有找到,大家可能也会遇到这问题。这个问题我已经在之前的文章里写了如何解决,这里就不赘述了。

IDEA配置web运行环境巨详细操作

 文章链接如下:

http://t.csdn.cn/jj67n

出现页面后,勾选Web Application(4.0),然后点击OK进行确认 。

IDEA配置web运行环境巨详细操作

可以看到左测出现之前没有的web模块:

IDEA配置web运行环境巨详细操作

接着在WEB-INF下面新建两个目录,一个是classes,另一个是lib。

首先新建classes,点击WEB-INF,然后点击New,接着点击Directory。

IDEA配置web运行环境巨详细操作

输入目录名:classes,回车。

IDEA配置web运行环境巨详细操作

lib的创建和classes一样,大家照着classes的创建方法操作就行,最后名字改为lib。

接着,我们要往lib放一些配置文件,在次之前需要大家去下载Tomcat,下载之后解压就行,记住文件路径,别的操作暂时不需要。

解压文件之后点击进入,接着点击进入lib文件夹。

IDEA配置web运行环境巨详细操作

我们可以看到有很多文件,我们需要做的是将其中的jsp-api.jar和servlet-api.jar复制进项目文件夹里我们新建的lib。

IDEA配置web运行环境巨详细操作

首先,对jsp-api.jar进行复制,复制之后点击lib,右键,点击Paste。

IDEA配置web运行环境巨详细操作

会出现这样一个页面,点击OK。

IDEA配置web运行环境巨详细操作

servlet-api.jar的操作相同,不再赘述。

接下来对项目进行相应的配置,点击File,再点击Project Structure:

IDEA配置web运行环境巨详细操作

出现这样一个界面:

IDEA配置web运行环境巨详细操作

首先,配置Modules模块,先点击Modules,再点击Paths

IDEA配置web运行环境巨详细操作

选择第二项,接下来将classes文件的路径放在Output path处,Text Output path也一样,两者路径相同。(注意:大家文件的路径不一样,不要照着我写一模一样,除非路径和我的一样,大家记得关注自己文件存放的路径)

IDEA配置web运行环境巨详细操作

接下来点击Libraries模块,再点击+,接着点击Java

IDEA配置web运行环境巨详细操作

指定lib目录所在位置,点击OK

IDEA配置web运行环境巨详细操作

点击OK

IDEA配置web运行环境巨详细操作

点击Artifacts模块,接着点击Fix...

IDEA配置web运行环境巨详细操作

点击第一项:

IDEA配置web运行环境巨详细操作

先点击Apply,再点击OK

IDEA配置web运行环境巨详细操作

至此web已经配置完成,接下来是和tomcat交互的配置。

找到Current File,点击,接下来点击第一项:

IDEA配置web运行环境巨详细操作

点击+,接着找到TomEE Server,点击Local

IDEA配置web运行环境巨详细操作

点击Condigure...,再点击TomeEE Home右侧的文件夹标识,找到tomcat的位置

IDEA配置web运行环境巨详细操作

找到位置后点击,接着点击OK进行确认

IDEA配置web运行环境巨详细操作

再次点击确认

IDEA配置web运行环境巨详细操作

将名字改为Tomcat

IDEA配置web运行环境巨详细操作

找到jre的路径,jdk包含jre,找不到jre的话,找jdk就行

IDEA配置web运行环境巨详细操作

点击第二个选项卡,再点击+,接着点击第一个选项:

IDEA配置web运行环境巨详细操作

将后面多余的字母删掉,此处是将_war_exploded删掉

IDEA配置web运行环境巨详细操作

变成下面这样:

IDEA配置web运行环境巨详细操作

点击回到第一个模块,点击On 'update' action选项卡,点击Redeploy:

IDEA配置web运行环境巨详细操作

接着点击On frame deactivation选项卡,点击最后一项。

IDEA配置web运行环境巨详细操作

最后咱们需要配置一下指定浏览器,当然不配置也行,我就不介绍了,如果大家需要的话,可以在下面评论,我后来再介绍。(如果不需要我之后就不再写了)

先点击Apply,再点击OK,至此配置完成。

IDEA配置web运行环境巨详细操作

接着我们点击右上方的绿色小虫子启动:

IDEA配置web运行环境巨详细操作

等待一段时间,可以看到跳出一个网页,这说明我们配置成功了,网站启动了。

IDEA配置web运行环境巨详细操作

为了让大家体会第一次运行网站的快乐,我们在index.jsp里写一些html语句(下面的图是本来的)

IDEA配置web运行环境巨详细操作

修改如下:

IDEA配置web运行环境巨详细操作

刷新网站,可以看到:

IDEA配置web运行环境巨详细操作

我们到这里就成功运行了一个自己搭建的网站,虽然很简单,但是"不积跬步无以至千里,不积小流无以成江海",一步步来,咱们总有一天能搭建出一个属于我们自己的酷炫网站。

如果觉得有用,别忘了关注收藏点赞哟,如果效果还行的话,我再出下期。

免责声明:我们致力于保护作者版权,注重分享,被刊用文章因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理! 部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理! 图片声明:本站部分配图来自人工智能系统AI生成,觅知网授权图片,PxHere摄影无版权图库和百度,360,搜狗等多加搜索引擎自动关键词搜索配图,如有侵权的图片,请第一时间联系我们。

相关阅读

目录[+]

取消
微信二维码
微信二维码
支付宝二维码