STS下web项目的目录结构讲解

痛定思痛。 2022-05-09 09:54 332阅读 0赞

前言：之前看书的时候一直没搞懂STS下web项目的结构是啥样的，有main，resources，甚至在src下还有个src目录，就很奇怪，正好导师给了个基于***SSM框架的比较初级的web小项目***让我改改，拿到之后就顺便研究了一下这个目录结构。

#                                      第一章 项目的总体概况 #

目录结构大概如下图。

![70][]

项目的所在位置为D:\\frameio\\code\\trunck下名为frameio

![70 1][]

#           第二章 STS中的web开发目录与对应的工作空间下的开发目录 #

1. src/main/java下的装的是项目的源代码，包括web层service层以及dao层的代码。

![70 2][]

在STS的工作空间中的开发目录，与web开发目录吻合。

![70 3][]

2. src/main/resources下装的是项目的配置文件

![70 4][]

在STS的工作空间中的开发目录，与web开发目录吻合。

![70 5][]

3. src/test/java下装的应该是一些测试文件，这里我们并没有写，只有个系统自动生成的。

![70 6][]

在STS的工作空间中的开发目录，与web开发目录吻合。

![70 7][]

4.我们暂时跳过code目录，先看doc目录

doc文档下装的是一些关于数据的东西，这个应该是类似于帮助文档，自己的配的。

![70 8][]

在STS的工作空间中的开发目录，与web开发目录吻合。

![70 9][]

5.接下来还有一个src目录，打开发现这个目录下装的是一些前端页面之类的东西。

![70 10][]

在STS的工作空间中的开发目录，与web开发目录吻合。

![70 11][]

5.target目录

![70 12][]

直接一看，这个目录下好像装着一些奇怪的东西，我们看一下工作空间中的目录。

在STS的工作空间中的开发目录，与web开发目录吻合。

![70 13][]

但是工作空间的目录中还装着两个web开发目录中没显示的东西。

![70 14][]

可以看到项目中还多了两个classes，点进去发现是各个文件的class（字节码）文件。

其中src/test/java下的类文件会编译在test-classes中，如下图。 观察发现，这个编译的目录结构与源目录有所不同，没有src/test/java这个文件结构，而是直接编译src/test/java下的文件，目录结构也是从其下的包处开始的。

![70 15][]

![70 7][]

其中src/main/java，src/main/resources下的文件都会编译进去，包括xml与properties文件，也是失去了之前的三层目录比如src/main/java，src/main/resources，直接其下的目录开始编译，具体看如下对比。

![70 16][]

![70 17][]   ![70 18][]

src/main/webapp，这些前端的脚本、CSS等资源什么的并没有编译进去，可能与js、css不需要编译有关系，但是我记着jsp好像要编译，这个留得继续查找答案。

6 code文件与target下的m2e-wtp文件

![70 19][]        ![70 20][]

这个还没弄清楚，项目紧急，先留着，因为并不影响开发，不过推测一下，code文件可能和svn有关系，莫名其妙跑出来的，之前乱配了一通svn，这个东西好像貌似就有了，有点忘了，至于target下的m2e-wtp文件，可能跟项目在服务器上发布后，web项目文件下的META-INF有关系，具体可见下图。

![70 21][]

#                                第三章 项目在tomcat上发布后的目录 #

1. 项目通过tomcat发布后，在webapps下的目录结构，可以和上文中提到的src/main/webapp目录做对比。

![70 22][]

![70 10][]

可以看到，STS把src/main/webapp下的东西直接照搬进了D:\\apache-tomcat-8.0.53\\webapps\\frame中。

2. 打开WEB-INF，发现多了一个classes文件，对比发现，STS把target/classes下的编译文件照搬进了D:\\apache-tomcat-8.0.53\\webapps\\frame\\WEB-INF中。

![70 23][]

![70 16][]

3. 继续观察D:\\apache-tomcat-8.0.53\\webapps\\frame下的文件，发现其下的META-INF文件与之前target/m2e-wtp/webresources下的META-INF一样，大胆推测一下，应该也是从target中把这个搬进来了。

#                                                第四章 总结 #

STS下web项目的目录与STS的工作空间里web项目的目录基本一致，编译的文件会放到target/classes中，并不会在在STS中进行显示，编译的文件的目录就是按包目录来的，没有src/main/\*那些STS给你添加的东西。

有两个src，第二个src主要是存储前端的一些东西。当把web项目发布到tomcat上时，会把第二个src下的webapp里的东西如WEB-INF复制到tomcat的webapps下项目对应的目录中，并把target目录下存储编译文件的classes文件复制到WEB-INF中，至于tomcat的项目发布目录中的META-INF，应该是target/m2e-wtp/webresources下的那个WEB-INF。

![70 24][]

![70 25][]

[70]: /images/20220509/6a497fd73f6146de8278d45f74ec122f.png
[70 1]: /images/20220509/a79290690ded44d2b38982f6481a0c44.png
[70 2]: /images/20220509/5b8fffb6693e45e4a10dc85b4ff9ea5c.png
[70 3]: /images/20220509/d5796fd011dd4480b1b3cfc7a962a465.png
[70 4]: /images/20220509/08f099cd71694e76ae738a67781b2598.png
[70 5]: /images/20220509/006f345aeb6f46ad9e91454da87592d5.png
[70 6]: /images/20220509/f96871f03db341f8821c486d37e56830.png
[70 7]: /images/20220509/df271b77b0f74457b4e576e3deee83d4.png
[70 8]: /images/20220509/d8abe8ba24714830805fa81a4b68fd7b.png
[70 9]: /images/20220509/7acdb8800d504d899bdd9c80c99da28d.png
[70 10]: /images/20220509/4b4fee0cf05c45e995db116fe077de0b.png
[70 11]: /images/20220509/d47e4479163c47d89594782f15a370ef.png
[70 12]: /images/20220509/29244d11b89a474c8a30b5c6b42c7951.png
[70 13]: /images/20220509/f1e79e515a6641ceafe74ae9f35fd18b.png
[70 14]: /images/20220509/9c1a4ff6ee0841b08659c67c707c5446.png
[70 15]: /images/20220509/9edc7ee5aa28460a9758d25fbe6469f8.png
[70 16]: /images/20220509/c97a179251d047af80299cf6800a86cb.png
[70 17]: https://img-blog.csdn.net/20181006100100950?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E2MTAzNzY2ODE=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 18]: /images/20220509/9532196bee234f2182b689e6f67600ba.png
[70 19]: https://img-blog.csdn.net/20181006101141238?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3E2MTAzNzY2ODE=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 20]: /images/20220509/b7f18cc55c1c43ceaa4b54e6c7729823.png
[70 21]: /images/20220509/d1dfb56db5c14a1e90abba77c7a5b95b.png
[70 22]: /images/20220509/d4c2a3bf8bb84ddd800c632a19c1e0f4.png
[70 23]: /images/20220509/641abea4a6f140998f8b193e38885183.png
[70 24]: /images/20220509/ff28dabf1f01483b903d8fd019d17676.png
[70 25]: /images/20220509/5c2ce9a204ed4a41b017cb1a24b2306b.png