问题标签 [page-flow]

以图形方式表示页面流的最佳方式是什么，适用于面向操作的 Web 应用程序？

您使用什么模型来表示包含页面（视图）的页面流（页面流程图）、对这些视图（事件）和流程的用户操作？

这些图表应作为理解业务领域专家（例如指定电子商务网站的人）、技术分析师（负责设计 Web 应用程序的人）和 Web 开发人员（负责实施解决方案的人）之间的起点)

我不是在寻找一个软件解决方案来帮助我绘制这些图表，我也不是在寻找一个 Web 流框架来让我在软件中实现这些页面流。

但是，我正在寻找一个使用铅笔和纸绘制页面流程的好方案

例如，一个好的答案可能如下

• 带有大写字母标签的矩形代表页面
• 带有小写标签的箭头表示用户操作
• 带有大写字母标签的钻石代表一个过程
• 入口点始终从左侧（箭头从左侧进入页面）
• 退出点始终从右侧（箭头从右侧走出页面）

如果有一个公认的标准，或者如果这个问题空间实际上是一个存在标准的更大问题空间的特定情况，请强调这一点。

本着 Stack Overflow 的精神，请每个答案一个方案，并投票而不是重复

我喜欢 Spring WebFlow 的想法——尤其是流定义从 Spring Bean Container 中的组件抽象出更高级别的 Web 流的方式。

流定义格式似乎包含了 Web 流中所需的一切——视图、操作、转换、子流、结果等。

您认为 Spring WebFlow 流定义格式是否适合将 Web 流外部化为非 Spring 框架？一些不使用 Spring 甚至 Java 的底层组件。

请记住，我只考虑页面流，而不是一般工作流或 BPEL 类型的东西

我正在对 WebCenter 提供的 portlet 进行一些研究，但是在它们之间传输参数时遇到了一些问题。我的想法是创建 2 个 portlet：一个部门 portlet，我可以在其中选择一个部门 ID，它作为参数发送给第二个 portlet，员工，所以我将有一个包含来自指定部门的相应员工的表。这 2 个 portlet 是基于一些页面流构建的。部门 portlet 工作正常，但对于员工 portlet，我遇到了一些问题。

对应于员工的 JSP 页面片段有一个基于 ViewObject 的表，该表后面有一个基于绑定变量的查询。我创建了一个EmployeesBean，其中我有一个方法，它接受接收到的参数并使用这个绑定变量执行查询。这是代码：

我还在employees.jsff 上拖了getEmployees() 方法，所以如果我转到页面定义，我有一个绑定，它将确定每次出现事件时要执行的getEmployees 方法。如果我创建事件映射，所有这些与部门.jsff 混合在 .jspx 页面中工作

现在我正在尝试将这个任务流转换为一个 portlet。在为页面流创建 portlet 条目后，我需要创建一个导航参数，我在 employees.xml 中执行此操作：

一切正常，但是当我尝试将其用作 WebCenter 应用程序中的 portlet 时，当我选择一个部门时，departmentId 被传输到员工 portlet 时，会调用 selectDepartment，但永远不会调用 getEmployees()（事件没有传播），所以我的表中没有返回数据。我是 Portlet 的初学者，我看不出问题出在哪里。谁能给我一些想法？

我有一个包含 4 个步骤的页面流，

而且我想在页面流中添加一个规则/状态，这样如果我返回页面流中未定义的导航，它将进入故障安全状态。

这样做的目标是能够定义带有一些预定义链接的模板，并且能够跳转到模板中定义的任何链接，而不会中断页面​​流。

这可能吗？

谢谢，我很感激任何帮助。

在我的戏里！应用程序，我已将 controllers.Security 编码为

我已将路线设置为

当我在一个页面上说 pageX 并单击登录链接时，会出现登录表单并且我可以登录。如果我以 admin 身份登录，它会将我带到 Admin.index() 并由此进入 Admin/index.html观点。到目前为止一切都很好

但是，当我在 pageX 上并单击登录链接时，我希望回到 pageX。相反，Application.index() 方法被调用，我被带到 Application.index.html .. 这是预期的吗行为？登录后我需要做什么才能访问 pageX？

更新：

