社区版 idea 搭建 Javaweb 项目(详细教程)

(本文以 IntelliJ IDEA Community Edition 2023.1.7 为例)

默认1.已安装社区版 idea

       2.已在官网http://www.apache.org下载好了 Tomcat

搭建web项目:

步骤一:新建项目,选择 Maven

新建后的界面如下:

 

步骤二:补全Javaweb文件结构

*main目录下新建 webapp 文件夹

*webapp文件夹下新建WEB_INF文件夹

*WEB_INF目录下新建web.xml

*wenapp文件夹下再新建index.html

*test目录下新建 resources

@新建文件夹的步骤:

 @新建web.xml文件的步骤: 

@新建index.html的步骤: 

步骤三:对web.xml进行编写

<?xml version="1.0" encoding="UTF-8"?>
<web-app id="WebApp_ID" version="4.0"
         xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
		 					http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd">
    <display-name>xss</display-name>
    <welcome-file-list>
        <welcome-file>index.html</welcome-file>
    </welcome-file-list>
</web-app>

步骤四:下载Tomcat插件

步骤五:在项目中配置Tomcat

(1)点击 Edit Configurations

(2)点击“+”选中"Smart Tomcat"
(3)编辑说明

------Name: 随便取即可

------Deployment Directory: 选择该项目下的新建的 wenapp 文件夹

------Context Path: /  (表示访问时可以不通过ip直接访问本机)

!!!如何后续还要建Javaweb项目,建议这里填写:/项目名

--------Server portAdmin port分别默认8080,8005。默认的即可

步骤六:添加Tomcat依赖的jar包

(1)file -> Project Structure

(2)Module -> "+" -> Library -> Java ->按住Ctrl键,同时选择 jsp-api.jar 和 servlet-api.jar -> 随后一路OK -> apply ->OK

 

步骤七:测试

(1)编写index,html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>检测是否成功</title>
</head>
<body>
<h3>哈哈,看来成功了!</h3>
</body>
</html>

(2)随后点击运行,出现如下界面

(3)点击最下方的链接,跳至游览器,出现如下界面则表示 Javaweb 搭建成功。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值