[Ruby on Rails] 用rails实现Balsamiq Mockups

作者: 承古韵
发布时间:2015-07-13 11:31:56

以前也用过 Balsamiq Mockups,没产生过什么额外的想法,更不可能把它与rails联系起来。

今天我这个不务正业的人想画一个网页,自然而然想到了 Balsamiq Mockups。

最近用rails写过一个烂的能勉强使用的CMS,我突然发现我写的CMS与Balsamiq Mockups有点相像。当然, Balsamiq Mockups是用AIR写的。

于是,我就想:能不能把我的烂CMS改造一下,做成一个网页版 Balsamiq Mockups?

我这人很懒,只会想会做。于是我开始想……

1、Mockups的一个个小控件就相当于CMS的一个个模块,添加控件就相当于添加模块,Mockups的控件属性相当于模块的属性。Mockups控件是自由拖动的,我们的模块position就是absolute。

2、Mockups的控件有一些通用操作,通过js基本都可以实现。比如,复制控件--复制一个新节点,粘贴控件--把节点插入到网页中,删除控件--删除节点。

3、Mockups控件还可以组合、分拆。我仔细想一下之后,觉得也可以实现,就是额外添加一个div,把组合的模块放到这个div里,然后固定住。分拆就是把这个div去掉。

4、Mockups控件还有上下的层次,可以使用z-index实现。

5、Mockups控件可以直接修改一些属性而不是在弹出框中修改。我本以为网页难以实现,结果我错了( http://bbs.blueidea.com/thread-2195999-1-607.html),这个问题又解决了。

6、Mockups添加控件时一拖就可以,我觉得在网页中难以实现,但是通过一个按钮添加实现也不赖。

……

貌似大部分问题都能解决,可以写的烂的可运行,当然效率不敢恭维。

实在想不出这么做有什么价值,继续用   Balsamiq Mockups画个图玩玩……

来源:http://www.cnblogs.com/chengguyun/archive/2011/06/22/2087418

推荐: