Wicket 为什么在新标签页中打开链接时页面会过期？

Question

我正在使用以下规格（来自 pom.xml）构建一个 wicket bootsrap Web 应用程序：

检票口版本：6.15.0

wicket-bootstrap-core.version：0.9.3-SNAPSHOT

我有一个基本页面，它是我其他页面的父页面，并添加了一个标记顶部的水平导航栏，其中包含关键组件：

BootstrapBookmarkablePageLink 扩展了 BookmarkablePageLink

这是我的 BasePage.java 的一部分

public abstract class BasePage extends GenericWebPage<Void> {

private static final long serialVersionUID = 1L;
String username;

public WicketApplication getApp() {
    return WicketApplication.class.cast(getApplication());
}

public BasePage(final PageParameters parameters) {
    super(parameters);

    // Read session data
    cachedUsername = (String)
BasicAuthenticationSession.get().getAttribute("username");

    // create navbar
    add(newNavbar("navbar"));

}

/**
 * @return application properties
 */
public Properties getProperties() {
    return WicketApplication.get().getProperties();
}

/**
 * creates a new {@link Navbar} instance
 *
 * @param markupId
 * The components markup id.
 * @return a new {@link Navbar} instance
 */

protected Navbar newNavbar(String markupId) {
    Navbar navbar = new Navbar(markupId) {
        private static final long serialVersionUID = 1L;

        @Override
        protected TransparentWebMarkupContainer newCollapseContainer(String  
componentId) {
            TransparentWebMarkupContainer container = 
super.newCollapseContainer(componentId);
            container.add(new CssClassNameAppender("bs-navbar-collapse"));
            return container;
        }
    };

    navbar.setPosition(Navbar.Position.TOP);
    // navbar.setInverted(true);

    NavbarButton<Void> myTab = new NavbarButton<Void>(MyPage.class, new  
PageParameters().add("name", "")
            .add("status", "All").add("date", ""), Model.of("My page"));
    NavbarButton<Void> myOtherTab = new NavbarButton<Void>
(MyOtherPage.class, new PageParameters().add("status", "initial")
            .add("date", ""), Model.of("My other page"));


navbar.addComponents(NavbarComponents.transform(
Navbar.ComponentPosition.LEFT, 
myTab, myOtherTab));

    return navbar;
}
}

然后，MyPage 渲染一个过滤器表单，一个 html 表格，ajaxbuttons 和一些链接，我的一些组件是 ajax 组件：

