2

这是学校作业。我被困住了。我将使用 servlet 并创建一个允许用户选择颜色的下拉菜单，然后更改背景以反映该颜色。然后，只要该 cookie 处于当前状态，该背景就会显示该颜色。为了澄清起见，这是作业中的问题：您需要构建一个 Servlet 来检查请求是否具有包含用户首选颜色的 cookie。如果请求没有此 cookie，您的代码将创建一个白色背景的 HTML 页面。该页面将用于收集用户的颜色偏好。该页面将包含一个下拉选择框，其中包含以下四个选项：选择、白色、蓝色和灰色。使用 JavaScript 确保用户选择了“选择”条目之外的其他内容。Javascript 应该使用事件监听器而不是内联来实现。如果用户没有做出有效的选择，则不允许提交。用户做出选择并提交页面后，您的代码会将用户的颜色偏好存储在 cookie 中，并生成一个页面，将背景设置为用户先前选择的颜色。cookie 仅在 30 秒内有效。注意：创建 cookie 后，导航回此 Servlet（不关闭浏览器）应呈现正确的背景，而无需请求用户再次提供信息。在 cookie 过期后，Servlet 应该再次向用户请求颜色偏好。用户做出选择并提交页面后，您的代码会将用户的颜色偏好存储在 cookie 中，并生成一个页面，将背景设置为用户先前选择的颜色。cookie 仅在 30 秒内有效。注意：创建 cookie 后，导航回此 Servlet（不关闭浏览器）应呈现正确的背景，而无需请求用户再次提供信息。在 cookie 过期后，Servlet 应该再次向用户请求颜色偏好。用户做出选择并提交页面后，您的代码会将用户的颜色偏好存储在 cookie 中，并生成一个页面，将背景设置为用户先前选择的颜色。cookie 仅在 30 秒内有效。注意：创建 cookie 后，导航回此 Servlet（不关闭浏览器）应呈现正确的背景，而无需请求用户再次提供信息。在 cookie 过期后，Servlet 应该再次向用户请求颜色偏好。导航回这个 Servlet（不关闭浏览器）应该呈现正确的背景，而不要求用户再次提供信息。在 cookie 过期后，Servlet 应该再次向用户请求颜色偏好。导航回这个 Servlet（不关闭浏览器）应该呈现正确的背景，而不要求用户再次提供信息。在 cookie 过期后，Servlet 应该再次向用户请求颜色偏好。

这是我的 Cookie Serlevt：

package edu.edgewood.servlet;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.Cookie;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * Servlet implementation class CookieServlet
 */
@WebServlet("/CookieServlet")
public class CookieServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;
    protected final static String PREFS_BGCOLOR = "prefs.bgcolor";
    protected String faveColor = DEFAULT_COLOR;
    protected final static String DEFAULT_COLOR = "white";

    public CookieServlet() {
        super();
    }

    /**
     * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse
     *      response)
     */
    @SuppressWarnings("unused")
    protected void doGet(HttpServletRequest request,
            HttpServletResponse response) throws ServletException, IOException {

        response.setContentType("text/html");
        final String PREFS_BGCOLOR = "prefs.bgcolor";
        PrintWriter printWriter = response.getWriter();

        Cookie[] cookie = request.getCookies();

        if (cookie == null) {
            printWriter.println("No Cookies");
            printWriter.println("</br>");
            renderPage(printWriter, false);

        } else {

            for (int i = 0; i < cookie.length; i++) {
                Cookie cookies = cookie[i];
                if (cookies.getName().equals(PREFS_BGCOLOR)) {
                    faveColor = cookies.getValue();
                    printWriter.println("This is your colored page"); //testing
                    //printWriter.println("<body bgcolor= 'PREFS_BGCOLOR'>"); //testing
                    printWriter.println("<body bgcolor=\"");
                    printWriter.print(faveColor);
                    printWriter.println("\">");
                    break;
                }

                printWriter.println(cookies.getValue());
            }
        }
    }

    private void renderPage(PrintWriter printWriter, boolean post) {
        printWriter.println("<html>");
        printWriter.println("<head >");
        printWriter.println("<script language='javascript' src='js/common.js'></script>");
        printWriter.println("</head>");
        printWriter.println("<body bgcolor= 'faveColor'>"); //determines background
        printWriter.println("Please choose a color");
        printWriter.println("<form action='CookieServlet' method='post'>"); 
        printWriter.println("<select id='colorid' onchange='if(this.value == '') this.selectedIndex = 1' name ='colorid'><option value='' disabled='disabled' selected='selected'>Please select a color</option> <option value='#FF0000'>Red</option> <option value='#0000FF'>Blue</option> <option value='#00FF00'>Green</option>");
        printWriter.println("<input type='button' id='submitBtn' value='Submit' onClick=getElementById('colorid').value/>");
        printWriter.println("</select>");
        printWriter.println("</br>");
        printWriter.println("</form>");
        printWriter.println("<script language ='javascript'>addControlListeners();</script>");
        printWriter.println("</body>");
        printWriter.println("</html>");
    }

    /**
     * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse
     *      response)
     */
    protected void doPost(HttpServletRequest request,
            HttpServletResponse response) throws ServletException, IOException {

        Cookie cookie = new Cookie(PREFS_BGCOLOR, faveColor);
        cookie.setMaxAge(10);
        response.addCookie(cookie);
    }

}

目前，初始页面呈现黄色......不知道这是从哪里来的。然后我在下拉列表中选择一种颜色并单击提交。提交按钮未验证，但随后进入空白屏幕。然后，当 cookie 仍然处于活动状态并且页面呈现白色并显示我的文本时，我返回页面。任何帮助是极大的赞赏。谢谢你。

4

1 回答 1

0

<html>
<head>
<title> 颜色选择
<script>
function checkOption() {
   var opt = document.frm.color.value;
   if(opt == "")
   {
      window.alert("请选择颜色");
      document.frm.color.focus();
      返回假；
}
}
</script>
<body>
<form name="frm" method="post" action="ColorServlet" onSubmit="return checkOption()">
颜色：
<option vlaue="" selected>选择颜色
<option value ="red">红色
<option vlaue="green">绿色
<




</html>

于 2013-05-27T05:36:37.397 回答