实现基于浏览器的可视化编程(1)

好久没写blog了,最近比较烦,但也写了一点可以说说的作品

 

目前这样的可视化编程平台也有一些,象炎黄盈动的eos等,web可视化设计,是在CS方式下设计好了再发布过去,感觉不是一回事.

 

自己写了个在Web上实现可视化编程的东东,要解决的问题太多了,不能一一道来

 

先放几张截图

 

这是架构的一个设计,主要用到的有表单配置,数据源配置,操作配置,其他的有元数据配置,

 

程序员使用的流程为, 1.定义元数据(一个实体定义一次) 2.设计业务表单(同时定义与此表单相关的数据源) 3.定义操作(CRUD) 

 

比如

我想操作一个商品表,实现新增和编辑的功能

 

1 进入元数据配置,定义表名 Tabc ,字段 a1,b1,c1 主键为 id ,保存退出,要与数据库实体一样(可以自动生成)

  每个表单控件都有很多属性可以设置,这里设置它们的数据源为 dataTabc,准备用于编辑时自动回填

2 进入表单配置功能,从工具栏里拉几个textbox出来命名为 a1,b1,c1,id放在页面上,拉button出来,定义操作名为saveAbc ,起个表单名为 TabcForm.保存退出

3 进入操作配置功能,设置相应的参数,要保存的表为 Tabc,更新的字段a1,b1,c1,更新的方式为自动 ,起个操作名称为 saveAbc,保存退出

   出来再配置一个操作,用于进入这个表单页面. 定义进入的可视化表单为TabcForm,起个操作名称 inTabcForm

 

ok,配置完成,退出,点架构提供的'刷新缓存'

 

在浏览器打入 http://<工程>:8080/<发布名称>/pow?actOperate=inTabcForm, 就可以了,在打开的页面,输入要保存内容,点保存button,就会自动完成新增功能了.

 

编辑回填时

 4,进入数据源配置,输入SQL , select * from Tabc  where id=? ,定义查询参数为 id ,起个名称为dataTabc

 ok,配置完成,退出, ,点架构提供的'刷新缓存'

 

在浏览器打入 http://<工程>:8080/<发布名称>/pow?actOperate=inTabcForm&id=<值> ,就会出现编辑的TabcForm页面了,当然这里的id值一般是从列表点击传递过来的.

 

这样就基本完成了一个实体新增和编辑的工作了.

 

以下是表单设计器的部分截图

 

                     

 

 

太多东西了,如果要把每个控件每个属性都说完,起码上百页A4

 

目前集成的表单控件和实现的功能

 

 表单数据合法性自动校验

 日期控件

 树控件

 列表控件

 可视化编辑控件

 每个控件的权限设定

 与工作流的结合

 编辑状态下自动转查看状态,即不用设计编辑页和查看页了,只用编辑页即可,通过一个参数自动转为查看状态

 URL的弱化,不再有http://www.abc.com/abc.jsp的类似页面,就算进入第10层操作,也可以在第10层返回第一层,而不用知道第一层的url及其它的进入参数

 页面的弱化,不再有jsp或其他的页面产生,美工只设计模板,即表单模板,具体表单内容程序员添加

 无限的可扩展性,所有属性都有通过配置文件配置,只要有新的需求,只需要在配置文件加入,并在解释器加入新属性的解释即可

 

等等

 

下班了

下次说说工作流在web上的可视化设计和实现

 

可以看出,程序员的工作将100%的集中在业务逻辑的实现上

 

以上平台我将会在最近开放出来给大家使用