【问题标题】:How to structure a JSP page when it comes to import CSs and JS?在导入 CS 和 JS 时如何构建 JSP 页面?
【发布时间】:2014-01-27 19:09:45
【问题描述】:

我正在启动一个 JSP 项目,我想定义如何在我的页面中组织 CSS/JS 导入,这样它就不会变得一团糟。 我希望文件开头导入css,最后导入js,所以想到了这个结构

页面:

 ______________
|              | 
|  header.jsp  |
|______________|
|              |
|  mypage.jsp* |
|______________|
|              |
|jsscripts.jsp |
|______________|
|              |
| mypage.jsp*  |
|______________|
|              |
|  footer.jsp  |
|______________|

想法是:

  • header.jsp:包含head标签(包括css导入)和起始body标签
  • mypage.jsp:是页面本身,具有包含 jsp 命令,并导入页面特定的 css 文件
  • jsscripts.jsp 有网站的默认 JS 脚本
  • mypage.jsp:又是页面本身。导入特定于此页面的 JS 文件
  • footer.jsp 具有页脚 html 结束 html 标记。

我在这里看到的唯一问题是特定于页面的 css 将在 body 标记中,而不是在 head 标记中。 这是构建 JSP 页面的常用方法还是有更好的方法?

谢谢!

【问题讨论】:

  • 另一个问题是标题。您必须将其作为参数传递给 header.jsp,否则您的页面都将具有相同的标题。

标签: jsp web


【解决方案1】:

我可以分享我遵循的约定

<html>
<head>
  <jsp:include page="includeCSS.jsp" /> <%-- All of my CSS file includes --%>
</head>
<body>
   <jsp:include page="header.jsp" /> <%-- Application header --%>

   <jsp:include page="body.jsp" />  <%-- Body of the application. This page 
      may be further broken down depending on requirements --%>

   <jsp:include page="footer.jsp" /> <%-- Application footer --%>

   <jsp:include page="includeJS.jsp" /> <%-- All of my JS file includes --%>
</body>
</html>

当然,您所遵循的可能完全取决于您的要求和需要。我的约定可能是也可能不是对您来说最好的约定,但至少您可以大致了解人们如何安排他们的 JSP 页面

【讨论】:

  • 您好,您将如何在此结构中添加依赖于 JQuery 的页面特定 JS?
  • 没有。 IMO,页面特定的 JS 不能遵循这个约定。页面特定的 JS,顾名思义,应该只对该页面的范围可见。所以不管你遵循什么约定,页面特定的 JS 总是在它之上。但是是的,如果我的应用程序中大约 50% 的页面依赖于任何框架,如 JQuery,我可能会将其添加到 includeJS.jsp 中并将其包含在整个应用程序中,而不是在每个需要的页面上冗余地添加它。
  • 对不起,不知道有没有得到你的答复。假设您有以下代码:$(document).ready(..... $('#myElem').val()....)。如果它在 JQuery 之上声明,这将不起作用。如何/在哪里编写此代码以使其特定于页面并有效?
  • 只要确保您的 JQuery 始终包含在您的页面特定 javascript 之前
猜你喜欢
  • 2013-07-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-05-31
  • 1970-01-01
  • 1970-01-01
  • 2014-12-14
相关资源
最近更新 更多