rails gem系列之devise

发表于 2015-01-26 | 分类于 gem |

Devise

概要

最有人气的登陆验证gem。ORM支持ActiveRecord和Mongodb。

基本使用方法

创建project

1 2	rails new blog cd blog

Gemfile中加入devise gem

1 2	# Gemfile gem 'devise'

运行bundle install

1	bundle install

安装devise

1	rails g devise:install

指定发送邮件时的host名

#config/environments/development.rb
Rails.application.configure do
  ...
  # deviseの設定
  config.action_mailer.default_url_options = { host: 'localhost:3000' }
end

指定root_url

1
2
3

# config/routes.rb
  root to: "home#index"
  ...

加入错误消息显示部分代码

# app/views/layouts/application.html.erb
<body>
<p class="notice"><%= notice %></p>
<p class="alert"><%= alert %></p>

<%= yield %>

</body>
</html>

生成devise model

1	rails g devise user

执行migrate

1	rake db:migrate

添加登陆，退出，注册，设置链接

# app/views/layouts/application.html.erb
...
<body>
<header>
  <nav>
    <!-- user_signed_in? devise的Helper方法，验证是否已登陆 -->
    <% if user_signed_in? %> 
      <!-- current_user 当前登陆User对象 -->
      <!-- *_path devise自动生成的路由，执行rake routes可以确认 -->
      Logged in as <strong><%= current_user.email %></strong>.
      <%= link_to '设置', edit_user_registration_path %> |
      <%= link_to "退出", destroy_user_session_path, method: :delete %>
    <% else %>
      <%= link_to "注册", new_user_registration_path %> |
      <%= link_to "登陆", new_user_session_path %>
    <% end %>
  </nav>
</header>

<p class="notice"><%= notice %></p>
<p class="alert"><%= alert %></p>

<%= yield %>

</body>
</html>

启动服务，就可以看到画面啦。

rails s

gulp入门

发表于 2015-01-11 | 分类于 gulp |

##概要
前端任务自动化工具

##官方网站
gulpjs.com

##相关知识
GoogleのWenStarterKit是用gulp来做的。

##环境
vagrant centos

##安装

1. sudo yum -y install epel-release

2. sodu yum -y install nodejs npm

    `node -v`确认node的版本号

    `npm -v`确认npm的版本号

3. sudo npm install gulp -g

     `gulp -v`确认gulp的版本号

##gulp和grunt的区别

gulp	grunt
插件少	插件多
8,398sta	8,439starM
2013/6/30	2011/9/18
gulpfie.js	Gruntfile.js
类似Node	类似JavaScript
Node的插件	Grunt的插件

##和Grunt相比较的优点

1.配置文件比Grunt要少

2.比Grunt要快

##和Grunt相比的缺点

1.写法和Node接近，所以相对比较复杂

2.文档较少

##创建package.json

mkdir mysite
cd mysite 
npm init
npm install --save-dev gulp
npm -i -D gulp
rm -rf node_modules
npm install

##初识gulp.task()

var gulp = require('gulp');
	gulp.task('hello', function(){
		console.log('hello world!')
})

gulp.task('default', ['hello']);

##文件拷贝

把当前目录里的package.json文件拷贝到当前目录中的dist文件夹中。

var gulp = require('gulp');

gulp.task('copy', function() {
    gulp.src('./package.json')
      .pipe(gulp.dest('./dist'));
});

gulp.task('default',['copy']);

##gulp的常用5种API

定义task

gulp.task('name',['tasks'], function() {
 // content
});

输入路径指定
```
gulp.src('files')
.pipe(name(''))
```

执行task

gulp.task('foo', function() {
 gulp.run('bar');
});

输出路径指定
```
.pipe(gulp.dest('folder'));
```

监视文件

gulp.watch('files', function (event) {
 console.log('js file changed!!');
});

详细API信息请参照这里 github API

##gulp task执行顺序

gulp的task默认为并行触发，若要顺序执行，要做如下处理。

前面的task要写return
后面的task要加第二参数，值为前面的task
```
var gulp = require(‘gulp’);

gulp.task(‘first’, function() {
return gulp.src(‘./package.json’)
.pipe(gulp.dest(‘./dist’));
});

gulp.task(‘second’,[‘first’], function() {
console.log(‘first task done!!’);
});

gulp.task(‘default’,[‘second’]);
```

Rails3.0でモデルのER図を簡単に出力する方法

发表于 2013-05-10 | 分类于 ruby |

* graphvizをインストール
* Gemfileのdevelopment環境の設定に「gem "rails-erd"」を追加
* 「rake erd」を実行

关于rails控制器的功能测试

发表于 2013-03-15 |

控制器的功能测试

require File.dirname(__FILE__) + '/../test_helper'

