关于通用WebUI框架的构想

      在一些项目中使用了extjs构建页面UI组件，使用过程中头脑里冒出了一些想法。extjs 是做为WebUI引擎，在客户端将js定义的UI组件渲染成HTML内容，extjs太大了，而且它的UI组件恐怕很难构建门户类网站和个人网站。我觉得需要有一种WebUI框架，它可以支持网页设计师自由地设计网页，可以任意的一些版块定义为UI组件，这些UI组件在设计其他页面是还可以使用，支持数据绑定，不再像jsp 、php、asp之类的使用自定义标签或者混入程序代码，做到表现层和业务层真正分离。或者说需要一个工具，网页设计师作类似photoshop和dreamweaver的操作，程序员在上面标记数据绑定标识将网站的设计结果作为某种项目文件保存。两种输出模式：一种是将项目文件输出为HTML、CSS和负责页面交互操作的js，数据靠ajax获取；另一种是项目文件作为网站模板，模板引擎将根据需要调用业务逻辑生成HTML、CSS和负责页面交互操作的js。

想法还不完整，需要完善。

      今天有空，继续写。

      自己也做过网页设计，最怕做的就是在加完程序逻辑的jsp页面或者freemarker页面里修改页面布局，一不小心就会做些事倍功半的工作，这对程序员和网页设计师都是个大问题。

       这个框架应该配合一个供网页设计师使用的工具。通常网页设计师完成美工设计后，就要切图，并完成HTML和CSS代码。网页设计师使用这个工具，就可以不再关心HTML和CSS代码，他要做的就是在这个工具中按照页面模块切分图片，在可以用矢量图的地方用工具提供的矢量功能重绘，之后再定义每个UI组件，显示文字的地方可以可视化的设置文字，可以为UI组件添加工具提供的交互效果。交互效果一方面来自于通用UI框架提供的JQuery UI之类的效果，另一方面来自于js工程师针对网页设计师定义的UI组件实现的内置效果脚本。js工程师还要为UI组件提供数据绑定标志。这个工具来负责生成结合了UI框架的HTML、CSS和负责页面交互操作及与服务端通讯的js。程序员只需要写好服务端的业务逻辑就可以了。

      待续......