public class MyPage extends BasePage {
private static final long serialVersionUID = 5772520351966806522L;
@SuppressWarnings("unused")
private static final Logger LOG = LoggerFactory.getLogger(MyPage.class);
private static final Integer DAYS = 270;

private DashboardFilteringPageForm filteringForm;
private CityInitialForm ncForm;
private String CityName;
private String startDate;
private CitysTablePanel citysTable;
private WebMarkupContainer numberOfNodes;

public MyPage(PageParameters parameters) throws ParseException {
    super(parameters);

    // get Citys list from repo
    final List<City> repoCitys = (List<City>) methodToGetCities();

    // select number of nodes
    numberOfNodes = new WebMarkupContainer("numberOfNodes") {
        private static final long serialVersionUID = 5772520351966806522L;
    };
    numberOfNodes.setOutputMarkupId(true);

    ncForm = new CityInitialForm("ncForm");

    // validation
    add(new FeedbackPanel("feedbackPanel")).setOutputMarkupId(true);
    ncForm.getNumberField().setRequired(true);

    ncForm.add(new AjaxButton("ncButton") {
        private static final long serialVersionUID = -6846211690328190809L;

        @Override
        protected void onInitialize() {
            super.onInitialize();
            add(newAjaxFormSubmitBehavior("change"));
        }

        @Override
        protected void onSubmit(AjaxRequestTarget target, Form<?> form) {

            // redirect to other page

        }

        @Override
        protected void updateAjaxAttributes(AjaxRequestAttributes 
attributes) {
            super.updateAjaxAttributes(attributes);
            attributes.getAjaxCallListeners().add(new 
DisableComponentListener(citysTable));
        }

    });

    numberOfNodes.add(ncForm);

    // filters
    CityName = parameters.get("name").toString() == null ? "" : 
parameters.get("name").toString();
    startDate = parameters.get("date").toString();

    filteringForm = new DashboardFilteringPageForm("filteringForm") {
        private static final long serialVersionUID = -1702151172272765464L;
    };

    // initialize form inputs
    filteringForm.setCityName(CityName);
    try {
        filteringForm.setStartDate(new SimpleDateFormat("EE MMM dd HH:mm:ss 
z yyyy", Locale.ENGLISH)
                .parse(getStartDate().equals("") ? 
CortexWebUtil.subtractDays(new Date(), DAYS).toString() : getStartDate()));
    } catch (Exception e) {
        setResponsePage(SignInPage.class, new PageParameters());
    }

    filteringForm.add(new AjaxButton("button") {
        private static final long serialVersionUID = -6846211690328190809L;

        @Override
        protected void onInitialize() {
            super.onInitialize();
            add(newAjaxFormSubmitBehavior("change"));
        }

        @Override
        protected void onSubmit(AjaxRequestTarget target, Form<?> paForm) {
            // retrieve Citys
            filterCitysAjax(target, "All");
        }

        @Override
        protected void updateAjaxAttributes(AjaxRequestAttributes 
attributes) {
            super.updateAjaxAttributes(attributes);
            attributes.getAjaxCallListeners().add(new 
DisableComponentListener(citysTable));
        }

    });

    filteringForm.getCityNameTextField().add(new OnChangeAjaxBehavior() {

        private static final long serialVersionUID = 1468056167693038096L;

        @Override
        protected void onUpdate(AjaxRequestTarget target) {
            try {
                filterCitysAjax(target, "All");
            } catch (Exception e) {
                System.out.println(e.getMessage());
            }

        }

        @Override
        protected void updateAjaxAttributes(AjaxRequestAttributes 
attributes) {
            super.updateAjaxAttributes(attributes);
            attributes.getAjaxCallListeners().add(new 
DisableComponentListener(citysTable));
        }
    });

    // new City link
    AjaxLink<Void> newCityLink = newCityLink("newCity", repoCitys);

    // Citys table
    citysTable = new CitysTablePanel("CitysTable", repoCitys);
    citysTable.setOutputMarkupId(true);

    // add components
    add(filteringForm, newCityLink, numberOfNodes, citysTable);

}


private void filterCitysAjax(AjaxRequestTarget target, String status) {

    methodToFilterResults();

    //  re-render table component 
    CitysTablePanel cityTableNew = new CitysTablePanel("CitysTable", citys);
    cityTableNew.setOutputMarkupId(true);
    cityTableNew.setVisibilityAllowed(true);
    cityTableNew.setVisible(true);
    citysTable.replaceWith(cityTableNew);
    target.add(cityTableNew);
    citysTable = cityTableNew;
    target.appendJavaScript(CortexWebUtil.TABLE_ODD_EVEN_ROWS);

}

private AjaxLink<Void> newCityLink(String string, final List<City> Citys) {

    final AjaxLink<Void> newCityLink = new AjaxLink<Void>(string) {
        private static final long serialVersionUID = -5420108740617806989L;

        @Override
        public void onClick(final AjaxRequestTarget target) {
                numberOfNodes.add(new AttributeModifier("style", 
"display:block"));
                target.add(numberOfNodes);
        }
    };

    // new City image
    Image newCityImage = new Image("newCityIcon", new 
ContextRelativeResource("/img/new_City_icon.png"));
    add(newCityLink);
    newCityLink.add(newCityImage);

    return newCityLink;

}

}

所以 MyPage 可以工作，但是当我在新选项卡中打开 MyOtherPage Link 并触发 MyPage 中的 ajax 组件（例如 AjaxButton）时，我会收到页面过期错误。

为什么会这样？ 我需要使用无状态页面吗？ (stateless link)

为什么在 wicket 中打开新选项卡中的链接并使用 ajax 组件会如此受欢迎？我一定是错过了什么..

Answer 1

以下是几个可能的原因：

• MyPage 序列化失败

  Wicket 将有状态页面存储在页面存储中（默认情况下在磁盘中）。稍后，当您单击有状态链接时，Wicket 会尝试加载该页面。首先，它在 http 会话中查找页面以实时形式保存（即未序列化）。如果在那里没有找到，Wicket 会在磁盘中查找。 Wicket 仅保留 Http 会话中最后一个用户请求中使用的页面（以保持较小的内存占用）。通过单击 MyOtherPage 链接，您将 MyOtherPage 的一个实例放入 Http 会话中，而（MyPage 的）旧实例仅在磁盘中。 但是：如果 MyPage 无法序列化为 byte[]，则它无法存储在磁盘中，因此以后的请求将失败并出现 PageExpiredException。

  待办事项：检查您的日志中的 NotSerializableException 以及原因的很好的调试消息。

• MyOtherPage 太大

  默认情况下，Wicket 在磁盘中每个用户会话最多写入 10M。如果 MyPage 是 2M，而 MyOtherPage 是 9M（两种尺寸都很大，但我不知道您的应用程序中发生了什么......）然后保存 MyOtherPage 将从磁盘中删除 MyPage。稍后加载 MyPage 的尝试将失败并出现 PageExpiredException。

  Todo：查看您对 Wicket 模型的使用情况。