保华的Rails学习笔记

01/25 ORID日志

今天完成了什么?

1、购物网站做了一遍
基本是看着教材的提示,代码自己写,大多数的代码是可以自己写出来的,但是也出现了许多的错误
1)把index的代码写在了private的下边,网站运行的时候,一直报错,“undefined method `each' for nil:NilClass”检查了提示的view页面,以及controller,还有schema.rb文件,都没发现错误,最后还是在同学们的帮助下找到了问题所在。以后如果再出现这样的错误,就要留意下是否是把代码包在了private下边。
2)添加栏目的时候,添加错了,用了sqlite3 db/development.sqlite3
添加栏目的时候,添加错了,把栏目的类型与名称写颠倒了,运行了三兄弟命令(rake db:drop rake db:create rake db:migration),还是没解决,用sqlite3 db/development.sqlite3进去sqlite3,删除了出现错误的这个table,于是重新执行rails g model,在运行rake db:migrate的时候出错,把之前的db/migration下的文件(一串数字的文件)改了名字后,重新运行才成功。
顺便谷歌了删除栏目、修改栏目
对应的命令是remove_column,change_column,change_column_default,rename_column这些常用的,要记住,至少要记住这些名称,以后谷歌的时候,可以直接谷歌这些命令,不至于搜索了一大堆也没找到答案。
2、学习了bootstrap Grid
虽然自己英语不太好,但是最近还是坚持看英文文档,学习了http://www.w3schools.com/bootstrap/bootstrap_grid_system.aspruby,又能学英语,其实直接看英语文档学习,是一件多赢的事情,Grid是排版时必学的,它把屏幕分成了12列,col-sm-3,后边的数学3代表占了3列,col就是列(column)的缩写,sm就是small的缩写这部分,其实生词也不多,还是能看懂的,既能学

Small devices are defined as having a screen width from 768 pixels to 991 pixels.

与sm对应的有lg,md,xs。

The Bootstrap grid system has four classes:
xs (for phones)
sm (for tablets)
md (for desktops)
lg (for larger desktops)
The classes above can be combined to create more dynamic and flexible layouts.
Tip: Each class scales up, so if you wish to set the same widths for xs and sm, you only need tospecify xs.



Grid System Rules
Some Bootstrap grid system rules:
. Rows must be placed within a .container (fixed-width) or .container-fluid (full-width) for proper alignment and padding
. Use rows to create horizontal groups of columns
. Content should be placed within columns, and only columns may be immediate children of rows
. Predefined classes like .row and .col-sm-4 are available for quickly making grid layouts
. Columns create gutters (gaps between column content) via padding. That padding is offset in rows for the first and last column via negative margin on .rows
. Grid columns are created by specifying the number of 12 available columns you wish to span. For example, three equal columns would use three .col-sm-4

Reflective

你要如何形容今天的情绪
比较平稳,在学习Grid的时候,突然明白了许多之前不解的问题,之前一直没好好去学习bootstrap,以后每天要抽出点时间学学bootstrap。对排版非常有用,可以快速实现网站的排版。
Interpretive

我们今天学到了什么?

今天一个重要的领悟是什么?
学习了bootstrap排版知识,学会了添加、修改、删除栏目。
学习的时候,还是要尽量记下来,并且要与之前的内容溶合着记,要学会融会贯通。

Decisional
我们会如何用一句话形容今天的工作
进展缓慢,小有进步

有哪些工作需要明天继续努力?
继续练习购物网站、继续学习bootstrap