SVG + Javascript + ASP.NET + WebService开发楼宇管理系统(一)

SVG + Javascript + ASP.NET + WebService开发楼宇管理系统(一)
————序言

最近碰到这样一个开发，主要是应用于对写字楼的硬件进行管理，用户可以通过WEB界面浏缆楼层的平面图，某个房间空调状态，电源状态；也可以调节空调温度，打开或关闭房间的电源，也可以管理各个楼面各个房间的用户情报。由于并不是针对某一个特定的写字楼，所以这个开发主要分成两部分，一部分是提供给最终客户，他们可以通过WEB界面去控制房间中的硬件，另一部分是提供给程序的维护方，他们可以根据不同楼宇的实际情况，绘出平面图随后嵌入到WEB界面中以实现第二次开发。

这个应用中最大的关注点可以说是以何种方式表示平面图，平面图结构不是很复杂不过要求可以实现某些动态的效果(例如图上有个超链点下之后跳到另外一页；或者要求图中有个不断变化的状态ICON等等)。开始我认为VISIO2003 ，加上VBA的一些脚本应该是可以实现，不过在开讨论会的时候我的想法被否决了，原因是:

1) IE中不利用VISIO的插件，可否在客户端直接浏缆VISIO的文件；

2)如何将外部的变量传送至VISIO的控件中；

3)……

当时我也没有仔细研究过VISIO2003所以对上述问题无法作出回答。

会上一哥们提出了用VISIO2003 生成SVG图形文件，随后将其嵌入ASP页面中的想法。

那什么是SVG呢？SVG图形是一种可伸缩向量图形，他的图像结构是用XML文档来表示的，并且可以使用ECMAScript(JavaScript)对SVG图像进行实时操作；不过为了解析SVG文件，必须装一个插件(我现在用的是Adobe SVG Viewer3.0)，有了插件之后便可以轻松的在IE中显示。

也就是说是利用插件，我们可以在IE中显示SVG；利用ECMAScript(JavaScript)可以去控制SVG中的控件；利用VISIO2003我们可以生成SVG文件。基于这些基本上领导基本上采纳了SVG这个方案。

最后一个问题便是程序架构的问题。设计架构的时候必须考虑下列问题:

1) 尽量减少画面的刷新

2) MVC，数据和界面分离

待续 … …