html透明代码-面向对象编程后端页面（三）一般信息变更窗口

Spring层初始化

看起来很复杂，但是实现起来却非常简单。 根据aCDI（g_iwcAdminEditCompany的值）拼接出包含控件的字符串html透明代码，然后追加到对应的DOM节点上。

是不是很简单，好吧，看一下具体的实现函数

3、数据检查与存储

aCDI（g_iwcAdminEditCompany 的值）具有用于数据检查的正则表达式（rge：“...”）。 用户保存数据时，会根据每个控件对应的rge正则表达式来验证该控件的值是否满足条件。 如果都满足 条件，就是将控制值以ajax的形式post到sdu指定的页面，并在这个指定的页面中进行数据校验和保存工作。 由于本系统文章是讲后端的html透明代码，所以这里就不给出相应的后台代码，等后面介绍后台编程的时候再讲。

看到这里，你可能会问，图片变换控件是怎么实现的？这里简单说一下。 我使用了标准的html文件上传控件，将其设置为透明，并用一个覆盖它

，并给出这个

绑定点击风暴，在事件中检测文件大小和类型，用FileReader读取，转换为base64格式进行显示。 这里就不讲了，网上搜一下相关代码。下图是保存数据时的截图

5. 性能分析

我们先说一下使用传统网站页面更改信息的优缺点：优点是实现简单，易于维护代码。 缺点是代码复用率不高，网站维护麻烦，性能不如一般的信息变更窗口。 先说一下一般信息变更窗口的优缺点：优点是信息变更与页面无关，不需要加载变更信息页面（

弹出层实现信息变更），比传统方式少了一次页面请求（假设信息变更页面是静态html页面，以ajax的形式加载和保存数据），性能更好。 缺点是实现复杂、代码量大。