rails new SteamBlogDemo
cd SteamBlogDemo
以下为根据github创建repository之后的提示内容更改：
git init
git add .
git commit -m "first commit"
git remote add origin git@github.com:sundevilyang/SteamBlogDemo.git
git push -u origin master
- 在 config/routes.rb文件中添加
root to: 'visitors#index' rails s启动服务器，访问http://localhost:3000。 遇到报错，提示没有初始化的常量 VisitorsController（记得git commit） 插入报错图片- 命令行运行
rails g controller visitors index； 再访问http://localhost:3000， 无报错信息。 - 使用Bootstrap制作前端
- 观看Gorails视频 （观看时把字幕打开）， 以及参考 bootstrap-sass
- 在Gemfiel中添加
gem 'bootstrap-sass', '~> 3.3.7', 再在命令行运行bundle install - 命令行运行
mv app/assets/stylesheets/application.css app/assets/stylesheets/application.scss - 在
app/assets/stylesheets/application.scss文件中添加如下内容：@import "bootstrap-sprockets"; @import "bootstrap"; - 在
app/assets/javascripts/application.js文件中添加：//= require bootstrap-sprockets git commit -m 'add bootstrap'
- 在Gemfiel中添加
http://www.bootcss.com/p/layoutit/可视化布局首页 插入图片- 下载代码，粘贴到
app/views/visitors/index.html.erb - 修改上一步的代码，并把引用的图片放到
app/assetts/images文件夹中- 创建共享文件夹
mkdir app/views/shared - 在shared文件夹中创建nav和footer文件
touch app/views/shared/_nav.html.erb app/views/shared/_footer.html.erb - 把上一步中的nav、footer内容移到 nav.html.erb & footer.html.erb
- 在 app/views/layouts/application.html.erb 修改body如下：
<body> <%= render 'shared/nav' %> <%= yield %> <%= render 'shared/footer' %> </body>
- 创建共享文件夹
- 观看Gorails视频 （观看时把字幕打开）， 以及参考 bootstrap-sass
至此，我们使用bootstrap完成了一个 静态页面， 静态页面没有数据交互。即MVC中没有M。
使用devise配置用户注册和登录功能。 看「GEtting started」完成登录功能：
- 在Gemfile文件中添加
gem 'devise', 然后在命令行运行bundle install - 在命令行运行
rails g devise:install; - 在文件config/environments/development.rb 中添加：
config.action_mailer.default_url_options = { host: 'localhost', port: 3000 } - 在命令行运行命令
rails g devise User; rails g migration AddUsernameToUser username:stringrails generate devise:views, 修改app/views/devise/registrations/中的两个文件，分别添加：然后在运行<div class="field"> <%= f.label :username %><br /> <%= f.email_field :username, autofocus: true %> </div>rails db:migrate迁移数据库- permit additional parameters (the lazy way™), you can do so using a simple before filter in your ApplicationController:
class ApplicationController < ActionController::Base before_action :configure_permitted_parameters, if: :devise_controller? protected def configure_permitted_parameters devise_parameter_sanitizer.permit(:sign_up, keys: [:username]) end end - 在命令行输入
rake routes，可以看到安装devise之后允许的路径，如下图： - 修改导航栏中的用户和注册路径，启动服务器，测试注册和登录功能
- git commit
-
修改导航栏中Articles的路径
<li class="btn btn-white btn-simple"> <%= link_to('Articles', articles_path ) %> </li> -
刷新浏览器，点击导航栏Articles，跳转到
http://localhost:3000/articles，报错，如下图： -
routes.rb中添加resources :articles -
启动服务器
rails s， 访问http://localhost:3000/articles, 找不到路径错误已解决。但有一个新的 找不到controller 报错，报错如下图 插入图 -
在命令行输入
rails g controller articles, 刷新浏览器。报错，提示controller里面没有 ‘index’ action，如下图： -
在 app/controllers/articles_controller.rb 文件夹中添加index方法
class ArticlesController < ApplicationController def index end end再刷新浏览器。报错，提示：没有 index template
-
在命令行中输入
touch app/views/articles/index.html.erb -
再使用可视化bootstrap工具制作文章页面，把代码复制过来。如下图效果：
-
上面的还都是静态页面，没有model。现在我们开始建立artile的model及其与其他模型的关联:
- 在命令行输入
rails g model Article title:string content:text is_public:boolean category:references user:belongs_to rails model Category name:string: Article模型和Category模型是关联模型rails db:migrate- 在 app/models/category.rb 添加内容如下
class Category < ApplicationRecord has_many :articles end - 在app/models/uesr.rb 添加内容如下：
class User < ApplicationRecord # Include default devise modules. Others available are: # :confirmable, :lockable, :timeoutable and :omniauthable devise :database_authenticatable, :registerable, :recoverable, :rememberable, :trackable, :validatable has_many :articles end - 在db/seeds.rb 中添加如下内容
在命令行运行
Category.find_or_create_by(name: "Science") Category.find_or_create_by(name: "Technology") Category.find_or_create_by(name: "Engineering") Category.find_or_create_by(name: "Art") Category.find_or_create_by(name: "Math")rails db:seed初始化categories表格的数据 - 完善articles_controller.rb中的index方法：从数据库中读入数据（C-M的数据交流）
def index @articles = Article.where(is_public: true).order('created_at DESC') end- 完善 app/views/articles/index.html.erb
- 做完article的CRUD功能, 从controller到view的顺序更新。分别是：
show -> edit -> update -> new -> create -> destroy
- show
- 分享插件： http://www.jiathis.com
- edit
- 开源编辑器 simditor： https://github.com/mycolorway/simditor
- 我以前也没有用过这个插件，自行搜索「rails simditor」以后找到这些教程：
-
Comment 实践（Polymorphic Association）
- Creating a Single Comment Model
rails g model comment content:text commentable_id:integer commentable_type:string - 修改 migration, 使用多态技巧polymorphic如下：
class CreateComments < ActiveRecord::Migration[5.0] def change create_table :comments do |t| t.text :content t.belongs_to :commentable, polymorphic: true t.timestamps end add_index :comments, [:commentable_id, :commentable_type] end end然后
rails db:migratehttp://railscasts.com/episodes/154-polymorphic-association-revised?view=asciicast https://rubyplus.com/articles/3901-Polymorphic-Association-in-Rails-5 https://gorails.com/episodes/comments-with-polymorphic-associations https://github.com/gorails-screencasts/gorails-episode-36
- Creating a Single Comment Model