IDEA创建Web项目（详细版）

目录

1 新建Web项目

1 打开idea,选择新建项目

2 构建web工程两者方式

1 使用maven 构建，选择Archetype-webapp

2  使用普通的java项目，构建web工程

2 配置Tomcat 

0 下载tomcat服务器

1  点击Edit Configurations（编辑配置）

2 点击左上角的“+”，选择TomCat服务器 --本地

3  点击 上方的“ 修复” 把前端项目部署到Tomcat服务器上

3 运行Web项目

4 发现

0运行时控制台中文乱码（编写代码运行时出现的)

解决办法

1 运行时控制台Tomcat服务器乱码

解决办法

2 修改内容，都要重新启动服务器

选择 更新类和资源 ，点击应用

3 访问浏览器的路径

1 点击编辑配置

5  小结

---

1 新建Web项目

1 打开idea,选择新建项目

2 构建web工程两者方式

1 使用maven 构建，选择Archetype-webapp

点击创建，等待加载，直到控制台出现  BUILD SUCCESS 表示web工程构建成功

注意：使用maven构建web工程，会自带一个index.jsp初始界面

---

2  使用普通的java项目，构建web工程

注意：

1 ，在添加jdk时，如果你还没有下载好jdk,就先下载，再配置环境变量

---

2 ，如果还不会配置环境变量，可以看我的这篇博客： Maven下载和安装（详细版）_maven download-CSDN博客其中详细讲述了如果配置环境变量。

---

3  ，已经下载好jdk,选择添加jdk.就将jdk的安装路径复制粘贴

路径如下图所示

---

点击创建

---

3 点击项目结构，添加web

有两种方式：

•  选择添加模块 ---web

•  选择添加Facet --web

选择添加模块 ---web

2 选择添加Facet --web

其他步骤，和上面的一致。

• 点击创建工件

---

2 配置Tomcat 

步骤如下

0 下载tomcat服务器

如果还没有下载的，可以看我写的关于下载tomcat服务器的博客

关于Tomcat服务器下载-CSDN博客

1  点击Edit Configurations（编辑配置）

一下有两种方式：

1.1 右上角当前文件下 选择编辑配置

1.2 点击菜单栏中run 选择编辑配置

---

2 点击左上角的“+”，选择TomCat服务器 --本地

注意：上图的jre框框，一般是不用我们添加，为默认你当前使用的jdk版本

添加 tomcat路径 

---

3  点击 上方的“ 修复” 把前端项目部署到Tomcat服务器上

上图： 应用程序上下文这个选项，你可以把它去掉。

原因：

当我们在浏览器访问时，需要输入上面的代码，去掉后这样更加简单

---

3 运行Web项目

步骤如下

1 创建 html文件

这是没有去掉应用程序上下文这个选项中的代码的情况

去掉之后如图所示：

4 发现

下面我写的，是希望在编写代码时，更加方便！！！

0运行时控制台中文乱码（编写代码运行时出现的)

解决办法

-Dfile.encoding=utf-8

在编辑配置的虚拟机选项中添加这一行代码

1 运行时控制台Tomcat服务器乱码

如图所示

解决办法

步骤

1. 打开你的tomcat--conf--logging.properties，修改需要修改的编码方式

打开你的tomcat--conf--logging.properties，修改需要修改的编码方式

如下图

我使用的是Notepad++文本编辑器，修改

注意：一般默认是utf-8,因此我们需要把最后一行的UTF-8替换成GBK

修改的步骤：

1  点击你要修改的对象，在菜单栏中选择：  搜索-替代 。替换成最后一个GBK

2   点击 保存

3  重新idea运行

不会出现乱码的情况

2 修改内容，都要重新启动服务器

更便捷的方式：每次只需刷新浏览器就可以了
解决办法：

选择 更新类和资源 ，点击应用

重启一下

之后你修改内容后，不再需要重启服务器，只需要刷新浏览器，就可以了。

注意：使用这个方式，会加大内存的空间的使用情况，我们根据电脑的配置，合理使用

3 访问浏览器的路径

原本是：http://localhost:8080/untitled1_Web_exploded/

如果希望浏览器的访问路径更加简洁：

1 点击编辑配置

我已经修改好了

注意：这里可以不用选择，把之前的直接删除就好了

发现，我们修改成功【我写成如上图所示的。但在后面最后还是不用添加，直接删除最好】

5  小结

本篇博客,讲述了如何创建web项目，以及遇到的问题，及解决办法。