得空写的基于web的工作流表单设计器，大家看看怎么样

以前贴出了旧版本的截图，应 @pucxin 的要求，贴出新版本的截图

 

这个版本修改了不少地方，主要是强化了运行时的功能。

PS: 因为不是开源软件，所以就不贴代码了

 

 

设计器截图：

 

 

运行时编辑：

 

 

查看：

 

 

 

评论

24 楼 caiye1985 2014-06-15  

看上去比较简陋，是纯html的表单设计器还是基于某些js框架的
[e-mail], 可以交流一下

23 楼 szwangdf 2014-05-31  

能给分享一下源码么？我想参考下么，万分感谢啊  [e-mail]

22 楼 abc3720 2014-04-16  

能 给份  源码 参考下 么   lz   感激啊  [e-mail]

21 楼 mikab 2014-03-20  

我也搞了套纯JS的表单设计器，

大家有兴趣可以看看，http://freedap.duapp.com/freedap/loader.htm?{application:'shell_templatemgmt',action:'templates_add'}

欢迎洽谈合作。

20 楼 gaobing1106 2014-02-21  

能分享一下源码吗 ？  谢谢了  我的QQ邮箱：[e-mail]

19 楼 xingchensuifeng 2013-11-13  

zuoming99 写道

xingchensuifeng 写道

zuoming99 写道

xingchensuifeng 写道

您好，问个问题，添加元素到画布后，选中一个或多个控件是怎么做的？比如说按钮，单击时，属性窗格显示了属性，按钮本身被选中，恩，要能看到选中效果，我用了jqueryeasyui的拖拽和重置大小，但是那个选中的效果不知道怎么实现，能不能解释个？我的邮件[e-mail],邮件联系，谢谢！

没太看明白你的意思，你指的“选中的效果”是指什么？能说详细点吗？

嗯，就那种点一下，出现个边框包住，8个点的那种。一直没搞出来

可以在目标元素的位置覆盖一个透明的层A，在这个div中利用相对定位放上8个小方块，然后实时同步层A和目标元素的位置和尺寸

好久没搞那个了，还是非常感谢您的回答。

18 楼 zuoming99 2013-11-05  

xingchensuifeng 写道

zuoming99 写道

xingchensuifeng 写道

您好，问个问题，添加元素到画布后，选中一个或多个控件是怎么做的？比如说按钮，单击时，属性窗格显示了属性，按钮本身被选中，恩，要能看到选中效果，我用了jqueryeasyui的拖拽和重置大小，但是那个选中的效果不知道怎么实现，能不能解释个？我的邮件[e-mail],邮件联系，谢谢！

没太看明白你的意思，你指的“选中的效果”是指什么？能说详细点吗？

嗯，就那种点一下，出现个边框包住，8个点的那种。一直没搞出来

可以在目标元素的位置覆盖一个透明的层A，在这个div中利用相对定位放上8个小方块，然后实时同步层A和目标元素的位置和尺寸

17 楼 xingchensuifeng 2013-05-06  

zuoming99 写道

xingchensuifeng 写道

您好，问个问题，添加元素到画布后，选中一个或多个控件是怎么做的？比如说按钮，单击时，属性窗格显示了属性，按钮本身被选中，恩，要能看到选中效果，我用了jqueryeasyui的拖拽和重置大小，但是那个选中的效果不知道怎么实现，能不能解释个？我的邮件[e-mail],邮件联系，谢谢！

没太看明白你的意思，你指的“选中的效果”是指什么？能说详细点吗？

嗯，就那种点一下，出现个边框包住，8个点的那种。一直没搞出来

16 楼 beiyeren 2013-02-21  

zuoming99 写道

beiyeren 写道

想问一下，你数据结构是怎么设计的。谢谢

数据分为这几个部分：HTML模板、元素样式、元素数据集配置、元素事件配置等，这几个都是分别存放的，在runtime环境下，将上述几个数据根据一定的规则组合起来，渲染为表单查看界面、编辑界面。

你好，我比较困惑数据是怎么存放的。
1、比如，某个表单第一次定义了10个元素，那这十个元素是动态在数据库中键一个表，然后有10个列。再存放数据吗？
2、如果变更了这个表单定义，是不是另外生成一个新表。
3、因为我是做javaee的，一般都是数据库某个表对应一个对象。所以我比较困惑这个场景下如何实现对象与数据库的对应。

谢谢

15 楼 zuoming99 2013-02-20  

beiyeren 写道

想问一下，你数据结构是怎么设计的。谢谢

数据分为这几个部分：HTML模板、元素样式、元素数据集配置、元素事件配置等，这几个都是分别存放的，在runtime环境下，将上述几个数据根据一定的规则组合起来，渲染为表单查看界面、编辑界面。

14 楼 zuoming99 2013-02-20  

xingchensuifeng 写道

您好，问个问题，添加元素到画布后，选中一个或多个控件是怎么做的？比如说按钮，单击时，属性窗格显示了属性，按钮本身被选中，恩，要能看到选中效果，我用了jqueryeasyui的拖拽和重置大小，但是那个选中的效果不知道怎么实现，能不能解释个？我的邮件[e-mail],邮件联系，谢谢！

没太看明白你的意思，你指的“选中的效果”是指什么？能说详细点吗？

13 楼 beiyeren 2013-02-17  

想问一下，你数据结构是怎么设计的。谢谢

12 楼 xingchensuifeng 2013-01-10  

您好，问个问题，添加元素到画布后，选中一个或多个控件是怎么做的？比如说按钮，单击时，属性窗格显示了属性，按钮本身被选中，恩，要能看到选中效果，我用了jqueryeasyui的拖拽和重置大小，但是那个选中的效果不知道怎么实现，能不能解释个？我的邮件[e-mail],邮件联系，谢谢！

11 楼 qianle540 2013-01-06  

可以商业合作不嘛，给个联系方式吧？

10 楼 qianle540 2012-12-18  

能否分享一下源码，万分感谢！
[e-mail]

9 楼 liuyuhui5300 2012-12-03  

求源码啊！！谢谢。[e-mail]

8 楼 zuoming99 2012-10-29  

fengdonngming 写道

  是用javaEE平台开发的吗？具体怎么弄啊，我纠结很久了，没有任何成果。给点指导吧，多谢。联系方式：[e-mail]    361185301   希望您可以给点指导。多谢。

实现比较复杂，但思路很简单，比如：
1. 画布
-- 画布就是一个普通的div而已
2. 添加元素到画布
-- 每种元素都有一个方法来创建HTML结构。添加元素时，生成元素的HTML结构，取得鼠标点选的坐标，然后将HTML代码插入画布中即可。
3. 视图
-- 添加元素到画布中时，分析元素的主要结构（如TabPanel分为TabHead和TabBody，TabHead又包含Tab，TabBody又包含TabContent），然后生成对应的视图节点。
4. 属性
-- 属性编辑器只是读取和修改HTML元素的属性而已，如果有复杂的需求，就写自定义属性，然后在运行时进行判断，然后自己写渲染代码即可。
……

7 楼 fengdonngming 2012-10-26  

  是用javaEE平台开发的吗？具体怎么弄啊，我纠结很久了，没有任何成果。给点指导吧，多谢。联系方式：[e-mail]    361185301   希望您可以给点指导。多谢。

6 楼 zuoming99 2012-09-07  

tengdong 写道

给点思路嘛？

有疑问随便问吧

5 楼 zuoming99 2012-09-07  

zengdingshan 写道

可否提供一份源码，学习！谢谢！[e-mail]

不好意思哦，这个版权不属于我的