企业级框架中的表现层设计 探讨

我们做了不少业务项目，一直在想如何来提升表现层用户体验
开发效率

我们做了这些事情：一下所有的控制，都用js类来封装实现，只要调用一个公共的js类即可
1、对表单域进行属性扩展，自动完成各种数据校验，在用户提交之前就过滤非法字符
如：<input type="text" kind="int"> 表示必须输入数值
kind="email" kind="zhunicode" kind="flaot" kind="idcard" kind="dic"(字典选择)
2、对表单域进行属性扩展，自动完成是否必录项的校验
如：<input type="text" must="true"> 表示必录，否则非必录
3、对表单域进行属性扩展，自动完成需要的xml对应节点构造
如：<input type="text" filedname="PERSON/SEX"> 表示构造出<PERSON><SEX>1</SEX></PERSON>这样的节点，方便组织出灵活多变的xml文档完成数据交互
4、每个表单域都支持键盘上下键移动焦点

5、每个按钮如果要支持键盘事件<input type="button" value="提交#O">及表示 为 alt + o 的快捷键

6、所有的字典选择，如 性别、籍贯等可枚举值，特别像籍贯这样的，支持全拼、简拼、汉字模糊检索这样的快速输入。

7、扩展form表单域的属性，提交目标如果写在action里面，则自动完成内部表单域的校验，xml结构的拼写，同步提交，提交目标如果写在url里面，则自动完成内部表单域的校验，xml结构的拼写，采取xmlhttp异步提交

8、对于grid直接指定获取地址url，和autoLoad是否为true 即可实现简单列表和分页列表

9、其他页面布局，如多页签，平铺，menu之类的，全部通过div扩展属性实现，js和css自动构造

总体来说就是这么个意思，看看大家有没有其他的好的想法，相互交流


一直以来，我们都是采用xmlhttp的方式来做数据交互，xml作为标准数据交换结构，没有大家所担心的性能问题，在客户端完成数据校验和xml结构的拼写，还是很快的。