图文详解使用IntelliJ IDEA创建普通Java Web项目 深碍√TFBOYSˉ_ 2022-10-01 00:44 152阅读 0赞 ## 第 1 部分：新建一个 Java Web Application 项目 ## File -> New -> Project…，请选择 [Java EE][] 这个模块下的 Web Application ，我们还可以选择生成 web.xml 文件的版本号，这里我们选择最新的 3.1 版本。 说明： 3.1 版本的意思是 servlet 规范的版本。我们可以查看 apache-tomcat-8.0.30\\conf\\web.xml 这个文件，知道当前 tomcat 使用的 servlet 规范版本号。 ![这里写图片描述][20160411094405734] ### 生成项目基本结构（建立基本的文件夹和文件） ### 根据下图的标注，依次选择以后，点击“确定”。 ![这里写图片描述][20160410171300070] 然后我们填写好项目名称和项目位置： ![这里写图片描述][20160410171553141] 点击确定以后，在一个新窗口打开。 ![这里写图片描述][20160410171710025] 在打开的新窗口中，我们看到了项目的结构。我们发现还缺少 lib 文件夹，所以我们在 WEB-INF 下新建文件夹 lib，后面我们要把须要添加的 jar 包复制到 lib 包下。 ![这里写图片描述][20160410222034360] ## 第 2 部分：进行非常重要的项目配置 ## ### 详解 Project Struction ### 然后，我们打开 Project Struction （打开 Project Struction 的方法很多，例如通过菜单 File -> Project Struction… 或者使用快捷键 ctrl + shift + alt + S，或者通过菜单栏的快捷按钮）。 我们首先看 【Project】部分。 #### 详解 Project Struction 之 Project 模块 #### ![这里写图片描述][20160410173256624] 对 Project compiler output 的解释： 这个路径是一个非常重要的路径，它存放了我们编译以后的 [Java][] 代码，编译以后的[测试][Link 1]代码，打成 war 包以后在 tomcat 解压以后的标准 Web 结构的代码。 我一般设置的名字就叫 out ，建议朋友们一定要熟悉 out 这个文件夹下面的三个子文件夹，知道他们放置的是什么。 （1）artifacts：存放 war 包解压以后的标准 Web 结构的代码，里面子文件的名字一般为 （项目名）\_war\_exploded； （2）production：存放Java 源代码 src 目录下编译以后的字节码文件和 Web 项目的配置文件； （3）test：存放Java 源代码 test 目录下编译以后的字节码文件，即测试代码的字节码文件。 这个目录很重要，放置的原则是在项目下，但要和源代码区分开来，并且应该被 [Git][] 等版本管理工具排除掉。 #### 详解 Project Struction 之 Modules 模块 #### ##### （1）大体认识 ##### ![这里写图片描述][20160410223433910] ##### （2）详解 Sources 选项卡 ##### ![这里写图片描述][20160411000249448] ##### （3）详解 Paths 选项卡 ##### ![这里写图片描述][20160411000309995] ##### （4）详解 Dependencies 选项卡 ##### ![这里写图片描述][20160411000429558] ##### （5）详解如何添加依赖 ##### 第 1 种情况：添加 lib 包下的依赖： ![这里写图片描述][20160411000518686] ![这里写图片描述][20160411000536859] ![这里写图片描述][20160411000559250] 第 2 种情况：添加 tomcat 依赖，这种依赖是一种 provided 的依赖： ![这里写图片描述][20160411000611719] ![这里写图片描述][20160411003505320] ![这里写图片描述][20160411003518398] #### 详解 Project Struction 之 Libraries 模块 #### ![这里写图片描述][20160411004037061] 可以看到： ![这里写图片描述][20160411004527388] #### 详解 Project Struction 之 Facets 模块 #### 重要的事情说三遍。 注意：这一部分的配置非常重要，一定要设置对。而且如果不认真检查， IDEA 会“自作聪明”地帮我们设置了一个根本不存在的路径。如果设置不对，非常影响我们的情绪。 注意：这一部分的配置非常重要，一定要设置对。而且如果不认真检查， IDEA 会“自作聪明”地帮我们设置了一个根本不存在的路径。如果设置不对，非常影响我们的情绪。 注意：这一部分的配置非常重要，一定要设置对。而且如果不认真检查， IDEA 会“自作聪明”地帮我们设置了一个根本不存在的路径。如果设置不对，非常影响我们的情绪。 ![这里写图片描述][20160411010441453] ![这里写图片描述][20160411010747647] ![这里写图片描述][20160411011158321] ![这里写图片描述][20160411131428338] ## 第 3 部分：配置本地关联的 tomcat 服务器位置 ## ### 1、依次点击 Run -> Edit Configurations… ### ![这里写图片描述][20160411011406511] ### 2、添加 Tomcat Server -> Local ### ![这里写图片描述][20160411011600561] ### 3、添加 deployment （前提是在第 2 部分的各种配置里要把 Artifact 添加上） ### 还回忆得起是怎么添加 Artifact 的吗，选择第 2 个的第 2 个。 ![这里写图片描述][20160411011904682] 我们还可以设置访问路径： ![这里写图片描述][20160411012105339] 配置启动以后默认打开的链接、浏览器、端口号、tomcat 控制台显示编码等（这个界面很重要）。 ![这里写图片描述][20160411012600402] 最后，我们启动配置好的服务器，大功告成了！ ![这里写图片描述][20160411012824811] [Java EE]: http://lib.csdn.net/base/javaee [20160411094405734]: /images/20220705/8100890e18be471591fda79ce70b6d1e.png [20160410171300070]: /images/20220705/df86480b32984a46a2bc83170f1f696a.png [20160410171553141]: /images/20220705/c57f92c397834066890642dda91ab2b0.png [20160410171710025]: /images/20220705/8895e15b34344982a1454c5e12476d5e.png [20160410222034360]: /images/20220705/30f3cb6e11f24679b6c71abac21272f1.png [20160410173256624]: /images/20220705/3d5bf886ba83451386e713ceb2e7c954.png [Java]: http://lib.csdn.net/base/javase [Link 1]: http://lib.csdn.net/base/softwaretest [Git]: http://lib.csdn.net/base/git [20160410223433910]: /images/20220705/cb028560dcf24bb192647ed3602e617c.png [20160411000249448]: /images/20220705/ebc52ac54b664db8984227046ce89eba.png [20160411000309995]: /images/20220705/6dfa012c43d741dab41c20d1b7200e38.png [20160411000429558]: /images/20220705/7f77a2e05ffa454ab782f378a364b2ed.png [20160411000518686]: /images/20220705/f0a44b15f8e84e478e7267305a5b70e3.png [20160411000536859]: /images/20220705/3fe8ee5fc8ce4436b0176389746775f1.png [20160411000559250]: /images/20220705/23ecbcbe8eff437488e41716f9b42ec4.png [20160411000611719]: /images/20220705/0e70d5df3c71426cabaf715363077a66.png [20160411003505320]: /images/20220705/b5496e6bf7c443858711ae7e043bf585.png [20160411003518398]: /images/20220705/acba982b4cd64522b087289c8af745c4.png [20160411004037061]: /images/20220705/7ad9005d9bd84f4d9f82cafa1bceba41.png [20160411004527388]: /images/20220705/f7a2ff13d5b74b45989556f37ddb1c6f.png [20160411010441453]: /images/20220705/503e0d8282b24bf8918755b274e97e54.png [20160411010747647]: /images/20220705/c64774747c1d497dae52ecb1ff44183c.png [20160411011158321]: /images/20220705/9afd66a93d3b4b34b733fabe5d5d15b0.png [20160411131428338]: /images/20220705/bba6a9b3546441ee9e82a3d4db8078e2.png [20160411011406511]: /images/20220705/063aef30486c4c71bc5af852822b61df.png [20160411011600561]: /images/20220705/ae984586e81e4d509c1175c0331c5815.png [20160411011904682]: /images/20220705/7d9c4eda754142b5986c3f6e43108dd0.png [20160411012105339]: /images/20220705/8ac47ebd56fe40c2b84ba2412d9bdef8.png [20160411012600402]: /images/20220705/a429dfb07e2444a98f5c5952526fc256.png [20160411012824811]: /images/20220705/0e01904d40344671b5bb64e507446c52.png
还没有评论，来说两句吧...