Ruby入门

Size: px

Start display at page:

Download "Ruby入门"

层白
5 years ago
Views:

1 Rails 入门 2. 路由 (route) 申思维 siwei.me

2 学习收获知道什么是路由知道 RESTful 思想知道哪些路由是过时的, 不需要学

3 事实上的 http 请求 : GET/POST POST 请求 : 提交表单 (<form>) 时点击 url GET 请求 : (<a> 标签 ) 时在浏览器地址栏输入 url, 回车时.

4 RESTful 请求认为浏览器请求的任何数据, 都是资源 (resources). 总共有 4 种请求 : GET : POST: PUT: DELETE 仅用于查询仅用于新建仅用于修改仅用于删除.

5 RESTful 请求的几个例子查看数据 : GET /books GET /books/2 : GET /books?id=2 创建数据 : POST /books 修改数据 : 查看 books 的列表查看 id = 2 的 book 同上.( 查看 id=2 的 book) (name = 三体 ) 创建一本书 PUT /books/2 (name = 黑暗森林 ) 删除数据 : : DELETE /books/2 删除 id = 2 的书.

6 RESTful : 相同的 URL 不同的操作以下操作的是不同的查看数据 : GET /books/2 : 修改数据 : 查看 id = 2 的 book PUT /books/2 (name = 黑暗森林 ) 删除数据 : URL 都是相同的 request 的类型 DELETE /books/2 删除 id = 2 的书.

7 web 编程的精髓 : CRUD 就是数据的增删改查 ( 简称 CRUD, update, delete). create, read, 在 Rails 中, 系统默认每个 controller 有这样的操作 : index, show edit new update create destroy 列表页详情页编辑页新建页更新操作 ( 有对应页面 ) ( ( 新建操作 ( 有对应页面 ) 有对应页面 ) 删除操作. 有对应页面 )

8 回到 Rails 项目下载第一课的 rails 项目. $ git clone 为 books controller 增加 new action, 它的作用是处理 /books/new 这个 url.

9 Rails 中的路由回顾下 config/routes.rb 文件

10 回顾路由文件 config/routes.rb resources :books 上面一句就直接定义了 7 种路由 GET /books index GET /books/new GET /books/3 GET /books/3/edit edit PUT /books/3 紧跟一大串的参数 ) POST /books DELETE /books/3 new 显示显示 book 的新建页面显示 id show 显示 id 对 id update create book 的列表页 = 3 的 book = 3 的 book 的编辑页面 = 3 的 book 进行修改后面还会对 books 进行创建后面也有一大堆参数 ) destroy 对 id=3 的 book 进行删除操作

11 回顾路由文件 config/routes.rb 也可以通过命令 $bundle exec rake routes 来查看详细的路由

12 增加了可读性的路由为了大家看的方便 1. 增加了前缀 prefix 列中原来省略的内容 2. 去掉了 URI pattern 中无用的.format 3. 删掉了 PATCH( 它跟 PUT 一模一样所以精简掉它

13 所以, 一个 resources, 就定义了 new,show, index, create, edit, update, destroy 总共 7 个从 url 到 action 的对应关系. 因为还有 collection get :list 语句所以就多定义出来一个 list_book 这个 url.

14 为 new 这个 action 增加一个新页面. 前面的路由知识铺垫完了我们继续创建第二个页面我们新建文件 : app/views/books/new.html.erb 这是个最普通的 html 文件. 这个页面可以跳转到第一个页面 /books/list)

15 新建图书页启动 rails 访问 ( 还记得命令吗? $ bundle exec rails server ) url: /books/new 可以看到, 出现了页面 :

16 实现页面的互相跳转. 同时, 我们修改 /books/list 页面, 可以看到, 多出了一个 <a> 链接,

17 重点来了 Rails 中的 url 写法跟茴香豆的四种写法 <a> 标签的下面四种写法, 都是一样的. 它们生成的 HTML 内容都是一样的

18 回答问题 new_book_path 是从哪儿来的来自于 route 的定义 new_book_path 是动态生成的方法返回一个 URL 可以认为是字符串同理还可以从下面的配置文件看出还有其他的 url: edit_book_path, books_path, 以及 book_path

19 为什么弄这个新东西太长不看版答案为了我们的方便详细答案如何编辑某个 book? /books/1/edit 写成 ruby 代码 : 编辑 id = 1 的 book) ( 假设 book_id = 1) 1. "/books/" + book_id + "/edit" 2. "/books/#{book_id}/edit" # string interpolation 插入插值实际上上面这两种形式都是外行的风格比如之前做 java 的同学来写 ruby, 就是这个风格

