资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

Rails学习笔记第一篇(建立一个玩具项目)

    Rails的学习我主要基于《Ruby on rails 教程》《Agile Web Development with Rails 4 》,官网的API文档和 来自Ruby-China的指南(http://guides.ruby-china.org/index.html)来学习,整体上按照《Agile Web Development with Rails 4 》的目录顺序记述。

网站建设、成都网站制作,成都做网站公司-创新互联建站已向成百上千家企业提供了,网站设计,网站制作,网络营销等服务!设计与技术结合,多年网站推广经验,合理的价格为您打造企业品质网站。

    美好的学习从创建项目开始。。

    Rails自带了一整套命令行工具

    首先创建了work目录并进入

    然后 使用rails new demo

    创建了一个名为demo的项目

    如下图所示 

    Rails 学习笔记第一篇(建立一个玩具项目)

    当如下图显示时说明创建完成

    Rails 学习笔记第一篇(建立一个玩具项目)

    项目结构如下图显示

    Rails 学习笔记第一篇(建立一个玩具项目)

    下图是各个文件夹的用途:图源:http://guides.ruby-china.org/index.html

    Rails 学习笔记第一篇(建立一个玩具项目)

    执行rake baout 能查看安装信息(只截取了部分内容)

    Rails 学习笔记第一篇(建立一个玩具项目)

    rake about 还会检测是否有安装错误

    一切ok后,执行rails s (rails server的简写)

    由于这个虚拟环境已经安装了nodejs,所以没有出现JavaScript runtime 错误,能够正常执行

    结果如下:

    Rails 学习笔记第一篇(建立一个玩具项目)

    vagrant已经设置了private_network 并指定ip为192.168.33.10,所以直接访问          http://192.168.33.10:3000/ 结果如下:

    Rails 学习笔记第一篇(建立一个玩具项目)又见hello,Rails。。。我为什么要加个又呢冏

    rails g controller Say hello goodbye  (rails generate)用于生成控制器

    Rails 学习笔记第一篇(建立一个玩具项目)

    打开demo/app/controllers/say_controller.rb 生成结果如下

    Rails 学习笔记第一篇(建立一个玩具项目)

Rails 与请求URL

    启动服务器后 访问http://192.168.33.10:3000/say/hello

    出现下图:

    Rails 学习笔记第一篇(建立一个玩具项目)

    如图所示,Rails 默认会寻找与控制器同名的模板文件,打开模板文件显示如下

    Rails 学习笔记第一篇(建立一个玩具项目)

    修改后:

    Rails 学习笔记第一篇(建立一个玩具项目)

   刷新游览器后

    Rails 学习笔记第一篇(建立一个玩具项目)

    一个请求的执行流程如下:(摘自《Ruby on rails 教程》)

    Rails 学习笔记第一篇(建立一个玩具项目)

    Rails接受一个请求后,交由控制器处理,由控制器决定下一步如何处理,是立即渲染视图并返回给游览器或是先与model交互再渲染视图。写到这儿,有点好奇Django的MTV模式,有空也好好琢磨下。

添加点动态内容

    打开模板文件修改如下:

    Rails 学习笔记第一篇(建立一个玩具项目)

    

    刷新页面,显示如下:

    Rails 学习笔记第一篇(建立一个玩具项目)

    添加时间的改良版写法

    控制器:

    Rails 学习笔记第一篇(建立一个玩具项目)

    模板:

    Rails 学习笔记第一篇(建立一个玩具项目)

    以上的代码展现了Rails 约定大于配置的原则。。

添加链接

    首先修改demo/app/views/say/goodbye.html.erb 结果如下

    Rails 学习笔记第一篇(建立一个玩具项目)

    页面显示如下:

    Rails 学习笔记第一篇(建立一个玩具项目)

    添加链接啦!

    修改hello和goodbye模板如下:

    hello

    Rails 学习笔记第一篇(建立一个玩具项目)

    goodbye:

    Rails 学习笔记第一篇(建立一个玩具项目)

    结果:

    Rails 学习笔记第一篇(建立一个玩具项目)

    点击后:

    Rails 学习笔记第一篇(建立一个玩具项目)

书上第二章到此结束! 撒花!!

补充:

   本地生成api文档的方法

   rails new projectname

   cd projectname

   rake doc:rails # 生成API文档


分享标题:Rails学习笔记第一篇(建立一个玩具项目)
路径分享:http://cdkjz.cn/article/jpogec.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220