迈克尔·哈特尔RailsTutorial章10.2.2样品微观柱

我完成了迈克尔·哈特尔的Rails的教程章10.2.2样品微观柱迈克尔·哈特尔RailsTutorial章10.2.2样品微观柱

访问http://ruby.railstutorial.org/chapters/user-microposts?version=3.2#sec-creating_microposts

我遇到了一个问题，即个人资料页面的CSS将无法正确渲染。 Rspec通过，页面加载，我可以导航整个网站没有问题。 css代码是通过将CSS代码链接到rails输出的类来调用的。我会粘贴尽可能多的信息，因为我能想到。注：我是Rails编程或面向对象任何东西的绝对初学者，所以请在您的回复中具体，因为我可能还没有经验来理解这个主题。

我会发布图片，但我没有拥有所需的声望点。

下面是一些代码，但...

这是个人资料页面的HTML不正确的渲染

<% provide(:title, @user.name) %> 
<div class="row"> 
    <aside class="span4"> 
    <section> 
     <h1> 
     <%= gravatar_for @user %> 
     <%= @user.name %> 
     </h1> 
    </section> 
    </aside> 

    <div class="span8"> 
    <% if @user.microposts.any? %> 
     <h3>Microposts (<%= @user.microposts.count %>)</h3> 
     <ol class="microposts"> 
     <%= render @microposts %> 
     </ol> 
     <%= will_paginate @microposts %> 
    <% end %> 
    </div> 

</div>

这是此页

/* microposts */ 

    .microposts { 
    list-style: none; 
    margin: 10px 0 0 0; 

    li { 
     padding: 10px 0; 
     border-top: 1px solid #e8e8e8; 
    } 
    } 
    .content { 
    display: block; 
    } 

    .timestamp { 
    color: $grayLight; 
    } 

    .gravatar { 
    float: left; 
    margin-right: 10px; 
    } 

    aside { 
    textarea { 
     height: 100px; 
     margin-bottom: 5px; 
    } 
    }

CSS代码

另外，如果用户登录，主页也会调用此css代码以呈现微博。此页面也不能正确呈现微博。主页HTML低于

<% if signed_in? %> 
    <div class="row"> 
    <aside class="span4"> 
     <section> 
     <%= render 'shared/user_info' %> 
     </section> 
     <section> 
     <%= render 'shared/micropost_form' %> 
     </section> 
    </aside> 
    <div class="span8"> 
     <h3>Micropost Feed</h3> 
     <%= render 'shared/feed' %> 
    </div> 
    </div> 
<% else %> 

    <div class="center hero-unit"> 

    <h1>Welcome to the Sample App</h1> 

     <h2> 
      This is the home page for the 
      <a href="http://railstutorial.org/">Ruby on Rails Tutorial</a> 
      sample application <br>Sample App Tutorial Completed by Jake Danforth. 
     </h2> 

     <%= link_to "Sign up now... Because it's Awesome!!!", signup_path, class: "btn btn-large btn-primary" %> 
    </div> 

    <%= link_to image_tag("rails.png", alt: "Rails"), 'http://rubyonrails.org/' %> 
<% end %>

最后的代码呼吁该代码包含以下

<a href="<%= user_path(current_user) %>"> 
    <%= gravatar_for current_user, size: 52 %> 
</a> 
<h1> 
    <%= current_user.name %> 
</h1> 
<span> 
    <%= link_to "view my profile", current_user %> 
</span> 
<span> 
    <%= pluralize(current_user.microposts.count, "micropost") %> 
</span>

正如我不断地解决此问题的_user_info.html.erb文件，我将更新我可以找出。问题出在<％= render @microposts％>，它调用了@microposts变量（对吧？）。这在文件中users_controller.rb定义为

def show 
    '@user = User.find(params[:id]) 
    '@microposts = @user.microposts.paginate(page: params[:page]) 
    end

不会导致CSS文件至于我可以告诉。不知何故，这需要调用css文件中的.microposts类来呈现。

来源

2013-02-17 SoEzPz

我在OSX 10.8.2上运行Safari 6.0.2。 – SoEzPz 2013-02-17 19:15:20

更改/ * micro post */css文件中的任何值都不会影响页面本身。也许该页面正在使用另一个文件来绘制？我需要它从微帖子CSS代码中绘制。 – SoEzPz 2013-02-17 22:13:57

我在CSS代码中发现了一个错误。我重新安排了CSS代码以进一步清理它，并找到了一个额外的支架。我不知道为什么代码仍然没有错误地渲染页面，但是，当我移除括号时，它开始按预期渲染屏幕。我将这个文件放在网上，以防其他人尝试使用该教程并遇到包含括号的问题。确保打开和关闭的括号相同！

来源

2013-02-18 19:02:39 SoEzPz

迈克尔·哈特尔RailsTutorial章10.2.2样品微观柱

回答

相关问题