IDEA配置javaweb

不念不忘少年蓝@ 2023-02-26 02:24 21阅读 0赞

#### 1、先下载安装好tomcat ####

![在这里插入图片描述][20200713223438118.png]  
双击安装  
直接点下一步  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NTY2Njcz_size_16_color_FFFFFF_t_70]  
此处需要选择本机的jre目录，如果不是安装在C盘的haul需要手动选择jre目录（需要选择JavaSE7.0以上的版本）  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NTY2Njcz_size_16_color_FFFFFF_t_70 1]  
这一步是选择安装目录，选择自己喜欢的目录即可  
完成之后继续下一步

#### 2、打开IDEA ####

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NTY2Njcz_size_16_color_FFFFFF_t_70 2]  
新建一个工程，选择maven  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NTY2Njcz_size_16_color_FFFFFF_t_70 3]  
选择quickstart，点next  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NTY2Njcz_size_16_color_FFFFFF_t_70 4]  
输入工作组和工程名  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NTY2Njcz_size_16_color_FFFFFF_t_70 5]  
右下角选择Enable Auto-Import  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NTY2Njcz_size_16_color_FFFFFF_t_70 6]  
在pom.xml文件中，将两个1.7改为1.8  
在depencies中添加

<dependency>
          <groupId>mysql</groupId>
          <artifactId>mysql-connector-java</artifactId>
          <version>5.1.38</version>
        </dependency>
        
        <dependency>
          <groupId>javax.servlet</groupId>
          <artifactId>javax.servlet-api</artifactId>
          <version>3.1.0</version>
          <scope>provided</scope>
        </dependency>
        
        <dependency>
          <groupId>javax.servlet</groupId>
          <artifactId>jstl</artifactId>
          <version>1.2</version>
        </dependency>

在项目根目录下新建一个文件夹resources  
![在这里插入图片描述][20200713225438733.png]  
然后选择右上角的project struct  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NTY2Njcz_size_16_color_FFFFFF_t_70 7]  
将项目根目录下的resources配置为Resources  
将项目根目录下的src配置为Src  
按照1234的顺序点击即可设置  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NTY2Njcz_size_16_color_FFFFFF_t_70 8]

完成之后src文件夹应该变为蓝色，resources文件夹下部应该带有几道黄色的横杠  
![在这里插入图片描述][20200713225830338.png]

#### 3、TomCat的设置 ####

点击右上角的Add Configuration  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NTY2Njcz_size_16_color_FFFFFF_t_70 9]  
点击左上角的+号，在列表中选择tomcat server>local  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NTY2Njcz_size_16_color_FFFFFF_t_70 10]  
在name处起一个名字  
点击application server右边的cinfugure选择tomcat的安装目录  
open browser选择default  
url默认就好  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NTY2Njcz_size_16_color_FFFFFF_t_70 11]  
两处都选择Update resources  
![在这里插入图片描述][20200713230911943.png]  
点击deployement，点+号，选择artifict  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NTY2Njcz_size_16_color_FFFFFF_t_70 12]  
选择 exploded结尾的那个选项  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NTY2Njcz_size_16_color_FFFFFF_t_70 13]

#### 4、JSP页面的配置 ####

在html标签外加上

<%@page language="java" pageEncoding="utf-8" contentType="text/html; utf-8" %>

其中：  
language：页面脚本类型  
pageEncoding：当前页面的字符编码  
contentType：后端解析的内容类型及字符编码

[20200713223438118.png]: /images/20230209/d71a83b5af0f405c8c2a7a1dd4896c08.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NTY2Njcz_size_16_color_FFFFFF_t_70]: /images/20230209/57fc1ccfa78949f286a60fdc1f95e273.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NTY2Njcz_size_16_color_FFFFFF_t_70 1]: /images/20230209/73b5a697ce4844e7bda7f3ed48c6f124.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NTY2Njcz_size_16_color_FFFFFF_t_70 2]: /images/20230209/50314a4f91004f8daa13deb8f433ef06.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NTY2Njcz_size_16_color_FFFFFF_t_70 3]: /images/20230209/5e85c71367d7433ca31a99607e23257c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NTY2Njcz_size_16_color_FFFFFF_t_70 4]: /images/20230209/19c2367ee37c4411a97c619b3d4c289c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NTY2Njcz_size_16_color_FFFFFF_t_70 5]: /images/20230209/9decec088c394d7580e2cd925bbc0a4d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NTY2Njcz_size_16_color_FFFFFF_t_70 6]: /images/20230209/611d102a29b64d1f841b0968a71a5446.png
[20200713225438733.png]: /images/20230209/d0e325cd5dd042c89c3313c648a5d89d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NTY2Njcz_size_16_color_FFFFFF_t_70 7]: /images/20230209/039b1a1ca1a54cf5b57ddf8b37ad6d4f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NTY2Njcz_size_16_color_FFFFFF_t_70 8]: /images/20230209/9fea08577ba64db087d399b3c02ea9ce.png
[20200713225830338.png]: /images/20230209/7b50dc51516343a2a952226a5ec81711.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NTY2Njcz_size_16_color_FFFFFF_t_70 9]: /images/20230209/8f883db179a3468fbf537e540a2e00d8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NTY2Njcz_size_16_color_FFFFFF_t_70 10]: /images/20230209/2d5b3f7f09344e93b90f5e215e43ab12.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NTY2Njcz_size_16_color_FFFFFF_t_70 11]: /images/20230209/e983b100d43c458c904c0e927ecd8a7e.png
[20200713230911943.png]: /images/20230209/b8ea695c7ef54ca494c99dd42f61dae6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NTY2Njcz_size_16_color_FFFFFF_t_70 12]: /images/20230209/ee97f53053914239a1fe392fae7392f9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NTY2Njcz_size_16_color_FFFFFF_t_70 13]: /images/20230209/36afe5a6c824451d8d6d136f5449c352.png