RubyOnRails开发的网站

       最近一直在研究Flex和Rails的结合。不过感觉使用Flash来代替网页，总觉得不是很习惯。如果是网络游戏还差不多，要是新闻、资讯或者在线商务平台用Flash，还真是不习惯。或许是因为我的Flash设计理念不够高深吧。手上的项目比较急，客户要求用Ruby On Rails+HTML+Ajax技术，只好暂时先把Flex先放一放了。
        别的不说了，展现一下劳动成果吧：
1、看上去很普通的一个管理功能，不过大部分都是用Ajax技术，不用每次都刷新整个页面，并且有更新的时候，相应的信息都会被高亮显示一段时间，很炫。


2、下面这张跟传统网站的区别挺大的吧，当点击“新建产区”图标时，整个窗口被蒙版盖住不能操作，只能操作蒙版之上的“新建产区”窗口，并且这个窗口是可以任意拖动的喔，挺像桌面程序吧，这就是RIA。当新建产品的输入不满足条件就点击“确定”按钮时，程序会在相应的输入框上显示红色的错误提示信息，直观明了。
        浮动窗口的功能用Rails来实现是轻而易举的事情。不过在IE上蒙版层的实现却花了我不少时间，主要的问题有两个：
        a、蒙版层的DIV的大小不能简单设置为width=100% height=100%（IE要看你的DIV所处的位置，而不会直接把整个body空间都给你，还是通过JavaScript来解决的），在FF上直接设置就OK。
        b、下拉列表框在IE中z-index比什么都高（确切地说是IE6及之前的版本d的select是不支持z-index属性的，IE7据说解决了这个问题），总是要跑到蒙版和浮动窗口之上，只能使用JavaScript来解决它。
        浮动窗口是从Streamlined框架中学来的。Streamlined框架的理念很好，不过不知道为什么后来就一直没人去更新这个项目了。研究过一会，还没摸透，自己现在用的东西也在不断整理，有很多也成为了一个个模块，用起来也很快很方便。


3、使用了FCKEditor富文本编辑器，使得资讯内容更加丰富多彩，编辑也很简单。在Rails框架中使用FCKEditor是很方便，安装相关的插件就可以了。不过我当时下载的FCKEditor版本对Ajax的支持感觉不是很好，后来自己修改了一部分代码。


4、现在的新闻资讯管理一般都支持多页，这个也支持，操作方便。


5、当鼠标经过产品图片时，鼠标下方出现了该产品的概要信息，比默认黄底黑字的tip提示强大和好看多了吧，这个功能要在IE和FF上同时实现，花了我不少时间，后来发现ff3.0会有点偏移。不同浏览器间要兼容，确实要多做很多工作。
      当鼠标经过导航菜单时，一样会有明显的变化：字体放大、背景改变。


6、为了防止用户多次点击，每个按钮被点击之后立即置灰不可用，同时在服务器处理期间，还会显示等待的动画图片，让用户知道需要等待。
        另外，使用了Ajax技术的表单，一般都不支持直接按“回车”键来提交表单的，需要自己写JavaScript代码来解决这个问题。


7、列表中的翻页也使用了Ajax技术，Rails2.0已经把翻页功能独立为一个插件，需要另外安装。我下载的版本不支持Ajax，也是自己修改了部分代码，当然不是直接修改包，而是通过helper来覆盖一些方法。改之前需要先研究它的代码，搞清楚它的逻辑。


8、浏览新闻也使用Ajax技术，包括同一新闻不同页面之间切换和不同新闻之间的切换。让你告别了等待页面刷新需要面对一片空白的烦恼。