目录

1.配置文件 点击file projectStructure     配置SDK和language level的语言版本一致。apply然后ok。

2. 然后点击web-all创建一个moudle叫做demo02-web02。

 3.这仅仅是一个java的目录结构，我们需要把他转换成javaweb的结构。所以我们需要添加web资源组件。右击demo02-web02选择Add Frameworks Support添加web组件。

4.可是web约束4.0版本是不行的，可能会使我们tomcat环境中跑不起来。 所以我们需要点file 点projectstructure。然后点modules 点击dependencies,点加号，选择libraries.

5.选择tomcat 然后apply ok;

 然后就可以选择6.0的版本了，点击ok。

6.会多出来一个web。

7.js代码在web中，java代码存放在src中。我们可以试着把html文件导入web包中。

 8.在web中创建static 在static包中创建css存放css代码，创建在img包中存放图片，创建js包存放js代码。创建resources包存放Java的配置文件，记得关联src在src中创建一个类。

 9.如果我们需要导入架包，我们需要在WEB-INF包创建lib包在里面导入架包。关联lib 架包 右击选择add as library

10.选择module library 点ok就关联成功了。 

11.在选项中有个build 点击build  选择build artifacts 选择build 点击ok。

12.然后我们会发现多了一个out目录 他是一个工程 标灰的就是我们可以发布的app了。

 13.配置启动的信息

​14.运行就可以启动了。​编辑

---

推荐先创建一个空项目，这样可以在一个空项目下同时存在多个modules,不用后续来回切换之前的项目，当然也可以忽略此步直接创建web项目。

1.配置文件 点击file projectStructure     配置SDK和language level的语言版本一致。apply然后ok。

2. 然后点击web-all创建一个moudle叫做demo02-web02。

 3.这仅仅是一个java的目录结构，我们需要把他转换成javaweb的结构。所以我们需要添加web资源组件。右击demo02-web02选择Add Frameworks Support添加web组件。

4.可是web约束4.0版本是不行的，可能会使我们tomcat环境中跑不起来。 所以我们需要点file 点projectstructure。然后点modules 点击dependencies,点加号，选择libraries.

5.选择tomcat 然后apply ok;

 然后就可以选择6.0的版本了，点击ok。

6.会多出来一个web。

7.js代码在web中，java代码存放在src中。我们可以试着把html文件导入web包中。

 8.在web中创建static 在static包中创建css存放css代码，创建在img包中存放图片，创建js包存放js代码。创建resources包存放Java的配置文件，记得关联src在src中创建一个类。

 9.如果我们需要导入架包，我们需要在WEB-INF包创建lib包在里面导入架包。关联lib 架包 右击选择add as library

10.选择module library 点ok就关联成功了。 

11.在选项中有个build 点击build  选择build artifacts 选择build 点击ok。

12.然后我们会发现多了一个out目录 他是一个工程 标灰的就是我们可以发布的app了。

 13.配置启动的信息

14.运行就可以启动了。