2013-04-20 103 views
0

我正在用Java編寫一個小型Web應用程序。當最終用戶查看本書的書籍和評分細節時,我想爲圖書館中的書籍創建評分系統。我使用 http://tech.pro/tutorial/931/how-to-build-a-star-ratings-jquery-plugin來實現它。 我的JSP頁面:無法在jsp中實現星級評分系統

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> 
<%@ taglib prefix="s" uri="/struts-tags" %> 
<?xml version="1.0" encoding="UTF-8" ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
<head> 
    <title>Star rating demo</title> 
    <link type="text/css" rel="stylesheet" href="../css/jquery.ratings.css" /> 
    <script src="../js/jquery-1.3.2.min.js"></script> 
    <script src="../js/jquery.ratings.js"></script> 
    <script src="../js/example.js"></script> 
    <s:head/> 

</head> 
<body> 

    <div id="example-1"></div> <br /> 
    Your Rating: <span id="example-rating-1">not set</span> 
    <br /><br /> 
    <div id="example-2"></div> <br /> 
    Your Rating: <span id="example-rating-2">not set</span> 
    <h1><s:text name="welcome" /></h1> 

</body> 

,但明星們不browser.I顯示使用NetBeans和創建名稱 'CSS' 和「css文件夾我的js'.inside WEB-INF文件夾內有:

CSS - > jquery.ratings.css和圖片恆星

和JS文件夾:

JS - > jquery.ratings.js和jQuery-1.3.2.min.js和example.js

但是當我運行應用程序,星光不顯示。誰能幫我?

對我的英語打擾。

+0

WEB-INF下的所有內容都無法從外部訪問。該目錄包含必須對Web應用程序保密的文件。不要把你的CSS和JS文件放在那裏。 – 2013-04-20 14:53:01

+0

感謝您的解釋。所以我應該如何在jsp中設置文件路徑?我把css和js文件夾放在WEB-INF之外,請在jsp頁面設置它們的路徑? – sahar 2013-04-20 15:37:13

+0

我想我們只能訪問jsp頁面中WEB-INF內的文件夾。這是錯的嗎? – sahar 2013-04-20 15:39:58

回答

0

CSS文件和JS文件必須由瀏覽器下載。而WEB-INF恰恰是一個可以從prower下載任何東西的目錄:它包含必須保持webapp專用的配置,類和jar包。所以你不應該把這些文件放在WEB-INF中。

如果瀏覽器地址欄中顯示的URL是http://localhost/myApp/foo/bar.jsp,並且您在JSP中的相對URL是../js/example.js,那麼瀏覽器將在URL http://localhost/myApp/js/example.js下載JS文件。所以在這種情況下,JS文件應該位於一個名爲js的目錄中,該目錄位於web應用程序的根目錄下。

如果URL是http://localhost/myApp/foo/bar/baz/bang/bing.jsp,那麼瀏覽器將在URL http://localhost/myApp/foo/bar/baz/js/example.js處查找JS文件。我的建議是:不要使用JS和CSS文件的相對路徑(事實上,對於其他任何事情)。使用絕對路徑:

<script src="<c:url value='/js/example.js'/>"></script> 

這樣一來,無論頁面的URL,瀏覽器總是會JS文件的URL http://localhost/myApp/js/example.js

+0

感謝您的解釋。我更改文件路徑,但不知道js和css文件。 – sahar 2013-04-20 16:03:54

+0

如果您需要更多幫助,您需要詳細說明一下。只是說「它不起作用」根本沒有幫助。 – 2013-04-20 16:27:11