1 媒介
跟着网络的日益普及,对电子商务和电子政务的需求日趋富厚,越来越多的企业和当局部分都但愿将日常打点慢慢信息化和网络化。在这种配景下,开拓者急切需要一种可以或许简化开拓进程,低落开举事度,提高开拓效率的框架。今朝在Web开拓平台中人们利用最多的是Sun公司推出的J2EE。J2EE的问题是跟着需求的多样化,不绝插手的各类组件和各类百般数量不绝增加、体积不绝膨胀的XML设置打点文件使得J2EE应用体系变得臃肿不堪,在开拓和运行速度上越来越不能满意开拓者的需求。
而Rails的呈现办理了J2EE中各类百般的XML设置打点文件对开拓人员的困扰。Rails是基于Ruby语言的Web应用开拓框架,该框架的最大特点是“约定优先设置”,和今朝其它的一些MVC框架较量,它不需要繁琐巨大以及数量浩瀚的设置文件,它已经订立了一系列利用该框架时要遵守的约定,只要开拓人员遵守这些约定,那么可以实现零设置的MVC框架的web应用,极大的低落了利用该框架的难度。
Web应用的开拓离不开用户界面的设计和开拓。在以往的用户界面开拓中,主要利用Javascript剧本语言作为界面互动的开拓东西,但Javascript剧本语言存在编写坚苦、难于领略以及调试坚苦的缺点,所以浩瀚Javascript框架被开拓出来以提供对Javascript的包装,使之成果加强、代码易于领略,这些Javascript框架包罗prototype、Moo Tools、dojo、jQuery等。个中jQuery是较晚呈现的Javascript框架,可是jQuery以其先进的技能、优秀的代码组织、强大的扩展本领,迅速获得了宽大web应用开拓人员的青睐。
2 开拓东西简介
2.1 Rails先容
Rails框架是一个MVC布局的框架,它将应用措施分成如下3个组件:
*模子(Model) 处理惩罚数据和业务逻辑;
*节制器(Controller) 处理惩罚用户接口和应用逻辑;
*视图(View) 处理惩罚图形用户接口工具和暗示逻辑。
Web应用措施的MVC模子组件干系如图1所示,详细的处理惩罚进程如下:
(1)客户端的欣赏器向处事器上的节制器发送页面请求;
(2)节制器处理惩罚相应的请求,以工具的方法从模子中得到所需要的数据工具;
(3)节制器将得到的数据工具发送给特定的视图;
(4)视图向客户端发送页面以便欣赏器显示。
Rails实现了模子、视图和节制器观念的完全疏散,它将各部门的代码别离存储在差异目次下的差异文件中。
Rails会自动建设项目标目次布局,个中存放系统代码的app目次的目次布局如图2所示,从目次名称就可以看到差异模块的文件被放到了差异的目次中,这里Rails的“约定优先设置”的思想获得了浮现。
2.2 jQuery先容
jQuery是继prototype之后的又一个优秀的Javascript框架。它是由 John Resig 于 2006 年头建设的,它有助于简化 Javascript 以及Ajax 编程,利便用户在网页上简朴的操纵文档、处理惩罚事件、实现特效并为Web页面添加Ajax交互。
它具有如下一些特点:
(2)代码简洁、语义易懂、进修快速、文档富厚。
(2)jQuery是一个轻量级的剧本,其代码很是小巧。
(3)jQuery支持CSS1-CSS3,以及根基的xPath。
(4)jQuery是跨欣赏器的,它支持的欣赏器包罗IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+。
(5)可以很容易的为jQuery扩展其他成果。
(6)能将JS代码和HTML代码完全疏散,便于代码和维护和修改。
(7)插件富厚,除了jQuery自己带有的一些特效外,可以通过插件实现更多成果,如表单验证、tab导航、拖放结果、表格排序、DataGrid,树形菜单、图像特效以及ajax上传等。
3 开拓实例
项目详细需求如下:为满意消防事情信息化打点的要求,内地消防主管部分需对辖区消防责任单元生成带有文号的消防查抄表,然后将查抄功效输入系统,系统将按照查抄功效抉择是否生成整改通知书,整改通知书的内容与查抄功效有关。
首先,颠末阐明,系统内的各个成员的干系如图3所示。
第二步,按照模子的属性,建设数据库以及相关联的model。Rails中,数据库的建设不再是直接会见数据库,而是利用一直叫做Migration的技能,由rails系统按照Migrate文件内容自动维护数据表布局。譬喻对付Police类,和CheckPaper类可以利用如下呼吁生成数据库Migration:
ruby script/generate model police name:string password:string
ruby script/generate model check_paper year:integer number:integer police_id:integer
然后再利用呼吁:
rake db:migrate
即可自动按照Migration文件的内容建设数据表。
在models目次中会自动建设police.rb文件,该文件是Police类的界说文件,Rails会自动将数据表中的字段映射称类中的属性,在措施中直接利用Police类工具就可以会见数据库中的内容,用户无需直接同数据表打交道。
从模子图中可以看出Police类和CheckPaper类是一对多的干系,为表达这种干系,并在措施代码中直接利用police.check_papers语句来会见某位民警所打点的所以消防查抄表,需要在建设CheckPaper类的Migration的呼吁中插手“police_id:integer”,然后在police.rb类文件中插手代码:
has_many :check_papers
同时在check_paper.rb类文件中插手代码:
belongs_to :police
第三步,建设节制器。建设一个Police节制器,用于对欣赏器发送的请求举办响应。
ruby script/generate controller police index
此时会在controllers目次下建设police_controller.rb文件,该文件中有一个PoliceController类,类中有一个index要领,对应欣赏器发送过来的index请求。当欣赏器的地点栏中输入“http://localhost:3000/police/index”时,Rails会将该请求理会为会见police节制器中的index要领。系统执行完index要领之后会将数据通报给views目次下的police目次下的index.html.erb文件去举办渲染,客户端欣赏器上泛起的内容就和此文件有关,此文件就是View。
今后要添加新的响应,就只需要在对应的节制器文件中插手相应的要领,并在对应目次下建设视图文件就行了。
Rails框架不需要任何特另外设置,只要开拓人员遵守相应的文件名约定,文件地址目次的约定,就可以迅速按照需求写出完美的MVC代码,极大地简化和加速了开拓的进程。
Web应用的用户界面的交互成果回收jQuery来完成,譬喻在输入查抄表功效的页眉中,有20多个单选组要求选择,所有的单选组都必需要输入数据,不能留空。在利用普通Javascript来举办网页校验的环境下要针对每个单选组绑定事件,代码编写巨大,容易堕落。而利用jquery来举办网页校验时,只需要引入相应的jQuery的validate插件,然后在页面中插入下列Javascript代码:
$(document).ready(function(){
$("#edit_check_paper_<%=@check_paper.id%>").validate();
});
针对每个单选组(如name为check_options_9的单选组),编写代码:
流畅
无
被堵塞,占用
则可以完成网页的校验成果。图4中演示了没有选择时呈现的错误提示信息,选择了之后,堕落信息自动消失的环境。
4 结语
项目组充实操作了Rails框架和jQuery框架在Web应用上快速开拓本领,仅用了短短5天时间,完成了从需求阐明到系统上线的火速式开拓进程。今朝该系统已在武汉某区公循分局上线利用,在已上线的6个多月期间内系统运行平稳靠得住,月平均处理惩罚业务单270多份。该系统的上线将本来繁复的消防整改处理惩罚变得清晰有序,大大提高了消防打点部分的信息化程度和事情效率。
下一步项目组将按照需求方的要求,团结多种Ajax快速开拓东西实现面向Web应用火速式开拓,将主要从完善页面交互效率、友好性、以及靠山数据处理惩罚效率等方面一连改造系统成果和机能。
