上一篇文章吐槽了运维工作

然后  脱坑了 

放弃了 高工资 又清闲的工作

找了一个 出大力 干活的地方  开始了没羞没臊的 编码工作

好些年没正经写东西了

适应 环境  和公司框架 可算来了第一份工作！

既兴奋又紧张

 

一开始感觉一团乱麻 现在总算 捋顺了一点

写个文章 记录下 思路 和用到的技术  方便以后 翻看  也给有需要的人 投个石问个路吧

首先是上传 用的 Dropzone 控件，这个 例子网上很多 没啥说的 照着扒就行了

值得注意的是 ， 有的时候 浏览器 会报 

"Dropzone already attached."的错误

加上 这句  解决

Dropzone.autoDiscover = false;

Dropzone 的 属性很多，可配置性也比较强，具体属性 都是什么意思，留两个网址吧 需要的自己去看

http://www.renfei.org/blog/dropzone-js-introduction.html

http://blog.csdn.net/runningman_7012/article/details/53992418

 

上传结束以后 

根据需求，要做一个通过拖拽指标 生成页面的功能

每个指标都有自己的类型，可能是个输入框，可能是个开关，可能是个单选，可能是个仪表盘，温度计或者是折线图之类的

这个听着 就有点蒙逼

百度了很久 也找了不少控件，无奈 和公司的前台框架 多数都是不兼容，剩下的就是功能实现不了

没办法 只能自己手写了

可能对大神来说  so easy ！

但对于我这个 N年没写过的人 可是不小的挑战

冷静了一下  分析了问题

觉得 如果 纯手写 实现起来 困年不说，估计费力不讨好

所以 还得用组件

但 现成组件 融合有问题， 那只能一点点往里加了

先后 试了 dwz  easyui 等成型框架组件，发现 效果不理想

最后选择了 jqueryui 融合起来 没问题  这才可以开始第一步

过程就不说了

最后 用了 jqueryui 的 dragabled  resizeabled sortabled 等功能吧

多少 实现了 可拖拽，自定义大小，排序等功能

细节上 也通过 拖拽组件的坐标 与放置区坐标 判断出了是拖拽成功 放置 还是 打回原处

成功后 生成展示效果 还要有删除功能

拖拽排版以后 就是保存 各个组件值 对应 指标  坐标信息等 到数据库

现在要研究的是生成相应文件  供其他项目调用

先这样  等弄完了 再补吧