0

私はJavaで小さなWebアプリケーションを書いています。エンドユーザーが本の詳細とこの本の評価を表示するときに、ライブラリ内の本の評価システムを作成したいと考えています。http://tech.pro/tutorial/931/how-to-build-a-star-ratings-jquery-pluginを使用 して実装します。私の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>

私はNetbeansを使用し、WEB-INF内に「css」および「js」という名前のフォルダーを作成します。私が持っているcssフォルダーの内側:

css --> jquery.ratings.css と星の写真

およびjsフォルダー内:

js --> jquery.ratings.js および jquery-1.3.2.min.js および example.js

しかし、アプリを実行すると星が表示されません。誰でも私を助けることができますか?

私の英語ですみません。

4

1 に答える 1

0

CSS ファイルと JS ファイルは、ブラウザーでダウンロードする必要があります。そして WEB-INF はまさに、プロワーが何もダウンロードできないディレクトリです。これには、webapp に対して非公開にしておく必要がある構成、クラス、および jar ファイルが含まれています。したがって、これらのファイルを WEB-INF に配置しないでください。

ブラウザのアドレス バーに表示されるhttp://localhost/myApp/foo/bar.jspURL が で、JSP 内の相対 URL が の場合../js/example.js、ブラウザは URL にある JS ファイルをダウンロードしますhttp://localhost/myApp/js/example.js。その場合、JS ファイルはjs、Web アプリケーションのルートのすぐ下にある という名前のディレクトリにある必要があります。

URL がhttp://localhost/myApp/foo/bar/baz/bang/bing.jspの場合、ブラウザは URL で JS ファイルを探しますhttp://localhost/myApp/foo/bar/baz/js/example.js。私のアドバイス: JS および CSS ファイル (およびその他すべてのファイル) に相対パスを使用しないでください。絶対パスを使用:

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

そうすれば、ページの URL が何であれ、ブラウザーは常に URL で JS ファイルを探しますhttp://localhost/myApp/js/example.js

于 2013-04-20T15:47:33.820 に答える