使用新版IDEA创建JavaWeb项目详细图文教程


版权声明

  • 本文原创作者:谷哥的小弟
  • 作者博客地址:http://blog.csdn.net/lfdfhl

示例概述

三月中下旬了,答辩的日子也越来越近了。之前忙于考研的童鞋,之前忙着玩的童鞋,之前忘记做毕业设计的童鞋都开始忙碌起来了。奈何,一下手就慌乱。以至于在借鉴别人的项目时却被开发环境挡住了前进的步伐。其中几个童鞋被新版IDEA创建JavaWeb项目给难住了。

在此,以示例形式详细介绍IDEA创建JavaWeb项目的过程及其主要步骤。

创建项目

创建项目,图示如下:
使用新版IDEA创建JavaWeb项目详细图文教程_第1张图片
设定SDK版本,图示如下:
使用新版IDEA创建JavaWeb项目详细图文教程_第2张图片
使用新版IDEA创建JavaWeb项目详细图文教程_第3张图片

设定项目名和项目存放位置,图示如下:

使用新版IDEA创建JavaWeb项目详细图文教程_第4张图片
使用新版IDEA创建JavaWeb项目详细图文教程_第5张图片

选中项目后再右键选择Add Framework Support…
使用新版IDEA创建JavaWeb项目详细图文教程_第6张图片
使用新版IDEA创建JavaWeb项目详细图文教程_第7张图片
点击OK后项目生成了web文件夹,图示如下:
使用新版IDEA创建JavaWeb项目详细图文教程_第8张图片
在WEB-INF下创建classes和lib文件夹;图示如下:
使用新版IDEA创建JavaWeb项目详细图文教程_第9张图片
笔误说明:截图中存在拼写笔误,应该是classes而不应该是classess;请各位读者留意此小错误,谢谢。

利用Project Structure…调整项目结构,图示如下:
使用新版IDEA创建JavaWeb项目详细图文教程_第10张图片
将Compiler Output 的路径改成classes文件夹的路径,图示如下:

使用新版IDEA创建JavaWeb项目详细图文教程_第11张图片
将依赖文件的路径改成lib文件夹的路径,图示如下:
使用新版IDEA创建JavaWeb项目详细图文教程_第12张图片
使用新版IDEA创建JavaWeb项目详细图文教程_第13张图片
使用新版IDEA创建JavaWeb项目详细图文教程_第14张图片
使用新版IDEA创建JavaWeb项目详细图文教程_第15张图片

至此,JavaWeb项目已经创建完毕。

配置Tomcat

使用新版IDEA创建JavaWeb项目详细图文教程_第16张图片
使用新版IDEA创建JavaWeb项目详细图文教程_第17张图片
除了红色框以外的地方还需要请您点击Configure…按钮选择本地Tomcat,图示如下:
使用新版IDEA创建JavaWeb项目详细图文教程_第18张图片
使用新版IDEA创建JavaWeb项目详细图文教程_第19张图片
使用新版IDEA创建JavaWeb项目详细图文教程_第20张图片
利用Project Structure添加Tomcat,图示如下:
使用新版IDEA创建JavaWeb项目详细图文教程_第21张图片
使用新版IDEA创建JavaWeb项目详细图文教程_第22张图片
使用新版IDEA创建JavaWeb项目详细图文教程_第23张图片
至此,完成了Tomcat的相关配置。

部署项目

请修改index.jsp页面后再运行项目,图示如下:
使用新版IDEA创建JavaWeb项目详细图文教程_第24张图片

使用新版IDEA创建JavaWeb项目详细图文教程_第25张图片

测试Servlet

接下来,继续测试Servlet。

编写Servlet

使用新版IDEA创建JavaWeb项目详细图文教程_第26张图片

配置Servlet

请在web.xml中配置Servlet。
使用新版IDEA创建JavaWeb项目详细图文教程_第27张图片

测试请求

重新部署项目后,在浏览器中输入:http://localhost:8080/servletTest

控制台输出打印信息,图示如下:
使用新版IDEA创建JavaWeb项目详细图文教程_第28张图片

添加jar包

第一步:请拷贝jar包至lib文件夹;图示如下:

使用新版IDEA创建JavaWeb项目详细图文教程_第29张图片
第二步:选中lib再右键选择Add as Library;图示如下:
使用新版IDEA创建JavaWeb项目详细图文教程_第30张图片
第三步:单击OK;图示如下:

使用新版IDEA创建JavaWeb项目详细图文教程_第31张图片
第四步:添加完成

使用新版IDEA创建JavaWeb项目详细图文教程_第32张图片

添加resources

若有需要,可为项目添加资源文件夹resources;图示如下:
使用新版IDEA创建JavaWeb项目详细图文教程_第33张图片
新建文件夹;图示如下:
使用新版IDEA创建JavaWeb项目详细图文教程_第34张图片
使用新版IDEA创建JavaWeb项目详细图文教程_第35张图片
再将该文件夹设置为资源文件夹;图示如下:
使用新版IDEA创建JavaWeb项目详细图文教程_第36张图片
使用新版IDEA创建JavaWeb项目详细图文教程_第37张图片
添加成功;图示如下:
使用新版IDEA创建JavaWeb项目详细图文教程_第38张图片

教程小结

  • 1、环境搭建的过程中请注意细节问题,避免粗心大意导致的错误
  • 2、不同版本的IDEA在上述流程中存在细微的差别
  • 3、在发生错误时请多查阅资料,多尝试

你可能感兴趣的:(JavaWeb,IDEA,JavaWeb,开发环境,毕业论文)