我的第一个反向 ajax 应用程序

我想了解反向ajax，我找到了一个名为ICEPush的小工具，我认为这可能是一个很好的起点。我在实现一个非常简单的应用程序时遇到问题。我正在学习本教程，但我使用的是 Glassfish 3.1 而不是 Tomcat，而是使用 NetBeans 7.1 而不是 Eclipse

。

我完全按照教程中所说的做了，请参阅我的代码。这是将成为 Ajax 推送目标的页面：

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Easy Ajax Push - Color</title>
    </h:head>
        <h:body>
            <h:dataTable value="#{messageBean.textList}" var="current">
                <h:column>
                    <h:outputText value="#{current.text}"
                                  style="color: #{current.color};"/>
                </h:column>
            </h:dataTable>
            <hr width="100%"/>
            <h:form>
                <h:panelGrid columns="4">
                    Choose a Color:
                    <h:commandButton value="Red"
                                     action="#{colorBean.chooseColor}"
                                     style="color: white; background-color: red;">
                        <f:setPropertyActionListener target="#{colorBean.color}" value="red"/>
                    </h:commandButton>
                    <h:commandButton value="Blue"
                                     action="#{colorBean.chooseColor}"
                                     style="color: white; background-color: blue;">
                        <f:setPropertyActionListener target="#{colorBean.color}" value="blue"/>
                    </h:commandButton>
                    <h:commandButton value="Green"
                                     action="#{colorBean.chooseColor}"
                                     style="color: white; background-color: green;">
                        <f:setPropertyActionListener target="#{colorBean.color}" value="green"/>
                    </h:commandButton>
                </h:panelGrid>
            </h:form>
        </h:body>
</html>

以下是所需的 2 个托管 Bean：彩豆.java

@ManagedBean(name="colorBean")
@ViewScoped
public class ColorBean implements  Serializable {
   private static final String PUSH_GROUP = "colorPage";
    @ManagedProperty(value="#{messageBean}")
    private MessageBean messageBean;
    private String color = "black";
    private String sessionId;
    public ColorBean() {            
                PushRenderer.addCurrentSession(PUSH_GROUP);
        FacesContext fcontext = FacesContext.getCurrentInstance();
        HttpSession session = (HttpSession)fcontext.getExternalContext().getSession(false);
        sessionId = session.getId();
    }
    public void setMessageBean(MessageBean messageBean) {
        this.messageBean = messageBean;
    }
    public String getColor() {
        return color;
    }
    public void setColor(String color) {
        this.color = color;
    }
    public String chooseColor() {
        messageBean.addToList(sessionId, color);
                PushRenderer.render(PUSH_GROUP);
        return null;
    }
}

消息豆.java

@ManagedBean(name="messageBean")
@ApplicationScoped
public class MessageBean implements  Serializable {
    private static final int MAX_SIZE = 25;
    private List<TextModel> textList = new ArrayList<TextModel>(0);
    public MessageBean() {
    }
    public List<TextModel> getTextList() {
        return textList;
    }
    public void setTextList(List<TextModel> textList) {
        this.textList = textList;
    }
    public void addToList(String sessionId, String color) {
        textList.add(makeTextModel(sessionId, color));
        if (textList.size() > MAX_SIZE) {
            textList.clear();
        }
    }
    private TextModel makeTextModel(String sessionId, String color) {
        return new TextModel("User with session ID of " + sessionId + " selected color "" + color + "".",
                             color);
    }
}

还有一个简单的pojo来表示所呈现的文本。文本模型.java

public class TextModel implements Serializable {
    private String text;
    private String color;
    public TextModel() {
    }
    public TextModel(String text, String color) {
        this.text = text;
        this.color = color;
    }
    public String getText() {
        return text;
    }
    public void setText(String text) {
        this.text = text;
    }
    public String getColor() {
        return color;
    }
    public void setColor(String color) {
        this.color = color;
    }
    public String toString() {
        return text;
    }
}

