这是一个动态 Web 项目的示例文件夹结构:
如您所见,所有静态文件都作为子文件夹放置在WebContent文件夹下。按照命名约定,.css 文件位于css子文件夹中。JavaScript .js 文件放置在js子文件夹下,任何图像文件(例如 .jpeg 或 .png)都放置在images子文件夹中。我还有一个额外的lib子文件夹,我在其中放置了一个要使用的 angularjs 库。
默认情况下,创建动态 Web 项目后,您的 web.xml 文件如下所示:
`<welcome-file-list>
<welcome-file>index.html</welcome-file>
<welcome-file>index.jsp</welcome-file>`
这意味着它会在您运行应用程序时首先调用列出的默认名称文件。这就是大多数项目将文件命名为index.html或index.jsp的原因。注意:我的 index.html 文件位于 WebContent 文件夹的正下方,而不是子文件夹中
最后,您可以从文件中调用/包含静态文件(.css .js 和图像文件),'index'
如下所示:
<link rel="stylesheet" href=css/bootstrap.min.css>
<link rel="stylesheet" href=css/bootstrap-theme.min.css>
<script type="text/javascript" src="lib/angular.min.js"></script>
<script src="js/contactsApp.js"></script>
您的 .java 文件也将正确放入Java Resources -> src -> {place java files here}