javascript - 定义 HTML 应用程序工作流程的元语言

Question

我正在寻找一种方法来语言独立地表达 HTML 应用程序的工作流。如果用户在表单中填写某些值，则应显示另一个表单。此外，如果填写了值，则应在该子表单中显示这些子表单的新部分。

我想表达 HTML 表单之间的关系、这些表单中的 HTML 元素以及这些元素的值。

基于数据库信息，比如表字段和表关系，我通过 Doctrine 管理，我生成 ExtJS 表单。

现在我必须引入一些流程逻辑到我的 ExtJS 表单中，这样我就不会直接使用 ExtJS (JavaScript) 代码对应用程序流程进行硬编码。

我想根据预定义的配置文件在运行时生成适当的 JavaScript 代码。

例如:

我有 X 个表格

FORM 1. (displayed on startup)
 |
 |-> FROM 1.1 (only display after values have been inserted into FORM 1.)
 |
 |-> FROM 1.2 (only display after values have been inserted into FROM 1.1)
 |
FROM 2. (display when something inserted into FORM 1.)
 |
 |-> FROM 2.1 (layout and elements of this form depend upon what has been 
     inserted into FROM 1.)
 ....  

此外，我只想在用户在输入字段中填写内容时显示部分表单

FORM 1. (displayed on startup)
 |
 |-> LAYER 1. (only display/activate after field <count> of FROM 1. 
 |   has been filled in)
 |
 |-> LAYER 2. (only display/activate after field <count> of LAYER 1. 
 |   has been filled in)
 |
 ....

然后我只想在用户填写表单元素的值时显示表单通过预定义的条件

FORM 1 (displayed on startup)
 |
 |-> FROM 1.1 (only display if field <count> of FROM 1. is greater that 10
 |   count > 10)
 |
 |-> FROM 1.2 (if count < 10 display this form)
 |
 ....  

最后我想根据用户在父表单中插入的值，设置规则来限制输入元素的输入范围(可能的值)

这是一个示例工作流程

是否已经有元语言来定义这样的关系？

您会采用什么方法来实现这样的目标？

问候，

J.

Answer 1

我会做的是从在另一个领域使用类似设置的其他工具/项目开始，看看您是否可以将它的技术应用到您自己的领域。

例如，看看 Cucumber (http://cukes.info/)。 Cucumber 是一种行为驱动的开发工具，旨在对应用程序进行功能测试。它使用人类可读的测试语法。另一个是 Selenium (http://seleniumhq.org/)，其中界面交互性是用领域特定语言描述的。

希望这两个能给你一些解决方案的灵感，祝你好运

罗布