Rails系统重构：从单一复杂系统到多个小应用集群

核心提示： 统一的css框架用户体验最直观的方面就是页面的样式，为了保证用户在不同的程序间跳转时没有突兀的感觉，Rails系统重构：从单一复杂系统到多个小应用集群(3)，每个应用看起来都应该“长的一样”，为达到这一目的，除了保证用户体验的一致性外，还需要解决程序间的数据交互与共享问题

统一的css框架

用户体验最直观的方面就是页面的样式。为了保证用户在不同的程序间跳转时没有突兀的感觉，每个应用看起来都应该“长的一样”。为达到这一目的，我们采用统一的css框架来控制样式。

在layout里面调用Helper方法：

<%=　idp_include_js_css　%>

这将产生以下html代码：

<script　src　="/assets/javascripts/frame.js"　type="text/javascript"></script>　
<link　href="/assets/stylesheets/frame.css"　media="screen"　rel="stylesheet"　type="text/css"　/>　

在frame.css中，会设定好html标签以及如导航等常用结构的样式，应用中的页面只要使用定义好的标签及css类，就可以实现统一风格的界面。

通用客户端组件

拆分后的Rails应用虽然处理的业务逻辑各不相同，但在用户交互上有很多相似的元素，例如查询表单、日历形式显示信息等。把产生这些元素的代码抽象成通用的方法，不仅可以保持用户体验的一致性，更可以减少代码重复，提高开发效率。

例如要产生如下图所示的查询表单，只需要指定待查询的数据库字段以及必要的查询参数即可，具体的实现逻辑封装在search_form_for这个Helper方法中。

<%=　search_form_for(Course,　:id,　[:price,　{:range=>true}],　:published,　[:created_at,　{:ampm=>true}])　%>　

查看原图（大图）

数据共享与交互

由于每个Rails应用都是整个业务系统的一部分，除了保证用户体验的一致性外，还需要解决程序间的数据交互与共享问题。下面我们以一个简单的例子来说明如何实现。