关键在于setup方法，有三个东西
1.controller
2.request
3.response

get()方法时由测试辅助类提供的，它会模拟controller的web请求，并获取控制器的响应，
然后用assert_response来检查是否应答正确

-n可以指定运行某一个特定的测试方法

ruby test/functional/logni_controller_test.rb -n test_index

assert_redirected_to :action=>”login”

Dynamic Fixtures

在夹具中也可以使用ruby代码动态加入

assert_template “index” 对模版进行断言

测试登录

def test_login
  dave = users(:dave)
  post :login, :nmae=>dave.name, :password=>'secret'
  assert_redirected_to :action=>"index"
  assert_equal dave.id, session[:user_id]
end

HTTP请求方法

get() 对指定的action执行一次HTTP GET请求，并将结果放入HTTP RESPONSE

例: get(action,parameteres=nil,session=nil,flash=nil)

post() 提交表单

例: post :edit, :user => {:name => "dave", :age => "24"}

 模拟XMLHttp请求
 xhr(method,action,parameters,session,flash)

put(),delete(),head()

功能测试的断言

assert_dom_equal(expected_html,actual_html,message)
例:assert_dom_equal(expected,@response.body)

assert_response(type,message)
type的种类
1.:success
2.:redirect
3.:missing
4.:error
例:assert_response :success

变量

assigns(key=nil)
     assert_not_nil assigns["items"]
session
     assert_equal 2, session[:cart].items.size
flash
     assert_equal "Danger!", flash[:notice]
cookies
     assert_equal "Danger!", cookies[:name]
redirect_to_url
     assert_equal "http://test.host/login", redirect_to_url

辅助方法

find_tag(conditions)
find_all_tag(conditions)
follow_redirect
fixture_file_upload(path,mime_type)

测试response的content

使用强大的assert_select

assert_select "title",  "TEST"

对于vim命令的一些总结

发表于 2013-03-05 | 分类于 linux |

#宏命令(Macros)

高级一些的编辑器，都会包含宏功能，vim当然不能缺少了，在vim中使用宏是非常方便的：

:qx    开始记录宏，并将结果存入寄存器x

q    退出记录模式

@x    播放记录在x寄存器中的宏命令

稍微解释一下，当在normal模式下输入:qx后，你对文本的所有编辑动作将会被记录下来，再次输入q即退出了记录模式，然后输入@x对刚才记录下来的命令进行重复，此命令后可跟数字，表示要重复多少次，比如@x20，可以重复20次。这个在文本的批处理中是非常有用的。

#同时编辑多个文件

在vim众多的插件中，有一个叫minibuffer的插件，就是下面所说的标签页功能了，可以支持同时编辑多个文件。

#标签命令

:tabe fn    在一个新的标签页中编辑文件fn

gt    切换到下一个标签页

gT    切换到上一个标签页

:tabr    切换到第一个标签页

:tabl    切换到最后一个标签页

:tabm [N]    把当前tab移动到第N个tab之后

对，正如你所想象的那样，跟eclipse, ue等的标签页是一个意思！

#窗口命令

ctrl+w s    水平分割窗口

ctrl+w w    切换窗口

ctrl+w q    退出当前窗口(由于同时有多个文件，此命令不会影响其他窗口)

ctrl+w v    垂直分割窗口

其他

vim在保存之前不会对文件做实际的修改，只是加载到缓冲区中，对文件的编辑其实是对缓冲区的编辑，直到:w时才会存入物理文件。

:e file    把file加载到新的缓冲区中

:bn    跳转到下一个缓冲区

:bd    删除缓冲区(关闭文件)

:sp fn    分割窗口，并将fn加载到新的窗口中

#退出编辑器

:w    将缓冲区写入文件，即保存修改

:wq    保存修改并退出

:x    保存修改并退出

:q    退出，如果对缓冲区进行过修改，则会提示

:q!    强制退出，放弃修改

#查找替换

/pattern    向后搜索字符串pattern

?pattern    向前搜索字符串pattern

n    下一个匹配(如果是/搜索，则是向下的下一个，?搜索则是向上的下一个)

N    上一个匹配(同上)

:%s/old/new/g    搜索整个文件，将所有的old替换为new

:%s/old/new/gc    搜索整个文件，将所有的old替换为new，每次都要你确认是否替换

复制粘贴

dd    删除光标所在行

dw    删除一个字(word)

x    删除当前字符

X    删除前一个字符

D    删除到行末

yy    复制一行，此命令前可跟数字，标识复制多行，如6yy，表示从当前行开始复制6行

yw    复制一个字

y$    复制到行末

p    粘贴粘贴板的内容到当前行的下面

P    粘贴粘贴板的内容到当前行的上面

]p    有缩进的粘贴，vim会自动调节代码的缩进

