如何在導入CS和JS時構建JSP頁面？

我開始一個JSP項目，我想定義如何在頁面中組織CSS/JS導入，以免它變得混亂。我想CSS來在文件和JS在年底開始進口，所以我想這個結構如何在導入CS和JS時構建JSP頁面？

頁：

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

的理念是：

頭.jsp：包含頭標記（包括css導入）和起始主體標記
mypage.jsp：是頁面本身，包含jsp命令，並導入頁面特定的css文件
jsscripts.jsp具有網站的默認JS腳本
mypage.jsp：又是頁面本身。導入特定於此頁面的JS文件
footer.jsp具有頁腳html結束關閉html標記。

我在這裏看到的唯一問題是頁面特定的CSS將在body標籤中，而不是在head標籤中。這是構建JSP頁面的常用方式還是更好的方法？

謝謝！

來源

2014-01-27 JSBach

另一個問題是標題。您必須將其作爲參數傳遞給header.jsp，否則您的頁面將具有相同的標題。 – developerwjk

很好，趕快，謝謝！ – JSBach

我可以分享你什麼約定我跟

<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頁面的要點

來源

2014-01-28 08:06:00

嗨，你會如何添加一個頁面特定的JS依賴於JQuery，例如，在這個結構中？ – JSBach

編號IMO，頁面特定的JS不能遵循這個約定。顧名思義，頁面特定的JS應該只在該頁面的範圍內可見。所以不管你遵循什麼約定，頁面特定的JS總是會在它之上。但是，是的，如果我的應用程序中大約50％的頁面依賴於任何像JQuery這樣的框架，我可能會將其添加到includeJS.jsp並將其包含在整個應用程序中，而不是在每個所需的頁面上冗餘添加它。 –

對不起，我不知道我是否得到了你的答案。想象一下你有下面的代碼：$（document）.ready（..... $（'＃myElem'）。val（）....）。如果它在JQuery之上聲明，這將不起作用。如何/將在哪裏編寫此代碼，以便它專用於該頁面並起作用？ – JSBach

如何在導入CS和JS時構建JSP頁面？

回答

相關問題