我尝试使用安全控制器中的 @Before 将 URL 存储在闪存中

当我登录时，我得到这些终端输出

我已将登录/注销链接放在 main.html 模板中，该模板由所有其他页面继承

在使用 Play 框架构建的网络应用程序中，我有一个结帐页面，其中列出了用户的购物车以及地址表单。我将地址表单创建为标签 (addressform.html)，以便可以重复使用。

结帐.html：

地址表单有一个表单元素#{form @setAddressInfo()}

它调用如下控制器方法

如果一切顺利，将进入支付页面。

当我想addressform在我的confirmOrder页面上重用时会出现问题。

确认订单.html：

在这里，如果用户更改地址并提交表单，该setAddressInfo()方法将在成功完成后打开支付页面。这不好——用户可能根本不想更改付款信息。此外，我为那些想要更改付款信息的用户提供了一个付款页面链接。我希望显示相同的 OrderConfirm 页面，以便用户可以单击Submit Order按钮。

那么我该怎么做呢？在这种情况下，我肯定可以重用地址表格，对吗？你能帮我弄清楚在这种情况下如何管理页面流吗？

简要地：

如何在 CSS 中布置 N 列随机高度的 portlet，以便如果调整浏览器大小，减少列的数量（使用 @media (min-width:)）并且 portlet 仍然很好地放在页面上没有间隙。

这类似于将 多个固定宽度/可变高度框浮动到 2 列中 ，但更通用。

细节：

我已经构建了一个 Web 应用程序（PHP / Zend 框架），其中包含一个由一系列 portlet 组成的“仪表板”页面。Portlet 可以在流畅的布局中排列成 1、2、3 或 4 个等宽列（用户可选择）。当用户调整浏览器窗口的大小时，列会扩展以填充可用宽度，portlet 也会水平扩展。每个 portlet 的垂直高度由其内容定义。有些只有 1-2 行，有些可以是 30-40+ 行的文本/表格/图像等。

我想把它变成“响应式设计”，这样用户就不必选择列数。在小屏幕（例如 iPhone）上，只会显示一列。在宽屏幕上，它们可能有 4 或 5 列。如果调整浏览器窗口的大小，列数将向上或向下调整以允许 portlet 保持大约 300-400 像素宽。

我想我可以用一点 jQuery 和一些服务器端支持 (PHP) 来做到这一点，但如果可能的话，我更愿意在 CSS 中完成这一切（没有/最少的 javascript）。

在此处的主要产品图片下方：http ://www.ivault.sg/shop/audio/speakers/bowers-wilkins-mm1-speakers 线条和图片之间有一个空格，该空格未在 CSS 中指定。

使用 firefox 检查元素不会显示任何会产生该空间的 css 填充/边距。

哪个css属性导致了这个？

我正在尝试将一个相当复杂的页面流（100 多页）实现为传统的 Web 应用程序。我找到了一些选择，但没有一个是 100% 令人信服的

1. 将流程硬编码到控制器中，进行重定向等。这显然不是维护的最佳选择
2. JSF 不仅处理流程，还要求使用 JSF 作为视图技术。我不喜欢这种锁定
3. 春季网络流。当前版本 2.3.1 定义了不易维护的 XML 流。即将发布的 3.0 版本承诺在纯 java 中使用注释定义流，但它甚至没有时间表。此外，项目开发在过去几年显着放缓。
4. GWT 和 Vaadin 的概念更接近于传统的桌面应用程序，然后是 Web 应用程序，使用起来确实很方便，但它不适合我的项目。

另外我发现了几十个这样的废弃项目：http: //javasteps.sourceforge.net/

我想知道为什么所有这些项目都被放弃了，2012年实现复杂页面流的方法是什么？

假设我有一个按字母顺序排列的跨度列表。通常使用 html，如果我创建一堆，比如 display:inline-block，它们会显示如下：

并且将在页面允许的范围内进行。

我怎样才能有一个固定的高度，然后向下堆叠直到它填满，然后像这样转到下一列：

其中每个方块都是一个包含元素。

这是一个有限的例子，我不希望它特别高 3，我不希望它填满它给出的任何垂直空间，然后继续下一列。