rails beauty
DESCRIPTION
TRANSCRIPT
![Page 1: Rails beauty](https://reader033.vdocuments.mx/reader033/viewer/2022061221/54bd19684a7959f95e8b45fe/html5/thumbnails/1.jpg)
RailsMake it beauty
2nd
![Page 2: Rails beauty](https://reader033.vdocuments.mx/reader033/viewer/2022061221/54bd19684a7959f95e8b45fe/html5/thumbnails/2.jpg)
这节课讲什么
美化程序,让你好看
又见 Model-View-Controller (MVC)
![Page 3: Rails beauty](https://reader033.vdocuments.mx/reader033/viewer/2022061221/54bd19684a7959f95e8b45fe/html5/thumbnails/3.jpg)
修改后的效果
![Page 4: Rails beauty](https://reader033.vdocuments.mx/reader033/viewer/2022061221/54bd19684a7959f95e8b45fe/html5/thumbnails/4.jpg)
建立 Product
rails new s3food
rails generate scaffold Product title:string description:string image_url:string price:decimal
rake db:migrate
rails server (server 可简写为 s)
http://127.0.0.1:3000/products
![Page 5: Rails beauty](https://reader033.vdocuments.mx/reader033/viewer/2022061221/54bd19684a7959f95e8b45fe/html5/thumbnails/5.jpg)
添加产品
![Page 6: Rails beauty](https://reader033.vdocuments.mx/reader033/viewer/2022061221/54bd19684a7959f95e8b45fe/html5/thumbnails/6.jpg)
界面
嗯,太难看了
![Page 7: Rails beauty](https://reader033.vdocuments.mx/reader033/viewer/2022061221/54bd19684a7959f95e8b45fe/html5/thumbnails/7.jpg)
修改 view
修改 app/views/products/index.html.erb
<% @products.each do |product| %>
…
<% end %>
链接 :http://dpaste.com/564865/
![Page 8: Rails beauty](https://reader033.vdocuments.mx/reader033/viewer/2022061221/54bd19684a7959f95e8b45fe/html5/thumbnails/8.jpg)
图片
放在 public/images 目录下
链接 http://bitcocoa.com/?attachment_id=48
![Page 9: Rails beauty](https://reader033.vdocuments.mx/reader033/viewer/2022061221/54bd19684a7959f95e8b45fe/html5/thumbnails/9.jpg)
稍微好看些了…
![Page 10: Rails beauty](https://reader033.vdocuments.mx/reader033/viewer/2022061221/54bd19684a7959f95e8b45fe/html5/thumbnails/10.jpg)
MVC
![Page 11: Rails beauty](https://reader033.vdocuments.mx/reader033/viewer/2022061221/54bd19684a7959f95e8b45fe/html5/thumbnails/11.jpg)
我们学习了
美化了一下 Product
MVC 概念