频道栏目
IT货架 > > 正文
[RubyonRails]用rails实现BalsamiqMockups
网友分享于:Jun 12, 2018 11:53:36 PM    来源: IT货架   

以前也用过 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画个图玩玩……

广告服务联系QQ:1134687142 | 网站地图

版权所有: IT货架- 内容来自互联网,仅供用于技术学习,请遵循相关法律法规. 京ICP备11030978号-1