IDEA建立web项目操做流程

一、File -> new Project ->选择project sdk 为1.8(若是没有sdk的同窗请先配置)-> Next
IDEA建立web项目操做流程
二、create project from template 页面,不勾选任何选项 -> Next
IDEA建立web项目操做流程
输入项目名:"test" -> Next -> Finishweb

三、到project中 -> 右键选择Newtomcat

IDEA建立web项目操做流程

选择Module -> Module SDK 选择1.8 -> 勾选JavaEE下的Web Application ,注意窗口下的version对应版本,且Create web.xml已勾选 -> Next服务器

IDEA建立web项目操做流程

输入Module name 为mybatisdemo -> Finish
IDEA建立web项目操做流程mybatis

四、 建立好的web项目,这里我已经配置好了,以下图jsp

IDEA建立web项目操做流程

五、在web/WEB_INF 目录下建立两个文件夹:classes和libide

classes用来存放编译后输出的class文件,lib用于存放第三方jar包工具

IDEA建立web项目操做流程

六、配置文件夹路径3d

File -> Project Structure (ctrl + shift + Alt + s) 或者使用工具栏的快捷键 -> 选择Modules -> 选择Paths -> 选择“Use module compile out path” -> 将Outputpath 和Test output path 都设置为刚刚建立的classes文件夹
IDEA建立web项目操做流程xml

将Outputpath 和Test output path 都设置为刚刚建立的classes文件夹
IDEA建立web项目操做流程blog

选择当前窗口的Dependencies -> 将Module SDK选择为1.8->点击右边的 + 号 -> 选择 “1 JARS or directories ...”
IDEA建立web项目操做流程

-> 选择刚刚建立的lib文件夹 -> OK
IDEA建立web项目操做流程
-> 选择Jar Directory -> OK
IDEA建立web项目操做流程
-> Apply -> OK
IDEA建立web项目操做流程

七、配置Tomcat容器
打开菜单Run -> Edit Configurations...
IDEA建立web项目操做流程
点击 “+” ,选择 “Tomcat Server” -> 选择“Local”
IDEA建立web项目操做流程

在Name出输入新的服务器名,点击 "Application Server" 后面的 "Configure...",弹出Application Servers窗口,在Tomcat Home 选择本地安装的tomcat目录 -> OK
在"Run/Debug Configurations"窗口中Name一栏输入服务器的名字mybatisdemo,在“Server”面板中,勾选取消“After Launch”,设置“HTTP port”和“JMX port”(默认值便可),点击Apply -> OK,至此tomcat配置完毕(左边列表中tomcat图标上小红叉是未部署项目的提示,部署项目后就会消失)。

IDEA建立web项目操做流程

八、在tomcat上部署并运行项目
在建立好tomcat后,能够经过工具栏快速打开tomcat的配置页面
IDEA建立web项目操做流程
也能够经过菜单栏:Run -> Edit Configurations... ->选择刚建立的mybatisdemo -> 选择Deployment ->点击右边的“ + ”号 -> 选择 Artifact

IDEA建立web项目操做流程

IDEA建立web项目操做流程
回到Server面板,将On 'update' action和On frame deactivation(这两个选项是tomcat配置了项目后才有的)改成update classes and resources -> Apply

IDEA建立web项目操做流程

开发web项目并运行tomcat查看效果
一、编辑index.jsp页面
IDEA建立web项目操做流程
二、运行tomcat
IDEA建立web项目操做流程
三、展现效果
IDEA建立web项目操做流程

相关文章
相关标签/搜索