IntelliJ IDEA 创建Web项目(全教程)

Posted 星朝

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了IntelliJ IDEA 创建Web项目(全教程)相关的知识,希望对你有一定的参考价值。

说明:
IntelliJ IDEA 版本为14.
JDK 版本为1.7
tomcat 版本为apache-tomcat-7.0.70

注:在创建过程中注意相关软件版本位数的问题。32位,64位的软件混搭会导致访问不成功的问题!!!

首先要理解一个基本问题:对比eclipse ,在IntelliJ IDEA中“new Project”相当于eclipse中的工作空间(Workspace),而“new Module”相当于eclipse中的工程(Project)。以下均采用Intellij的说法,请自行对照转换理解。

1,创建Project:依次点击File–new Project;
 
技术分享图片
创建.png
2,选择Empty Project项目,点击Next;
 
技术分享图片
下一步
3,输入项目名称,选择项目路径;
 
技术分享图片
Paste_Image.png
4,创建Module:点击Finish,弹出下面窗口,Intellij默认选择Modules,点击加号,选择New Module;
 
技术分享图片
Paste_Image.png
5,选择Java,配置Module SDK,选择Web Application,配置Versions,点击Next;
 
技术分享图片
Paste_Image.png
6,输入Module Name,点击Finish。
 
技术分享图片
Paste_Image.png
7,选择Project,配置SDK;
 
技术分享图片
Paste_Image.png
8,选择Modules–(Modules名称)–Sources–web–WEB-INF;
 
技术分享图片
Paste_Image.png
9,右击WEB-INF,依次new folder,创建classes目录和lib目录;
 
技术分享图片
Paste_Image.png
10,选择Paths,选择Use Modules complie Output path,指定路径为上面创建的classes目录;
 
技术分享图片
Paste_Image.png
11,选择Dependencies,点击右边的加号,选择第一个jars and ……,选择上面创建的lib目录,点击OK,弹出框选择jar Directory,点击OK,点击下面OK,完成项目配置;
 
技术分享图片
Paste_Image.png
12,配置项目:打开index.jsp,输入显示内容,比如“ 测试。。。”
 
技术分享图片
Paste_Image.png
13,配置项目服务器;
 
技术分享图片
Paste_Image.png
14,点击加号,选择tomcat server,选local;
 
技术分享图片
Paste_Image.png
15,配置name、server、端口号;
 
技术分享图片
Paste_Image.png
16,选择Deployment,点击+号,选择上面配置的项目;
 
技术分享图片
Paste_Image.png
17,设置Application context,点击OK,完成tomcat配置;
 
技术分享图片
Paste_Image.png
18,启动项目
 
技术分享图片
Paste_Image.png
 
技术分享图片
Paste_Image.png
自此完成IDEA的整个项目的创建、配置与启动。


作者:匆匆少年
链接:https://www.jianshu.com/p/455c7c11dfb2
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。








以上是关于IntelliJ IDEA 创建Web项目(全教程)的主要内容,如果未能解决你的问题,请参考以下文章

IntelliJ IDEA 创建Web项目(全教程)

intellij idea 2017 怎么创建一个web工程

IntelliJ IDEA2016.1 + maven 创建java web 项目

用intellij Idea加载eclipse的maven项目全流程

intellij idea 2017 gradle构建spring-boot web项目

IntelliJ IDEA 创建 hello world Java web Maven项目从头到尾都有图有真相2017版本