构建能够产生优雅用户体验的JSF应用程序时的最佳实践

Question

我正在为我的JSF应用程序使用PrimaFaces和Mojarra实现。当我整理应用程序时，我使用公司/ app徽标和primefaces小部件（小部件本身看起来很棒！），它们具有jQuery的外观和感觉。问题是应用程序最终看起来非常相似，有点盒式外观 - 文本框，数据表等。与html / css设计人员/开发人员手动编码相比，外观无处可寻。

当您开发企业JSF应用程序时，您使用哪些最佳实践来确保用户友好的美观？

Answer 1

我不确定你在寻找什么，但在开发速度和外观之间需要权衡。也就是说，在我们的商店中，我们使用PrimeFaces并让开发人员使页面“正常工作”。然后由xhtml / css设计师跟进，他们清理页面和控件的外观。如果您还没有，请查看样式部分。在改变控件的外观方面有相当大的灵活性。当然，它们仍然是分层的，预定义的控件。

编辑：您可以使用css设置控件的各个部分的样式。所以在这里我们改变标题栏的外观：

.bottomViewItem .ui-panel-titlebar{ 
    background: none;
    border: none;
    box-shadow: none;
    padding: 5px;
    margin: 0.1em 16px 0.2em 0;
}

在这里我们改变标题外观：

.bottomViewItem .ui-panel-titlebar span.ui-panel-title{
    color: #E27C4C !important;
    font-family: Rockwell, Georgia, Arial !important;
    font-size: 18px !important;
    margin: 0.1em 16px 0.2em 0;
    text-shadow: none;
}