"a    将内容放入/存入a寄存器，可以支持多粘贴板

附：比如常用的一个寄存器就是系统寄存器，名称为+，所以从系统粘贴板粘贴到vim中的命令为”+p,注意此处的+不表示操作符，二十一个寄存器。

#移动光标

在vim中移动光标跟其他的编辑器中有很大的区别，不过一旦学会了，就会飞速的在文本中移动了。

h,j,k,l    上，下，左，右

ctrl-f    上翻一页

ctrl-b    下翻一页

%    跳到与当前括号匹配的括号处，如当前在{，则跳转到与之匹配的}处

w    跳到下一个字首，按标点或单词分割

W    跳到下一个字首，长跳，如end-of-line被认为是一个字

e    跳到下一个字尾

E    跳到下一个字尾，长跳

b    跳到上一个字

B    跳到上一个字，长跳

0    跳至行首，不管有无缩进，就是跳到第0个字符

^    跳至行首的第一个字符

$    跳至行尾

gg    跳至文件的第一行

gd    跳至当前光标所在的变量的声明处

[N]G    跳到第N行，如0G，就等价于gg，100G就是第100行

fx    在当前行中找x字符，找到了就跳转至

;    重复上一个f命令，而不用重复的输入fx

tx    与fx类似，但是只是跳转到x的前一个字符处

Fx    跟fx的方向相反

),(    跳转到上/下一个语句

*    查找光标所在处的单词，向下查找

#    查找光标所在处的单词，向上查找

`.    跳转至上次编辑位置

#在屏幕上移动

H    移动光标到当前屏幕上最上边的一行

M    移动光标到当前屏幕上中间的一行

L    移动光标到当前屏幕上最下边的一行

#书签

ma 把当前位置存成标签a

`a 跳转到标签a处

编辑

r    替换一个字符

J    将下一行和当前行连接为一行

cc    删除当前行并进入编辑模式

cw    删除当前字，并进入编辑模式

c$    擦除从当前位置至行末的内容，并进入编辑模式

s    删除当前字符并进入编辑模式

S    删除光标所在行并进入编辑模式

xp    交换当前字符和下一个字符

u    撤销

ctrl+r    重做

.    重复上一个编辑命令

~    切换大小写，当前字符

g~iw    切换当前字的大小写

gUiw    将当前字变成大写

guiw    将当前字变成小写

>>    将当前行右移一个单位

<<    将当前行左移一个单位(一个tab符)

==    自动缩进当前行

#插入模式

i    从当前光标处进入插入模式

I    进入插入模式，并置光标于行首

a    追加模式，置光标于当前光标之后

A    追加模式，置光标于行末

o    在当前行之下新加一行，并进入插入模式

O    在当前行之上新加一行，并进入插入模式

Esc 退出插入模式

#可视模式

标记文本

v    进入可视模式，单字符模式

V    进入可视模式，行模式

ctrl+v    进入可视模式，列模式，类似于UE的列模式

o    跳转光标到选中块的另一个端点

U    将选中块中的内容转成大写

O    跳转光标到块的另一个端点

aw    选中一个字

ab    选中括号中的所有内容，包括括号本身

aB    选中{}括号中的所有内容

ib    选中括号中的内容，不含括号

iB    选中{}中的内容，不含{}

对标记进行动作

>    块右移

<    块左移

y    复制块

d    删除块

~    切换块中内容的大小写

about vm

发表于 2013-03-04 | 分类于 rails |

VM设定时遇到的网络问题

虚拟机不能上网桥接方式

桥接方式解决。注意设置windows下的网络链接，要将桥接的checkbox选上

window下的putty不能连接到虚拟机上，网址也不能访问

网址不能访问是linux下的防火墙没有关闭

service iptables stop 注意要用root权限关闭，不然不起作用

putty连不上的原因，是因为没有安装openssh

yum -y install openssh-client openssh-server

安装完毕后发现还是不能连接，原因是ssh服务还需要手动启动

service sshd start

centos下搭rails开发环境时的一些记录

发表于 2013-03-04 | 分类于 rails |

安装mysql

yum -y install mysql

配置文件-设置编码为utf8

vim /etc/my.cnf

[mysql]
default-character-set = utf8

启动mysql服务

/etc/rc.d/init.d/msyqld start

设置mysql随机启动

chkconfig mysqld on 
chkconfig --liset mysqld

创建数据库

msyqladmin -u root create depot_development

修改root用户的密码

update user set password = password('root') where user = 'root'

/etc/init.d/mysqld restart

mysql -uroot -p

创建rails项目

rails new depot --database=mysql

出现错误

mysql.h is missing.

解决办法:
yum -y install mysql-devel

mysql 查看表结构

desc 表名