20 为什么弄这个新东西下面是 Rails 风格 ( 把可读性发挥到极致的写法 edit_book_url({:id => book_id}) 这个写法可以引申成 ruby 方法最外层圆括号可以省略方法的最后一个参数如果是 hash 的话 {} 也可以省略 ) edit_book_url :id => book_id 继续省略 edit_book_url book_id

21 可读性 book_id = 1 1. "/books/" + book_id + "/edit" 2. "/books/#{book_id}/edit" 3. edit_book_path book_id # rails 的推荐写法第三种形式是可读性最好的也是 Rails 程序员最喜欢读写的所以记住希望生成某个 url: /books/list?a=1&b=2 就写成 : list_books_path(:a =>1, :b => 2)

22 带有 namespace 的路由也就是一个前缀. 有 2 种常见用途 : namespace 1. /books /admin/books 2. /interface/books 不同角色使用的 url: 普通用户看到的 url 专门给管理员访问的 url 对于接口的 url:

23 写接口的例子. 步骤 1-router 在 router.rb 中, 增加下面红色边框的语句 :

24 写接口的例子. 步骤 2-controller 注意它跟 app/controllers/books_controller.rb 新建一个文件 : 不是一个文件. app/controllers/interface/books_controller.rb render :json => {} 表示返回一个 json 继承的类是 ActionController::Base 类名前面有个 Interface:: 前缀.

25 打开浏览器, 可以看到结果打开浏览器可以看到结果 : 一个 json.

26 特殊的路由 : root_path root_path 决定了你的项目根目录的页面是哪个. 例如, 我增加下面的路由 ( 表示, 对于根目录的请求, 会由 books controller 的 welcome action 来处理 :

27 特殊的路由 root_path 修改对应的 controller: 修改对应的 view: (app/c ontrollers/books_controller.rb) ( app/views/books/welcome.html.erb)

28 特殊的路由 root_path 现在访问咱们的根路径 / 就可以看到结果了注意由于我们没有在 resources :books 中配置 get :welcome, 所以我们访问 /books/welcome 是会报错的

29 古老的路由 match 有一种最古老的路由 match. 随着 RESTful 的崛起这个路由越发显得过时但是可能在一些遗留项目中会出现在目前的 Rails4 中它的写法如下 match: to : via: 指定了所匹配的 url 指定了由哪个 controller#action 处理这个请求是 get 还是 post.

30 古老的路由 match 现在访问 /welcome_you 就可以看到结果了

31 总结 1 需要学习的 route 形式今天通过两个页面的跳转学习了路由 1. resources 重中之重 2. 可以加上 namespace 3. 可以看懂 match 回头补上 4. 其他的嵌套的 routes, resource ( 单数, 都不用看

32 总结 2 不需要学习的 route 形式不要使用嵌套路由, 太傻了. 嵌套路由的例子中国 (86)- 辽宁省 (041x)- 沈阳市 (010)- 和平区 (1) 路由可以是 /countries/86/provinces/041x/cities/010/districts/1

33 总结 2 不需要学习的 route 形式但是不要写的这么傻区的 id 是固定的有它一个就足够了所以我们只要写 /districts/1 就可以查询到 id = 1 的 district

34 总结 3 不需要学习的 route 形式其他形式的都不用专门学遇到的时候能看懂代码就可以

35 本节源代码本节中的例子对应的源代码可以来这里下载

36 谢谢! 微信公众账号软件实用主义个人网站 :

1 1 大概思路创建 WebAPI 创建 CrossMainController 并编写 Nuget 安装 microsoft.aspnet.webapi.cors 跨域设置路由编写 Jquery EasyUI 界面运行效果 2 创建 WebAPI 创建 WebAPI, 新建 -> 项目 ->

1 1 大概思路创建 WebAPI 创建 CrossMainController 并编写 Nuget 安装 microsoft.aspnet.webapi.cors 跨域设置路由编写 Jquery EasyUI 界面运行效果 2 创建 WebAPI 创建 WebAPI, 新建 -> 项目 -> 目录 1 大概思路... 1 2 创建 WebAPI... 1 3 创建 CrossMainController 并编写... 1 4 Nuget 安装 microsoft.aspnet.webapi.cors... 4 5 跨域设置路由... 4 6 编写 Jquery EasyUI 界面... 5 7 运行效果... 7 8 总结... 7 1 1 大概思路创建 WebAPI 创建 CrossMainController