我正在使用IceFaces版本3.0.1，这就是我的网络.xml的样子：

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="3.0" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd">
    <context-param>
        <param-name>javax.faces.PROJECT_STAGE</param-name>
        <param-value>Development</param-value>
    </context-param>
    <context-param>
        <param-name>javax.faces.STATE_SAVING_METHOD</param-name>
        <param-value>server</param-value>
    </context-param>
    <context-param>
        <param-name>javax.faces.FACELETS_SKIP_COMMENTS</param-name>
        <param-value>true</param-value>
    </context-param>
    <context-param>
        <param-name>org.icefaces.mandatoryResourceConfiguration</param-name>
        <param-value/>
    </context-param>
    <context-param>
        <param-name>org.icefaces.ace.theme</param-name>
        <param-value>sam</param-value>
    </context-param>
    <context-param>
        <param-name>javax.faces.VALIDATE_EMPTY_FIELDS</param-name>
        <param-value>false</param-value>
    </context-param>
    <context-param>
        <param-name>com.icesoft.faces.gmapKey</param-name>
        <param-value>ABQIAAAADlu0ZiSTam64EKaCQr9eTRTOTuQNzJNXRlYRLknj4cQ89tFfpxTEqxQnVWL4k55OPICgF5_SOZE06A</param-value>
    </context-param>
    <servlet>
        <servlet-name>Faces Servlet</servlet-name>
        <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet>
        <servlet-name>Resource Servlet</servlet-name>
        <servlet-class>com.icesoft.faces.webapp.CompatResourceServlet</servlet-class>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>Faces Servlet</servlet-name>
        <url-pattern>/faces/*</url-pattern>
    </servlet-mapping>
    <servlet-mapping>
        <servlet-name>Faces Servlet</servlet-name>
        <url-pattern>*.jsf</url-pattern>
    </servlet-mapping>
    <servlet-mapping>
        <servlet-name>Faces Servlet</servlet-name>
        <url-pattern>/icefaces/*</url-pattern>
    </servlet-mapping>
    <servlet-mapping>
        <servlet-name>Resource Servlet</servlet-name>
        <url-pattern>/xmlhttp/*</url-pattern>
    </servlet-mapping>
    <session-config>
        <session-timeout>
            30
        </session-timeout>
    </session-config>
    <welcome-file-list>
        <welcome-file>faces/index.xhtml</welcome-file>
    </welcome-file-list>
</web-app>

这段代码给了我 3 个问题：

1 - 当我运行应用程序并单击 3 个按钮中的某些按钮时，得到一个异常，说我不能在另一个按钮中使用一个托管 bean，因为它们的范围不兼容：

警告：排队的异常 javax.faces.Faces异常：无法创建管理豆色豆。发现以下问题： - 表达式 #{messageBean}(请求(引用的对象范围短于引用托管 Bean(colorBean( 视图范围

2 - 在控制台中，我一直看到一条消息，上面写着：

警告：PWC4011：无法将请求字符编码设置为 UTF-8 来自上下文/ReverseAjax示例，因为请求参数具有已经被读取，或者 ServletRequest.getReader(( 已经被读取叫

3 - 如果我在托管 Bean 中将@ApplicationScope更改为 @ViewScope，将@ViewScope更改为@ApplicationScope，第一个问题就会消失，我可以看到应用程序是如何工作的，但反向 ajax 不起作用，因为其他浏览器不显示更改。而且我总是在控制台中看到警告PWC4011

我从未使用过反向Ajax，但我从理论角度理解它。如果您能帮我修复这个简单的应用程序，我将不胜感激。

很多

时候，我花了几个小时进行调试，而错误的原因只是最简单的事情。

在这里，我回答了我自己的问题，表明我的错误是多么愚蠢：

而不是使用

javax.enterprise.context.ApplicationScoped

我应该使用

javax.faces.bean.ApplicationScoped

原因是我没有使用上下文和依赖注入，我只是使用 JSF 托管的 bean。

多亏了这一点，我才记住它，我只是重构了导入，仅此而已Ctrl+空格不喜欢我:)

相关内容

最新更新

热门标签：