博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
在IntelliJ IDEA 中创建运行web项目
阅读量:3586 次
发布时间:2019-05-20

本文共 1370 字,大约阅读时间需要 4 分钟。

安装工具

1、JDK7+

2、IntelliJ Idea 工具(下载安装后,网上找注册码破解即可)

3、tomcat7+ 解压缩版

 

明确两个概念:

1、Project:类似于eclipse的workspace概念

2、Module:类似于eclipse的工程项目概念

当然,实际开发中最好是一个Project对应一个module。

 

【1、创建一个项目】

入口

首次:

工作界面:

注意选择红框部分

一路next。

新建文件夹:F:\IntelliJ_IDEA_Project\DemoProject 作为示例project的存放路径

点击finish,完成project创建。

 

【2、创建一个Module】

鼠标点中项目名称DemoProject-> 右键选择New,选择Module 

 

勾选“Web Application” -> 确认已勾选“Create web.xml” -> Next

输入Module名字和存储路径,点击finish

 

生成文件:

 

 工作台:

 

 【3、设置产出和依赖目录

 右键文件夹WE-INF,在web/WEB-INF下创建两个文件夹:classes和lib,并设置产出路径

 

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

File -> Project Structure (快捷键:Ctrl + Shift + Alt + S) -> 选择Module :

选择 Paths -> 选择"Use module compile output path" -> 将Output path和Test output path都选择刚刚创建的classes文件夹。

接着选择Dependencies ->  将Module SDK选择为1.7 -> 点击右边的“+”号  -> 选择1 “Jars or Directories” 

勾选

 

 【4、配置tomcat容器】

打开菜单Run -> 选择Edit Configuration 

 

点击“+”号 -> 选择“Tomcat Server” -> 选择“Local”

 

 

 在"Name"处输入新的服务名,点击"Application server"后面的"Configure...",弹出Tomcat Server窗口,选择本地安装的Tomcat目录 -> OK 

 

选择tomcat跟路径

"Server"选项板中,取消勾选"After launch",设置"HTTP port"和"JMX port"(默认值即可),点击 Apply -> OK, 至此Tomcat配置完成。

 

 

【5、在Tomcat中部署并运行项目 

Run -> Edit Configurations,进入"Run/Debug Configurations"窗口 -> 选择刚刚建立的Tomcat容器 -> 选择Deployment -> 点击右边的“+”号 -> 选择Artifact

 

 

->选择web项目 -> Application context可以填“/firstweb”(其实也可以不填的~~) -> OK

 

 此时在左下角可见我们刚创建的tomcat和部署的firstweb项目

右上角也有

然后我们修改下index.jsp文件查看下访问效果

 

启动tomcat

 

 

然后页面访问下

转载地址:http://hdpwn.baihongyu.com/

你可能感兴趣的文章
解决elasticsearch max virtual memory areas vm.max_map_count [65530] is too low......报错
查看>>
解决Navicat连接SQL Server数据库,报错08001-命名管道提供程序:无法打开与SQL Server的连接[2].
查看>>
Spring Boot+Quartz+Sql Server+vue实现定时任务(带界面)
查看>>
解决vue工程报错This relative module was not found:
查看>>
解决vue工程报错Uncaught (in promise) Error: Request failed with status code 404
查看>>
vue+element-ui多选和按钮绑定并将值传往后端
查看>>
springboot+mybatis按条件查询分页问题
查看>>
springboot+vue+element-ui实现图文上传(表单文字和图片一起入库)
查看>>
springboot+vue+element-ui下载excel模板(静态文件)
查看>>
vue项目打包部署后二级页面刷新变成404问题
查看>>
springboot在Windows服务器部署做成服务
查看>>
vue的页面刷新和单独组件的销毁重建
查看>>
vue+ckplayer+rtmp
查看>>
vue+pg库+openlayer5+geoserver+离线地图瓦片构建gis地图+地图撒点+点击点出现地图弹框(***完整流程***)
查看>>
openlayer5实现地图撒点,点击弹框效果
查看>>
vscode炫酷写代码插件Power Mode
查看>>
实现字符串倒叙
查看>>
node中引入其他ejs文件,并给引入文件传参,类似iframe
查看>>
ejs中在页面上使用if-else
查看>>
moment中时间为12小时制,dayjs中时间为12小时制
查看>>