上周接到一个任务,需要完成网页拖放的功能,用于上传图片,管理硬件所在位置信息.需求如下:页面上主要分为左右两个版块,左边是终端列表,右边是房屋结构图.将左边列表中的其中一个终端拖动到右边的房屋结构图上,当放开鼠标左键时在房屋结构图上画个标识,用于标记当前终端所在的位置.点击save按钮时,可以把当前房屋结构图与所有的标识坐标信息存放到数据库中.点击upload按钮,可以选择并上传房屋结构图.整体功能如下图:
刚开始计划用javascript实现,但考虑到时间因素,最终放弃.为什么用silverlight,主要还是因为它是胖客户端,实现起来比较方便.不知道有没有人用javascript实现了这种功能,并且可以记录标识的坐标信息到后台数据库.如果有,希望可以共享一下,大家共同学习.
源代码下载: