IDEA社区版进行web设计

使用jdea社区版进行web学习时，需要准备以下环境：
jdk、tomcat、idea社区版

1、jdk的安装与配置

在官网Oracle

下载jdk时，只有java17和java20可以直接下载，java8与java11，推荐下面的资源站

进入华为云资源：链接: jdk11版本

选择好路径，进行安装，结果如下，安装路径为D:\JDK

点击此处: 配置java环境

2、idea社区版下载

快捷下载: windows版本idea下载

3、tomcat配置安装

推荐链接：Tomcat安装以及配置
结束后，打开startup.bat显示

表示配置成功，如果一闪而过，表示缺少前置环境java
点击测试是否开启tomcat成功

如果是以下，就是未开启成功

4、使用idea社区版建一个web框架

【新建】–【项目】：

初始项目的目录为：

添加tomcat支持：
注意 ：IDEA社区版的tomcat支持插件为Tomcat Server
下载插件Tomcat Server：文件–>设置–>插件，并添加tomcat安装路径


添加其他设置：

添加tomcat解压缩的路径（只需要选择到主文件夹）：

接下来，配置Tomcat运行环境：当前文件下拉选择【编辑配置】

添加Smart Tomcat


==Tomcat Server ==可以选择上一步添加的tomcat版本
Deployment directory为整个web项目文件夹：选择到webapp目录，否则会出现404
Use classpath of module也可以选择项目文件夹
Context path

选择确认，即可完成配置
运行图标为：

5、在java中添加webapp

在java项目中，新增webapp目录及其内容。

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>

其中的解释，可参考web.xml的介绍
web.xml介绍

然后，在index.html中写上网页代码，即可完成web的初始搭建。

点击http://localhost:8080/web01
即可进入网页查看。

这篇好文章是转载于：学新通技术网